Как оптимизировать изображения?

Question

[Александр Белькевич]

Здравствуйте! В чем суть вопроса:
PageSpeed Tools от Google требует оптимизации изображений.
Например, изображение размером 1920х1050 весит 200кб после сжатия через tinypng.
Google говорит, что можно уменьшить еще на 98%! процентов. Как так? Какие еще оптимизаторы использовать?

Comments

[Александр Белькевич]

Причем если скачивать изображения, которые предлагает Гугл - это пипец. Он уменьшает сам размер фотографий. Нафига оно мне надо то...

Answer 1

[Андрей]

Не слушайте этот совет Гугла. Как ни сжимайте изображение, Гугл считает, что можно сжать еще. Подозреваю, что идеальным изображением будет GIF с однородной заливкой.

Comments

[Dark Hole]

Нет, идеальным, по версии Google, будет однопиксельная картинка в 8-битовом неподдерживаемом формате

Answer 2

[Dimonchik]

включай думалку и смотри конкурентов

про 98% гугл говорит для идиотов, отображающих 1900*1200 картинку в 240*360 окне

мобильные пользователи рады

Comments

[Александр Белькевич]

Слава Богу к идиотам я себя не отношу, так как огромные картинки у меня не отображаются так, как вы описали. Иначе я бы я вопрос не задавал

[AlikDex]

Александр Белькевич: ну вообще гугл на тойже странице дает ссылку на архив с пережатыми материалами. вот его и скачайте и вставьте эту картинку вместо вашей.

[Dimonchik]

Александр Белькевич: это не к тебе конкретно, сорри, если так написал ))
в общем - скорость важна для трафа 100%, на многостраничных сайтах мы это постоянно видим, поэтому все что остается - подстроиться под гугл

проще всего - скормить устраивающую его страницу конкурента и потом разобрать, что у тебя в стравнении с ней не так

[Александр Белькевич]

AlikDex: Не вариант. Неправильные он картинки делает. Пикселизация получается

[Александр Белькевич]

dimonchik2013: Да вот если бы гугл еще реально картинки правильно сжимал, я был бы не против. А то в слайдере должны 200 на 200 использоваться картинки, а он половину 90 на 90 делает...

Answer 3

[z555333]

Используйте Save for web в фотошопе. Установите минимальное количество цветов и максимальное сжатие, при котором качество изображения не страдает.

Answer 4

[Дамир]

Разрешение изображения на диске и в теге img должны совпадать.
Фотошоп не оптимизирует под гугл.
Пользуйтесь jpegoptim, jpegtran, optipng. Так делаю в optimify.ru и гугл принимает.

Answer 5

[Сергей Полегенько]

Гугл диктатор и слишком много требует, можно для десктопа и мобилки использовать изображения разных размеров, тег picture в помощь. Далее оптимизировать изображения бесплатным сервисом boost-image.online, после pagespeed уже не должен ругаться и качество не пострадает при этом