Wordpress - просмотр страниц - оптимизация изображений для мобильных устройств

Question

Я получаю уведомление «Сжатие и изменение размера ...» на странице google page. Мне хорошо известно, что сжатие в Photoshop, вещь - это мобильные изображения, кажется, нужно больше сжимать, чем те, что на рабочем столе. 1. Есть ли способ отображения различных изображений для мобильных устройств? или есть другой способ решить это? 2. Я попытался smush это плагин, кажется, не работает

Answer 1

Там новый плагин называется ricg-responsive-images (который имеет поддержку со стороны Responsive Images Group - они работают над получением поддержки отзывчивых изображений в браузерах) ,

Он автоматически добавляет атрибут srcset всякий раз, когда вы вставить изображение в пост, на основе размеров миниатюр у вас уже есть (вы можете настроить их в меню Настройки> Media.)

Srcset означает, что браузер выберет правильное изображение в соответствии с высотой, шириной или разрешением экрана на экране (надеюсь) загрузите самый маленький подходящий файл и не потребует никакого javascript.

Плагин также имеет commands для генерации srcset (или целых тегов изображений) для любого изображения в медиатеке, которую вы можете использовать в теме.

Я обнаружил, что даже если вы вручную сжимаете изображение, вы, как правило, все еще получаете предупреждение от Google и подобных сайтов, что его можно сжать немного больше. Используйте свое мнение относительно того, когда это безопасно игнорировать.