1. Приглашаем вступить в нашу группу ВКонтакте.
    Скрыть объявление
  2. Присоединяйтесь к нашему чату по ссылке: http://t.me/mediawiki_ru
    Скрыть объявление

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

Тема в разделе "Детальная настройка Media Wiki", создана пользователем Solj, 30 ноя 2018.

  1. Solj
    Оффлайн

    Solj Осваивается

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

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

    Случайно нашел очень крутую плюшку в движке MW.
    https://www.mediawiki.org/wiki/Manual:$wgResponsiveImages
    PHP:
    $wgResponsiveImages true;
    После установки, все изображения на сайте получают атрибут srcset в которых прописываются ссылки на изображения для высокочётких дисплеев. Как правило они в 2 раза больше требуемой. Браузеры в которых данный атрибут не поддерживается используют изображение из стандартного атрибут src.

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

     

Поделиться этой страницей