تصاویر واکنشگرا عملکرد سایت را بهبود و پهنای باند کاربر را حفظ میکنند.
srcset و sizes
srcset لیست تصاویر با عرض مختلف. sizes به مرورگر میگوید تصویر چه عرضی خواهد بود.
- srcset: تصاویر با عرض مختلف
- sizes: عرض نمایش
- مرورگر خودکار انتخاب میکند
picture element
picture برای Art Direction: تصاویر کاملاً متفاوت برای viewportهای مختلف.
جمعبندی
تصاویر واکنشگرا سادهترین راه بهبود عملکرد سایت هستند.
هنوز دیدگاهی ثبت نشده
اولین نفری باشید که نظر میدهد!