Оптимизация изображений

Опубликовано: 19 октября, 2020 в категории: Сайтострой

Оптимизация изображений — это сжатие изображений, желательно без потери качества и их настройка для корректного  отображения на сайте. Специалисты по продвижению считают, что оптимизация изображений является необходимым действием для SEO продвижения ресурса, так как использование оптимизированных  изображений увеличивает скорость загрузки страниц, а соответственно и  производительность вашего сайта.

Зачем нужна оптимизация изображений

Если вы хотите иметь сайт с большим трафиком, вы должны придерживаться определенных общепринятых правил. Наличие изображений на вашем сайте — одно из них. Изображения, для вашего контента, сделают публикацию более интересной и привлекательной, как говорится: «Лучше один раз увидеть, чем сто раз услышать».

оптимизация изображений

Однако большое количество изображений может снизить производительность ресурса из-за их долгой загрузки. Народ предпочитает сайты, которые загружаются быстро и без проблем. Если скорость ресурса низкая, многие просто покинут ваш сайт, не дождавшись полной загрузки. Как результат — рост показателя отказов. А это прямое влияние на рейтинг поисковых систем. Посетители обычно ждут загрузки сайта несколько секунд, а потом просто уходят с вашего сайта. Яндекс и Google  хорошо понимают это и дают отрицательные оценки рейтингу вашего сайта.

Поэтому оптимизировать изображения необходимо. Использование оптимизированных изображений в WordPress улучшает SEO и  посещаемость сайта увеличивается.

Почему лучше оптимизировать  изображения до загрузки

Существует довольно много бесплатных онлайн-сервисов, которые можно использовать для сжатия изображений. Для сайтов на CMS для этих целей существуют различные модули и плагины. Например в  WordPress существует большое количество плагинов, оптимизирующих изображения.

Но опытные администраторы предпочитают не устанавливать лишние плагины по ряду причин:

    • Установленный плагин может быть «тяжелым», что негативно отразится на сайте.
    • Плагин может быть несовместим с вашей активной темой.
    • Некоторые плагины даже могут изменить отображение вашего сайта в браузере.

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

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

1. TinyPNG
TinyPNG – один из лучших онлайн-сервисов для оптимизации изображений. Существует его российский аналог tinypng.ru . Сервисы можно использовать для сжатия изображений PNG и JPG.
TinyPNG использует систему квантования. Объем  изображения уменьшается до 70% без потери качества. Сервис может оптимизировать и  формат GIF.

2. Compress JPEG
Compress JPEG – тоже сервис для  оптимизации изображений. С помощью этого сервиса можно загружать и оптимизировать до 20 изображений одновременно. При завершении процесса, вы можете скачать их все одним кликом. Кроме сжатия изображений, сервис может изменять их форматы. Например, из PNG в JPG или из SVG в PNG.

3. Compressor.io
Compressor.io – еще один полезный сервис  для оптимизации изображений. Compressor.io может сжимать изображения до 90%, представьте на сколько можно сократить время загрузки вашего сайта. Этот сервис поддерживает форматы GIF, PNG, JPEG и SVG.

Оптимизация изображений — бесплатные программы

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

1. Caesium Image Compressor
Программа Cesium, позволяет сжимать изображения до 90% сохраняя его качество. Кроме того, вы можете загрузить и сжать сразу несколько изображений. Поддерживает JPEG, PNG и BMP.

2. PNG Gauntlet
PNG Gauntlet – тоже компрессор изображений для Windows. Помимо сжатия изображений, эта программа может конвертировать другие форматы изображений в PNG. Программа не изменяет качество изображений, а только уменьшает размер.

Что такое  размер и объем (вес) изображения

И последнее. Вероятно вам встречались сайты на которых картинки открываются очень медленно. Прежде чем оптимизировать изображение снятое на свой телефон или фотоаппарат, уменьшите его физический размер. Чем отличается размер изображения от его объема (веса)? Допустим вы сделали фото на свой телефон и хотите разместить его на сайте. Его размер (ширина и высота), 1000 px на 3000 px (пикселей)  и объем (вес) — 10 мб (мегобайт). Представляете сколько времени занимает загрузка такого изображения на страницу.  И таких изображений на вашем сайте десятки или сотни. Если вы просто уменьшите размер и сделаете такое фото размером 900 px на 1200 px, то и вес его уменьшится в разы.

Так вот, для уменьшения размера таких изображений я использую программу FastStone Image Viewer которая позволяет уменьшать размер любого количества изображений одновременно и имеет для этого ряд опций. Можно например уменьшать размер по одной из сторон с сохранением пропорций, или уменьшать размер в процентном отношении. Кроме того, у программы куча других полезных опций.

На этом все. Успехов в создании сайтов!

Понравился сайт? Поделись!

Всего комментариев: 0

Оставить комментарий

Ваш email не будет опубликован.