מדריך רזולוציות

נושא חשוב שמשפיע על נראות האתר והנוחיות שלו הוא גדלי תמונות.
בקלות אפשר להעלות מספר תמונות אך חשוב לשים לב למספר פרטים הנוגעים אליהן ברחבי האתר, תמונות בדפי תוכן, באנרים לוגואים, favicon, וכו' כל אחד דורש מידות מסויימות:

• תמונות בדפי תוכן -  תמונות בדפי תוכן יכולות להיות בכל מיני גדלים, אך חשוב מאוד לשים לב שכאשר מעלים מספר תמונות, הן צריכות להיות באותו גודל בדיוק, אם יהיה פער בין גדלי התמונות המראה של האתר יהיה פחות מקצועי. זהו אחד הגורמים העיקריים לנראות לא מקצועית בעיצוב האתר.

          כך לא צריכה להיראות תצוגת תמונות:
          

         כך כן צריכה להיראות תצוגת תמונות:
          
 

• תמונות מוצרים - באופן כללי גם כן מומלץ להקפיד שכל תמונות המוצרים יהיו באותו גודל, בנוסף הגודל המומלץ לתמונות מוצרים הוא 500X500. כמובן שניתן להגדיר גם תמונות לא מרובעות, אך חשוב לשים לב שהרזולוציה לא תהיה גבוהה בהרבה מהגודל המומלץ (ישפיע על משקל התמונה, ועלול במצבים מסויימים להציג אותה במלוא הגודל).
• באנרים - רוחב הבאנרים צריך להיות או 1920 פיקסלים כאשר מגדירים באנר ברוחב מלא, או 1500 פיקסלים כאשר מגדירים באנר במרחב תחום, אם רוחב הבאנר קטן ממדדים אלו המערכת תתאים אותו לגודל הנדרש והתמונה תראה מתוחה ומפוקסלת. לבאנרים אין מגבלת גובה, אך נהוג לשים באנרים שגובהם הוא 300-600 פיקסלים, ניתן לשים גם באנרים יותר גבוהים אך צריך לקחת בחשבון שיתפסו יותר שטח על המסך.

         כך יראה אתר עם באנר לא תקין:
         

        כך יראה אתר עם באנר תקין:
         

• לוגואים - הלוגואים גמישים לגבי הגודל אך חשוב שיהיו בפורמט PNG ובעלי רקע שקוף. ניתן להגדיר גם רקעים בהירים אך לא מומלץ לשים רקעים כהים וכן יש לשים לב שהלוגו יושב על כל התמונה ולא תופס שטח קטן ומשאיר הרבה שטח ריק, דבר זה יגרום ללוגו להיראות קטן.

         כך יראה לוגו תקין:
         

         כך יראה לוגו לא תקין:
          

• favicon - הפבאייקון הוא האייקון הקטן שמוצג בחלונית העליונה של האתר  הוא נדרש להיות בגודל 16X16 וחשוב לשים לב שיהיה בעל רקע שקוף.
• תמונות מוצרים - המינימום לגודל תמונת מוצר הוא 500X500, תמונות בגלריות מוצרים מתאימות את עצמן מבחינת גודל אך כאשר הפער בין תמונות גדול יהיה ניתן לראות הבדל.