در طراحی سایت یکی از المان هایی که بیش از هرچیز دیگر بیشتر به چشم کاربر می آید تصاویر است . در ادامه همراه باشید تا فرمت های مناسب برای تصاویر در طراحی سایت را بررسی کنیم .
در وبسایت وجود عکس های جذاب و البته کم حجم میتواند تاثیرات شگرفی برروی کاربران و درگیری آنها با وبسایت داشته باشند .
همه این‌ها به کدگذاری که هنگام ایجاد تصویر با یک فرمت خاص انجام شده، برمی‌گردد. JPEG به درد عکاسی می‌خورد (حرف P مخفف Photographic است) زیرا لبه‌های تیز را محو میکند و شیب‌های نرم را نگه می‌دارد. کدگذاری یک تصویر دارای بلوک‌های رنگی بزرگ و شارپ با استفاده از JPEG باعث از دست دادن وضوح و کدگذاری ناقص می‌شود.
برعکس، گیف به درد لوگو و بلوک‌های ساده نمودار می‌خورد، زیرا این فرمت روی تغییرات نواحی رنگی یکنواخت تمرکز میکند. واضح است این ویژگی به هیچ وجه مناسب تصاویری که پیکسل به پیکسل تفاوت رنگی دارند، نیست.
مرورگرها چه میگویند ؟
تا اینجا با فرمت های رایج مورد استفاده آشنا شدیم . درواقع باید بدانید که مرورگرهای نسل جدید از جدید ترین نسل عکس ها استفاده میکنند . حال باید ببینیم چه مرورگری چه فرمتی را ساپورت میکند؟
به عنوان مثال، WebP در طراحی سایت
