مجموعاًًَ، بعدها عکسها در طراحی سایت به نوع عکس و محل قرارگیری آن در صفحه بستگی دارد. برای تصاویر پسگزینه، طراحی سایت در مشهد ابعاد بزرگتر (از جملهً 1920x1080 پیکسل) مناسب میباشد، در حالی که برای تصاویر کوچکتر مانند آیکونها، بعد ها کوچکتر (از جملهً 150x150 پیکسل) کافی می باشد. برای تصاویر محصول ها در مغازههای آنلاین، بعد ها مربعی مانند 600x600 یا 680x680 پیکسل معمولاً استفاده میگردد. همچنین، برای تصاویر شاخص مقالهها، ابعادی مانند 1200x630 پیکسل سفارش می شود.
رزولوشن:
برای نمایش در وب، رزولوشن 72dpi کافی می باشد.
حجم پوشه:
حجم عکسها را تا حد قابلیت و امکان زیر نگه دارید تا سرعت لود شیت ارتقاء یابد. برای این خواسته میتوانید از ابزارهای فشردهسازی عکس استعمال نمائید.
نسبت تصویر:
نسبت تصویر (عرض به ارتفاع) باید با محتوای برگه و مقصود از نمایش عکس هماهنگ باشد.
واکنشگرا بودن:
تصاویر می بایست در اندازهها و رزولوشنهای متعدد (دسکتاپ، تبلت، گوشی) به صدق نمایش داده شوند.
توصیههای کلی:
برای تصاویر پسمورد: 1920x1080 پیکسل یا بعدها مشابه با نسبت تصویر 16:9.
برای تصاویر هیرو (Hero): 1280x720 پیکسل یا ابعاد مشابه با نسبت تصویر 16:9.
برای بنرهای وبسایت: 250x250 پیکسل یا بعد ها مستطیلی مانند 970x90 پیکسل.
برای تصاویر وب لاگ: 1200x630 پیکسل یا بعدها مشابه با نسبت تصویر 3:2.
برای تصاویر تولید ها: 600x600 یا 680x680 پیکسل یا بعد ها مربعی مشابه.
برای تصاویر شاخص مقالهها: 1200x630 پیکسل.
برای آیکونها و لوگوها: 150x150 یا 200x100 پیکسل یا بعد ها مشابه.
طرز تشخیص سایز مناسب برای صفحه ها وبسایت:
برای تشخیص سایز مناسب یک عکس در برگه، میتوانید بر روی آن راست کلیک کرده و گزینه \\\\\\\\\\\\\"Inspect\\\\\\\\\\\\\" یا \\\\\\\\\\\\\"استیناف\\\\\\\\\\\\\" را انتخاب نمائید. آنگاه با حرکت ماوس بر روی تصویر، اطلاعاتی مانند بعدها اصلی (Intrinsic size) و ابعاد رندر شده (Rendered size) نمایش داده می گردد.
فرمتهای مناسب عکس برای وب:
فرمتهای JPG، PNG و SVG برای تصاویر وب مناسب میباشند. JPG برای عکسهای با جزئیات زیاد، PNG برای تصاویر با پسقضیه پرنور و SVG برای تصاویر وکتوری مناسب می باشند

افزایش ورودی گوگل در کمترین مجال: تکنیک هایی که می بایست آزمون فرمائید