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