Размеры изображений под устройства

указывайте в % и всё будет нормально.

Эта хрень вообще на несжатые картинки ругается.

я имею ввиду под srcset или сорсы тэга picture

если пожата, но с шириной больше вьюпорта, то тоже ругается

Sitealert, Он вообще на все изображения сжатые не им ругается.

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

А тут у меня что-то время было свободное, в общем сжал я png-хи руками, с выравниванием по сетке с учетом алгоритма сжатия. Так вот, получилось, что сжатые гуглосжималкой картинки выходят на 20% больше, чем сжатые руками.

Так что вы думаете, пейджспид начал орать, что "картинки не сжаты".

Ну дык это естественно: картинка не влезает в морду экрана. Делайте, чтобы всё умещалось. Нормальный респонсив.

---------- Добавлено 30.10.2018 в 00:48 ----------

Ну не знаю, я вручную джейпеги хотя бы чуть сжимаю - перестаёт ругаться. А с пнг там какие-то свои фокусы, не вникал. Я за 100 баллами никогда не гонялся, мне и 85 хватает, чтобы показать заказчику правильный значок.

Ну за пределы она и не вылезает, width 100%.

Тогда я Вас не понимаю. Может быть, Вы вьюпорт неправильно задаёте.

Sitealert,

Картинка 500 пикселей, показывается как 300 пикселей, PS ругается и говорит, надо делать 300 пикселей.

Ну вот я посмотрел часто упоминаемый здесь хрюшечный сайт. Конкретно страницу https://www.babai.ru/articles/mister-vreder.html - на ней есть изображения шириной 745px c max-width: 100%. Гуглофейк на эти картинки не ругается, пишет "Изображения оптимизированы".

Sitealert, наверное потому что размеры картинки указаны в теге img, ну или не знаю, сложно понять шизоидную логику этого сервиса.