چه کاری انجام می‌دهد؟
طراحان سایت به‌طور سنتی تنها از تصاویر با وضوح محدود، در سایت‌ها استفاده می‌کنند، زیرا وقتی نمایش‌گرها نمی‌توانند تصاویر با جزئیات بالا را نشان دهند، استفاده از آن‌ها دلیلی ندارد. همچنین، استفاده از عکس‌های با کیفیت بالا به‌دلیل استفاده از پهنای باند بیش‌تر برای دانلود شدن منع شده است، زیرا نه‌تنها بارگذاری صفحات را کند می‌کند، هزینه دسترسی به سایت را برای کاربران اینترنت حجمی و موبایل هم بالا میبرد. بروس لاوسون از مدافعان اپن سورس مرورگر اپرا میگوید: «این مسائل طراح وب را در تنگنا قرار ميدهد، وقتی شما تنها امکان ارسال یک تصویر را داشته باشید آیا یک عکس رتینای حجیم با جزئیات بالا را برای استفاده در تلفن‌های سطح پایین ارسال میکنید یا یک عکس کم کیفیت را که در صفحات نمایش رتینا مات میشود ارسال میکنید؟ مشکل ارسال یک عکس با DPI (نقطه در اینچ) بالا این است که اندازه آن‌ها چهار برابر یک عکس معمولی است. روی یک شبکه موبایل دانلود اين عکس زمان خیلی بیش‌تری نیاز دارد و بعد از آن هم تلفن باید آن را برای جا گرفتن در صفحه نمایش کوچک کند.»
Srcset به کاربران صفحات نمایش اچ دی اجازه ميدهد از مزایای تصاویر با کیفیت بالا در سایت‌ها بهره‌مند شوند
شرکت‌های توسعه‌دهنده مرورگر چند سالی است که بعد از ورود نخستین نمایش‌گرها با وضوح بسیار بالا به بازار، با این مشکل دست و پنجه نرم می‌کنند. طبق معمول، بر سر رسیدن به توافق برای بهترین راه حل با مشکل مواجه‌اند. در حال حاضر srcset راه‌حل این مسئله است. وقتی ویژگی‌های srcset به عکسی در یک صفحه وب اضافه میشود، کاربری که این تصویر را در یک iPad Air مشاهده می‌کند، آن را با وضوحی معادل دو برابر کسی خواهد دید که از تلفن هوشمند سطح پایین‌آندروئيد استفاده می‌کند.
کجا می‌توان آن را امتحان کرد؟
Srcset از قبل در مرورگرهایي قرار گرفته است که از موتور رندرينگ Web Kit استفاده می‌کنند. بهترین نمونه آن سافاری اپل است، گرچه هنوز باید با راه‌حل‌های دیگر روی میز، موافقت همگانی را جلب کند. لاوسون میگوید: «در نهایت، تا زمانی که تمام مرورگرها بر سر به‌کار‌گیری آن به توافق برسند، چندان مهم نیست که کدام یک برنده میشوند. تمام پیشنهادهای موجود به تدریج در حال تنزل هستند، بنابراین مرورگرهای قدیمیتر همچنان یک عکس را نشان میدهند.» می‌توان یک پیش‌نمایش عملی از Srcset را در bit.ly/srcset334 مشاهده کرد.
شما می‌توانید با مشاهده یک دموی آنلاین تفاوتی که srcset در تصاویر تحت وب به‌وجود میآورد را ملاحظه کنید
ماهنامه شبکه را از کجا تهیه کنیم؟
ماهنامه شبکه را می‌توانید از کتابخانه‌های عمومی سراسر کشور و نیز از دکه‌های روزنامه‌فروشی تهیه نمائید.
ثبت اشتراک نسخه کاغذی ماهنامه شبکه
ثبت اشتراک نسخه آنلاین
کتاب الکترونیک +Network راهنمای شبکه‌ها
- برای دانلود تنها کتاب کامل ترجمه فارسی +Network اینجا کلیک کنید.
کتاب الکترونیک دوره مقدماتی آموزش پایتون
- اگر قصد یادگیری برنامه‌نویسی را دارید ولی هیچ پیش‌زمینه‌ای ندارید اینجا کلیک کنید.
نظر شما چیست؟