Читать книгу 50 руководств по SEO-оптимизации. Часть №2 - Анатолий Косарев - Страница 5

Размер изображения и размер файла – это не одно и то же. Размер изображения относится к размерам изображения (например, 1024 на 680 пикселей). Размер файла – это объем места, необходимый для его хранения на сервере (например, 350 килобайт).

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

Согласно HTTP Archive, изображения составляют в среднем 21% от общего веса веб-страницы.

Чтобы изображения занимали меньше четверти веса веб-страницы рекомендуется максимально сжимать их перед загрузкой на сайт.

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

В идеале вам следует поэкспериментировать с типами файлов и степенью сжатия, чтобы увидеть, что лучше всего подходит для каждого изображения. Многие инструменты для редактирования изображений, включая Adobe Photoshop, имеют опцию «сохранить для Интернета», которая автоматически минимизирует размер файла при оптимизации качества изображения.

Можно воспользоваться и таким инструментом как TinyPNG.

У TingPNG также есть плагин WordPress, которым могут воспользоваться любители этой СМС.

Кстати для обратных ссылок в WordPress сучествует плагин WP Smush. Уменьшает размер файла изображения без потери качества.

Какой бы плагин вы ни использовали, обязательно найдите тот, который сжимает изображения извне на своих серверах. Это снижает нагрузку на ваш собственный сайт.

Другие инструменты оптимизации изображений

– Affinity Photo

– Pixlr; (оптимизация JPEG)

– ImageOptim (только Mac)

– Kraken (объемное сжатие)

– GIMP

– JPEG мини

– OptiPNG

– FileOptimizer

– Обрезка

Если вы ещё сомневаетесь, как изображения влияют на скорость загрузки страницы, я рекомендую использовать инструмент Google PageSpeed Insights измерение скорости загрузки веб-страниц.