Зачем и как сжимать картинки на сайте?
В век информации человек каждый день сталкивается с огромным потоком информации. И зачастую у рядового пользователя нет ни времени, ни сил анализировать этот поток контента. Чтобы не сойти сума от перегрузки, он чаще всего обращает внимание на заголовки для быстрого поиска необходимой информации. Однако чаще всего обращает внимание только на графические элементы. Основываясь на подобном поведении, поисковые системы ранжируют свои результаты таким образом, чтобы до потребителя доходили только оптимизированные ресурсы. Поэтому, кроме наличия изображений на сайте, важно, чтобы картинки быстро загружались, были привлекательными, информативными и качественными.
После обновления алгоритмов Google попасть на первую страницу поиска с помощью картинок стало проще. Чтобы оказаться в таких результатах, нужно провести комплексную оптимизацию изображений. Важно помочь поисковым системам правильно анализировать содержимое картинки.
Сервисы сжатия веб-графики
Вот список сервисов, которые я использую в своей повседневной работе. Этот краткий обзор поможет понять, какой сервис лучше подойдет в конкретном случае. Все они бесплатны, однако некоторые имеют ряд ограничений, снимаемыми платной версией. Однако это никак не повлияет на финальный результат — только на удобство.
TinyJPEG
TinyJPEG позволяет быстро сжать большое количество картинок с уменьшением объема до 90%. Он работает с JPEG, PNG-файлами. Ограничение — максимум 20 файлов по 5 Mb каждый.
В нем нет какой-либо гибкой настройки, и не виден конечный результат. Но если сроки поджимают, то это лучший вариант.
Кроме того, сервис предлагает приобрести плагин для Photoshop за 65$.
Optimizilla
Этот оптимизатор изображений использует эффективную комбинацию лучших алгоритмов сжатия, без потерь для уменьшения размера изображений в форматах JPEG и PNG до минимально возможного уровня.
Особенность сервиса — в возможности предпросмотра и настройке качества для каждого загруженного файла. По ощущениям от работы — очень похож на предыдущий сервис, но только с возможностью настроить конечный результат.
Squoosh
Компания Google запустила новый веб-сервис Squoosh — быстрый и удобный инструмент для подготовки фотографий к публикации в Сети. Он умеет сжимать картинки без потери качества и конвертировать их в нужный формат. Это, пожалуй, мой любимый сервис для гибкой работы. В нем есть все, что нужно для лучшего результата. Единственный минус — одна картинка за раз. Помимо всего прочего, есть возможность сохранить результат в прогрессивных форматах MozJPG и WebP.
Smart upscaler
Бесплатный сервис для, на этот раз, увеличения разрешения. Используйте современное машинное обучение для увеличения улучшения ваших изображений.
Заключение
На сегодняшний день перечень подобных сервисов не ограничивается этим списком. Даже поверхностный поиск в сети выдает десяток-другой результатов. Однако, для повседневной работы хватит одного-двух. Попробуйте разные варианты, но для себя я выбрал эти четыре.
Надеюсь вам понравилась эта подборка, и она окажется полезной. Если у вас есть, чем ее дополнить — оставьте комментарий! И не забудьте подписаться ✌️