در طراحي سايت يكي از المان هايي كه بيش از هرچيز ديگر بيشتر به چشم كاربر مي آيد تصاوير است . در ادامه همراه باشيد تا فرمت هاي مناسب براي تصاوير در طراحي سايت را بررسي كنيم .
در وبسايت وجود عكس هاي جذاب و البته كم حجم ميتواند تاثيرات شگرفي برروي كاربران و درگيري آنها با وبسايت داشته باشند .
همه اينها به كدگذاري كه هنگام ايجاد تصوير با يك فرمت خاص انجام شده، برميگردد. JPEG به درد عكاسي ميخورد (حرف P مخفف Photographic است) زيرا لبههاي تيز را محو ميكند و شيبهاي نرم را نگه ميدارد. كدگذاري يك تصوير داراي بلوكهاي رنگي بزرگ و شارپ با استفاده از JPEG باعث از دست دادن وضوح و كدگذاري ناقص ميشود.
برعكس، گيف به درد لوگو و بلوكهاي ساده نمودار ميخورد، زيرا اين فرمت روي تغييرات نواحي رنگي يكنواخت تمركز ميكند. واضح است اين ويژگي به هيچ وجه مناسب تصاويري كه پيكسل به پيكسل تفاوت رنگي دارند، نيست.
مرورگرها چه ميگويند ؟
تا اينجا با فرمت هاي رايج مورد استفاده آشنا شديم . درواقع بايد بدانيد كه مرورگرهاي نسل جديد از جديد ترين نسل عكس ها استفاده ميكنند . حال بايد ببينيم چه مرورگري چه فرمتي را ساپورت ميكند؟
به عنوان مثال، WebP در طراحي سايت
نسبت به گيف، PNG و JPEG در موارد مختلف نتيجه بسيار بهتري ميدهد. براي آزمايش، تصويري كه در بالا استفاده كرديم با كدگذاري WebP، 90.5 كيلوبايت حجم داشت كه حدود 15 درصد كمتر از فرمت JPEG است. با اينحال، شما فقط زماني ميتوانيد از اين فرمت استفاده كنيد كه مرورگر موردنظرتان كروم، اپرا يا مرورگر اندوريد باشد.
JPEG XR فرمت مخصوص مايكروسافت، JPEG eXtended Range، است كه برپايه فرمت اصلي JPEG توسعه پيدا كرده و حتي مانند PNG و WebP قابليت پشتيباني از تصاوير ترنسپرنس (شفاف) را هم دارد.
بنابراين، براي انتخاب بهترين فرمت نه تنها بايد محتواي بصري را در نظر گرفت، بلكه بايد مرورگر مورد استفاده خود را نيز مورد توجه قرار داد.
حتي ممكن است شما 4 نسخه از يك تصوير را بسازيد: تصوير اول كه توسط يكي از فرمتهاي قديمي و رايج، كدگذاري شده (براي همه دستگاهها) و سه تصوير ديگر كه هركدام با استفاده از فرمتهاي نسل بعد و مخصوص هريك از مرورگرها (براي لذتبردن از نهايت بهينهسازي تصاوير) كدگزاري شدهاست. اين كار نياز به زمان و تلاش زيادي دارد.
تاكنون ما درباره فرمتهاي قديمي كه در همه مرورگرها قابل استفادهاند و فرمتهاي جديد در دسترس مخصوص بعضي از مرورگرها صحبت كرديم.
با اين پشتيباني نامساعد مرورگرها، ما اگر بخواهيم از مزيت فرمتهاي جديد تصاوير بهرهمند شويم، بايد چندين نوع تصوير مختلف در وبسايت خود ايجاد كنيم.
در طراحي سايت يكي از المان هايي كه بيش از هرچيز ديگر بيشتر به چشم كاربر مي آيد تصاوير است . در ادامه همراه باشيد تا فرمت هاي مناسب براي تصاوير در طراحي سايت را بررسي كنيم .
در وبسايت وجود عكس هاي جذاب و البته كم حجم ميتواند تاثيرات شگرفي برروي كاربران و درگيري آنها با وبسايت داشته باشند .
همه اينها به كدگذاري كه هنگام ايجاد تصوير با يك فرمت خاص انجام شده، برميگردد. JPEG به درد عكاسي ميخورد (حرف P مخفف Photographic است) زيرا لبههاي تيز را محو ميكند و شيبهاي نرم را نگه ميدارد. كدگذاري يك تصوير داراي بلوكهاي رنگي بزرگ و شارپ با استفاده از JPEG باعث از دست دادن وضوح و كدگذاري ناقص ميشود.
برعكس، گيف به درد لوگو و بلوكهاي ساده نمودار ميخورد، زيرا اين فرمت روي تغييرات نواحي رنگي يكنواخت تمركز ميكند. واضح است اين ويژگي به هيچ وجه مناسب تصاويري كه پيكسل به پيكسل تفاوت رنگي دارند، نيست.
مرورگرها چه ميگويند ؟
تا اينجا با فرمت هاي رايج مورد استفاده آشنا شديم . درواقع بايد بدانيد كه مرورگرهاي نسل جديد از جديد ترين نسل عكس ها استفاده ميكنند . حال بايد ببينيم چه مرورگري چه فرمتي را ساپورت ميكند؟
به عنوان مثال، WebP در طراحي سايت
نسبت به گيف، PNG و JPEG در موارد مختلف نتيجه بسيار بهتري ميدهد. براي آزمايش، تصويري كه در بالا استفاده كرديم با كدگذاري WebP، 90.5 كيلوبايت حجم داشت كه حدود 15 درصد كمتر از فرمت JPEG است. با اينحال، شما فقط زماني ميتوانيد از اين فرمت استفاده كنيد كه مرورگر موردنظرتان كروم، اپرا يا مرورگر اندوريد باشد.
JPEG XR فرمت مخصوص مايكروسافت، JPEG eXtended Range، است كه برپايه فرمت اصلي JPEG توسعه پيدا كرده و حتي مانند PNG و WebP قابليت پشتيباني از تصاوير ترنسپرنس (شفاف) را هم دارد.
بنابراين، براي انتخاب بهترين فرمت نه تنها بايد محتواي بصري را در نظر گرفت، بلكه بايد مرورگر مورد استفاده خود را نيز مورد توجه قرار داد.
حتي ممكن است شما 4 نسخه از يك تصوير را بسازيد: تصوير اول كه توسط يكي از فرمتهاي قديمي و رايج، كدگذاري شده (براي همه دستگاهها) و سه تصوير ديگر كه هركدام با استفاده از فرمتهاي نسل بعد و مخصوص هريك از مرورگرها (براي لذتبردن از نهايت بهينهسازي تصاوير) كدگزاري شدهاست. اين كار نياز به زمان و تلاش زيادي دارد.
تاكنون ما درباره فرمتهاي قديمي كه در همه مرورگرها قابل استفادهاند و فرمتهاي جديد در دسترس مخصوص بعضي از مرورگرها صحبت كرديم.
با اين پشتيباني نامساعد مرورگرها، ما اگر بخواهيم از مزيت فرمتهاي جديد تصاوير بهرهمند شويم، بايد چندين نوع تصوير مختلف در وبسايت خود ايجاد كنيم.