Оптимизация изображений для обычных и высокочётких дисплеев

Solj

Гуру MediaWiki
Регистрация
15.12.2014
Сообщения
159
Реакции
7
Сегодня почти все носимые устройства имеют высокочёткие дисплеи. Я что на работе что дома, что использую 4к мониторы. На ПК подавляющая доля пользователей использует обычные мониторы. На 4к, изображения не рассчитанные на высокую плотность пикселей, стрёмно смотрятся. Да бы мой сайт у меня хорошо смотрелся, я все изображения делал в 2 раза больше, ужимая их в контейнер с помощью стилей. Не всегда удобно и не всегда практично.

Конечно это влияет на объём загружаемого контента и Page Speed мне об этом регулярно напоминает.

Случайно нашел очень крутую плюшку в движке MW.
https://www.mediawiki.org/wiki/Manual:$wgResponsiveImages
PHP:
$wgResponsiveImages = true;

После установки, все изображения на сайте получают атрибут srcset в которых прописываются ссылки на изображения для высокочётких дисплеев. Как правило они в 2 раза больше требуемой. Браузеры в которых данный атрибут не поддерживается используют изображение из стандартного атрибут src.

В общем юзайте, очень полезно

 
Назад
Верх