اندازه استاندارد تصاویر وب سایت

هنگام طراحی یک وب سایت باید اندازه استاندارد تصاویر را در نظر بگیرید . به عبارتی برای اینکه یک وب سایت خوب داشته باشید که هم از نظر زیبایی و هم از نظر حجم بارگزاری مناسب باشد ، باید عکس های استاندارد داشته باشد.

ویژگی های عکس استاندارد در وب سایت

چند ویژگی بسیار مهم برای یک عکس در وب سایت وجود دارد که در این مقاله به موضوع اندازه عکس یا همان رزولوشن می پردازیم.

کسانی که با کار تصویر سر و کار دارند، حتما با کلمه رزولوشن آشنا هستند. رزولوشن در حقیقت به معنای وضوح است و شاخصی برای میزان کیفیت می‌باشد. یک واحد اندازه گیری کیفیت عکس dpi است که به معنی ” نقطه در هر اینچ مربع ” است.

پیکسل، کوچکترین واحد یک تصویر است و به عبارتی کوچکترین واحد تشکیل دهنده رزولوشن است.

حال با این توضیحات کدام رزولوشن برای تصاویر وب سایت مناسب است ؟

رزولوشن تصاویر در سایت

در دنیای وب، تصاویر با رزولوشن ۷۲ dpi استفاده می‌شوند ! چون همان طور که می دانید هرچه dpi بالاتر باشد، حجم تصویر بیشتر می‌شود و این موضوع، سرعت بالا آمدن تصاویر را در صفحه وب کند می‌کند که معمولا این کندی خارج از حوصله مخاطب و به ضرر سایت است.

از آنجایی که صفحه مونیتور دارای ابعاد کوچکی است ، کیفیت 72 dpi  و کیفیت 300 dpi در آن اصلا به چشم نمی آید ، در صورتیکه حجم یک عکس با این دو کیفیت بسیار بسیار متفاوت است و حجم کیفیت 300 dpi شاید تا 6 برابر هم برسد.

پس در نتیجه عکس وب سایت را باید در فوتوشاپ با 72 dpi سیو کنید و در سایت قرار دهید.

اندازه تصاویر وب سایت

حال که از کیفیت عکس در سایت آگاه شدید هم اکنون نوبت به سایز یا اندازه عکس ها می رسد.

اگر فرض کنیم که تمامی بازدیدکنندگان سایت ها موبایل نداشته باشند و با کامپیوتر بازدید را انجام دهند ، مانیتور 15 اینچ ابعادی با رزولوشن 1024*768 دارد ، پس در عجیب ترین حالت کافی است که عکس شما نهایتا ابعاد 1024*768 داشته باشد که در کل صفحه نمایش داده شود.

برای تفهیم بهتر مطلب بالا کافی است که شما از صفحه نمایشگر مانیتور خود PrtSc بگیرید و در فوتوشاپ یا paint آن را paste کنید و سپس آن را سیو کنید. وقتی از عکس سیو شده پراپرتیز بگیرید میبینید که ابعاد عکس ( اگر مونیتور شما 15 اینچ باشد ) 1024*768 است.

ابعاد استاندارد یک عکس در نوشته 800 پیکسل عرض و 600 پیکسل ارتفاع میباشد. این ابعاد از نظر زیبا شناسی و رعایت عدد طلایی مهم است .

در صورتیکه می خواهید یک عکس با جزئیات بیشتر نمایش داده شود 600*800 پیکسل مناسب است و همچنین می توانید از ابعاد 400*600 هم استفاده کنید .

این ابعاد استاندارد عکس در وب سایت را میتوانید بر اساس سلیقه خود تغییر دهید و هیچ محدودیتی در طراحی وجود ندارد .

اندازه تصاویر شاخص محصولات

در بخش محصولات داستان تصاویر کاملا متفاوت می شود و در اکثر قالب ها ابعاد مربعی نیاز است. اینکه چه ابعادی استفاده کنید کاملا به خود شما بستگی دارد و فقط دقت کنید که ارتفاع یک مونیتور 15 اینچ 768 پیکسل است .

شما اگر عکس 1000 پیکسلی بارگزاری کنید قطعا خود قالب عکس شما را سایز می زند و نسخه مناسب را از روی عکس شما برای خودش می سازد و شما فقط حجم صفحه را اضافه کرده اید.

فقط  اگر در قالب شما حالت زوم عکس وجود دارد شما باید از عکس های با ابعاد بزرگتر استفاده کنید .زیرا که جزئیات بیشتری را برای مصرف کننده در حالت زوم نمایش دهید. در غیر این صورت باید نهایتا ابعاد 500 در 500 بارگزاری کنید و حتی گاها ابعاد 410 در 410 نیاز می شود.

این مبحث عکس و تصاویر در قسمت محصولات را در ویدئویی کاملا توضیح داده ایم . پیشنهاد میکنم حتما مقاله و فیلم ویدئویی آن را ببینید.