جمعاًَ، ابعاد عکسها در طراحی وب به نوع عکس و محل قرارگیری آن در ورقه بستگی دارد . طراحی سایت در مشهد برای تصاویر پسگزینه، بعد ها بزرگتر (به عنوان مثالً 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 برای تصاویر وکتوری مناسب میباشند
جمعاًَ، ابعاد عکسها در طراحی وب به نوع عکس و محل قرارگیری آن در ورقه بستگی دارد . طراحی سایت در مشهد برای تصاویر پسگزینه، بعد ها بزرگتر (به عنوان مثالً 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 برای تصاویر وکتوری مناسب میباشند
تبلیغات کلیکی (PPC) چیست؟ مزایا، اشکال و معرفی شایسته ترین پلتفرم های آن