Google PageSpeed ​​Insights оптимизирует сжатие и изменение размера изображений

Google PageSpeed ​​Insights говорит, что я должен сжать и изменить размер нескольких изображений.

Вот пример:

введите здесь описание изображения

Я сохранил это изображение, используя предустановку Photoshop Save for Web JPEG High:

введите здесь описание изображения

Что я могу сделать с этим изображением, чтобы избежать предупреждения Google «сжать и изменить размер»?


person Ryan    schedule 06.05.2015    source источник


Ответы (3)


Из-за небольшого количества различных цветов, которые, по-видимому, имеет изображение, вы, вероятно, получите гораздо меньшее изображение, если экспортируете его в формате gif или png-8. На Sitepoint есть полезная статья о том, когда выбирать формат изображения.

person dacmo    schedule 06.05.2015
comment
Я абсолютно согласен с этим ответом. JPEG тяжело справляется с такой графикой, а между красным и белым я не вижу более 256 цветов, что делает PNG8 идеальным кандидатом. - person spacer GIF; 17.01.2020

Это то, что работает для меня и JPEG, чтобы быть в безопасности PageSpeed ​​Insights.

Файл > Сохранить для Интернета и устройств

введите здесь описание изображения

Вам нужно не только найти правильные настройки сжатия, но и придерживаться фактического размера тега img. Если вы знаете, что ваша максимальная ширина для тега img будет 555 пикселей, сохраните свой JPEG в этом измерении, а не на пиксель больше ... что касается того, как это сочетается с дисплеем Retina, похоже, Google не принимает этот критерий во внимание прямо сейчас. .

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

person Arnaud Leyder    schedule 21.05.2015

Вы не упомянули, используете ли вы расширение Chrome или основной веб-сайт? Предполагая первое, вы действительно можете загрузить оптимизированную версию изображения, щелкнув ссылку «Просмотреть оптимизированный контент» в разделе «Предложения для этой страницы».

Имг здесь:

введите здесь описание изображения

person GastroGeek    schedule 06.05.2015