שלח תשובה

זירת השאלות

826
צפיות
8
תשובות

הרבה תמונות חתוכות או תמונה אחת?

,‏ 18 ביולי, 2006

שאלה שלא בטוח שיש לה תשובה פשוטה.

מקובל לייצר דף מעוצב HTML מהרבה תמונות חתוכות שיוצרות ביחד (בעזרת טבלה או CSS) את הדף השלם.
אפשרות חלופית היא לשלוח הכל כתמונה גדולה ולהגדיר MAP לקישורים.

השאלה היא מתי כדאי לבחור באיזו שיטה?
בשיטת החיתוכים מה שמרויחים זה שגודל התמונה יותר קטן אבל יש המון עבודה נוספת גם בשרת (לפתוח 30-40 קבצים במקום 2-3 לכל דף כזה) וגם בלקוח (לרנדר את הדף על מגוון חלקיו, לשנות פרופורציות של תמונות, לסדר שכבות)

{לצורך השאלה נתעלם מהזמן שלוקח לחתוך ולהרכיב את הדף מחדש}

תגיות:

8 תשובות

  1. shlomolol הגיב:

    השאלה האם הדף דינמי או לא
    אם כן, כלומר מתארך ומתקצר בהתאם לנתונים ממקור נתונים, אי אפשר לעשותו מתמונה אחת עם מאפ.

  2. gilad123 הגיב:

    גם וגם
    בעיקרון השאלה על דף סטאטי עתיר גרפיקה, לדוגמא דף השער. אבל גם בדף דינאמי, אם זה דף עתיר גרפיקה, מה שמשתנה (בד"כ) זה DIV עם הטקסט, תמונה שמוחלפת ואולי חלק מהגרפיקה שמתארך בהתאם לטקסט, רוב הגרפיקה לא תתארך עם הטקסט. כן, כנראה שבדף כזה בכל מקרה צריך כמה חיתוכים אבל נשארת השאלה האם רוב הגרפיקה תהיה ביחידה אחת או בשלושים חתיכות

  3. Admini הגיב:

    מנסיון
    במקום שאפשר – כמה שפחות חיתוכים.

  4. gilad123 הגיב:

    עוד שאלה, הצמדת תמונות
    אני ממקם כמה תמונות אחת אחרי השניה (בתוך DIV), אני רוצה שהתמונות יהיו צמודות אחת לשניה ללא רווח, קבעתי מיקום יחסי (position: relative) וקבעתי  padding  ו margin לאפס אבל עדיין הן מתעקשות לשמור מרחק, אני מעדיף לא לתת לתמונות הסטה של TOP:-XXpx, יש אפשרות להצמיד אותם?


    <div style="right: 219px; width: 101px; position: relative; top: -20px; height: 293px" id="div_Right_menu">
            <img id="Logo_Right_Small" src="images/Logo_Right_Small.jpg" style="position: relative; margin: 0px; padding-top: 0px; padding-right: 0px; padding-left: 0px; padding-bottom: 0px;" />
            <img id="Button_KnisaLemurshim" src="images/Button_KnisaLemurshim.gif" style="position: relative; top: -4px; padding-right: 0px; padding-left: 0px; right: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px;" />
          </div>

  5. yuda הגיב:

    כמו שעשה google
    לידיעתך, המילה google מורכבת מ-4 תמונות מוצמדות. העתקתי לך את הקוד של google בקובץ המצורף. רק שיניתי שם את המקור של התמונה .

  6. gilad123 הגיב:

    אפשר גם ללא טבלה?
    אין קובץ מצורף אבל הסתכלתי על הדף של גוגל, הם מצמידים את התמונות עם טבלה,
    אני מנסה לעצב את הדף ללא טבלאות, איך ניתן ב CSS להגדיר שתמונה לא שומרת לעצמה מקום מסביב כך ששתי תמונות אחת ליד השניה יהיו צמודות בלי רווח בניהם?

  7. gilad123 הגיב:

    הבעיה היתה ברווח
    היה רווח בין תמונה לתמונה כי היה רווח בקוד
    כדי שלא יהיה רווח בין התמונות או שרושמים הכל בשורה אחת בלי רווחים (ואף פעם לא קוראים את זה אחר כך) או שבסוף שורה פותחים הערה ובתחילת שורה סוגרים את ההערה.
    לא הכי נוח אבל עובד

שלח תשובה

חדש! אחסון אתרים של וובמאסטר

שירות אחסון אתרים
המקצועי של וובמאסטר!

מומחים באירוח אתרי
WordPress, Joomla, Drupal

  • שרתי לינוקס עם CloudLinux, LiteSpeed
  • 1GB דיסק SSD, 10GB תעבורה חודשית
  • ממשק ניהול cPanel, תעודת SSL חינם

עכשיו במחיר היכרות:
רק 420 ש"ח לשנה!