15 Сервисов оптимизации изображений для сайта

15 Сервисов оптимизации изображений для сайта

16 мая 0 Автор Игорь Серов

От автора

Магическое слово «оптимизация». Владельцы и админы сайтов, как завороженные, в борьбе за продвижение ресурса, оптимизируют на нём всё что можно: тексты, ссылки, аватарки, теги, css, html, java, картинки. В этой статье поговорим про оптимизацию изображений и посмотрим сервисы оптимизации изображений для сайта.

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

Теория оптимизации изображений для сайта не так проста, как может показаться из общедоступной информации. Мнение, что оптимизация картинок для сайта это только их сжатие, ошибочно.

Оптимизация изображения включает:

  • Уникальность фото;
  • Уменьшение его размера (сжатие);
  • Удаление метаданных (ненужных);
  • Правильное масштабирование фото на сайте;
  • Использование оптимальных форматов картинок;
  • Разумная цветность.

Кратко пробегусь по этим пунктам, без энтузиазма, для ознакомления.

Уникальность фото

Борьба за уникальность картинок используемых на сайте еще не достигла апогея, но начинает активно распространяться среди веб-мастеров. «Возглавляет» эту работу, сервис Tineye.com. Сервис очень простой и сделать картинку уникальной, по этому сервису, тоже не сложно.

Сжатие фото

Ключевой элемент оптимизации для фото. Правило сжатия для поисковых систем: чем меньше размер фото, тем лучше. Правило сжатия для владельцев сайта: чем меньше размер фото без потери качества, тем лучше.

Удаление метаданных (ненужных)

Век цифровой фотографии картинка становиться носителем всякого информационного мусора, от информации о камере, до адреса фотографа. Этот EXIF нужно удалять, конечно, если он не нужен.

Правильное масштабирование фото на сайте

Это правило оптимизации фото, звучит так: Исходный размер фото, загруженного на сервер, должен быть практически одинаков с размером отображаемого фото. Например, оригинал фото 1800×1200. Лучше уменьшить его размер до 600×400, затем загрузить на сервер и показать на сайте в уменьшенном варианте.

Использование оптимальных форматов картинок

Лучший вариант векторный формат, качество которого не зависит от масштаба и разрешения. Из растровых форматов традиционные JPEG или PNG, но только сжатые.

Цветность

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

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

15 Сервисов оптимизации изображений для сайта

Google PageSpeed Insights

Всем известный сервис Google PageSpeed Insights от Google для сравнительной проверки скорости вашего сайта. С недавнего времени, помогает не только выявить проблемы медленной загрузки сайта, но и моментально сжать «тяжелые» фото.

После анализа сайта, внизу есть кнопка «Скачать оптимизированные изображения,….»

Google PageSpeed Insights

GTmetrix

Аналогичный всем известный Канадский сервис для анализа скорости загрузки сайта GTmetrix. Помимо всего прочего, дает свой оптимальный вариант сжатого фото, найденного на сайте. На вкладке «Optimize Images» ищем ссылки «See optimized version» под каждым фото.

Недостатки этих двух вариантов оптимизации, в ухудшении качества фото и в правке уже сделанной ошибки. Фото лучше сжимать сразу до загрузки на сайт.

GTmetrix

Тематические сервисы

Iloveimg.com

Сайт сервиса

Русскоговорящий онлайн сервис для сжатия и другой обработки фото с забором фото с диска компьютера и двух облачных серверов.

  • Отличный компрессор помогает быстро сжать JPG, PNG или GIF фото с сохранением качества.
  • Можно забрать фото из Google Drive и Dropbox.
  • Кроме этого: конвертирует фото в/из JPG, поворачивает, обрезает, меняет размер.

Результат проверки сервиса: Было фото 1185 KB, стало фото 89 KB.

Iloveimg.com

Лучший сервис оптимизации изображений для сайта

IMGonline

Сайт сервиса

Данный сервис говорит на русском языке и может сжать фото в форматах BMP, GIF, JPEG, PNG, TIFF в формат JEG по заданным настройкам.

Результат проверки сервиса: Было фото 1185 KB, стало фото 117 KB.

IMGonline

На сервере есть стандартный набор инструментов для работы с фото:

  • Изменить размер картинки;
  • Конвертировать формат;
  • Редактор мета данных EXIF;
  • Эффекты для фото (20 штук);
  • Улучшить качество фото;
  • И еще около 30 фото инструментов.

JPG Zipper

Сайт сервиса

Отличный инструмент онлайн сжатия фотографий форма JPG. Работает моментально, без загрузчика, только перетаскивание фото.

Результат проверки сервиса: Было фото 1185 KB, стало фото 115 KB.

JPG Zipper

Tinypng

Сайт сервиса

Очень красочный сервис позволяющий сжать зараз до 20 фото размерами до 5 KB каждый, в форматах png или jpg.  В этих пределах работает без регистрации. Для профессиональной работы нужно купить pro аккаунт $ 25 в год.

Tinypng

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

Tinypng сжатие

Сохранить фото можно в Dropbox. Ценность данного сервиса НЕ только в сжатии png картинок, хотя это редкость. У сервиса есть расширения для сжатия картинок на WordPress и Magento.

  • Плагин WordPress условно бесплатен. Бесплатно можно сжать 100 фото в месяц. Тестирован на wp 4.9.5.
  • Расширение для Magento дает бесплатный счет на 500 бесплатных компрессий каждый месяц.  Community 1.7, 1.8, 1.8.1, 1.9, 1.9.1, 1.9.2, 1.9.3.

JPEGmini

Сайт сервиса

Данный сервис работает для групповой загрузки фото бесплатно, но по регистрации. Одиночное фото можно сжать без регистрации тут. Настроек у сервиса нет, есть программы для сжатия в осях Mac и Windows.

Результат проверки сервиса: Было фото 1185 KB, стало фото 215 KB.

JPEGmini

Online Image Optimizer

Сайт сервиса.

Оптимизатор изображений позволяет оптимизировать анимированные JPG, PNG и GIF. Есть функция одновременной конвертации. Заявлен максимальный размер загрузки: 2,86 MB, по факту не берет более 1,5 MB и то не всегда.

Плюсы: Отдает несколько вариантов сжатых фото с разными качествами. Чем больше сжатие, тем меньше качество. Все варианты сжатия доступны для просмотра. Сжимает ГИФКИ.

Online Image Optimizer

Конвертора с изменением размера

Webresizer

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

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

Результат проверки сервиса на контрольном фото без изменения размера: Было фото 1185 KB, стало фото 236 KB (80%).

Webresizer

Free Image Optimizer

Используя этот бесплатный онлайн-сервис, вы можете изменять размер, сжимать и оптимизировать ваши файлы изображений. Использование сервиса так же просто, как нажатие кнопки! Попробуйте сейчас!

Это анонс сервера. На самом деле сервер не сжимает фото, а достигает эффект сжатия уменьшением размера. Не рекомендую даже пробовать.

Free Image Optimizer

Pichold.ru

http://pichold.ru/

не интересно, уменьшает размер, но не сжимает

Compressor.io

https://compressor.io/

Не работает. Но сжимает 4 формата картинок JPEG — PNG — GIF – SVG.

JPEG-Optimizer

http://jpeg-optimizer.com/

Не работает

Compressjpeg

Данный сервис сжимал фото в форматах JPEG и PNG. На сегодня  сайт сервиса compressjpeg.com заблокирован на основании Федерального закона от 27 июля 2006 г. № 149-ФЗ «Об информации, информационных технологиях и защите информации».

Заключение

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

Лучшее сжатие на контрольном фото JPG показал сервис Iloveimg.com сжав картинку 1185 KB до 89 KB, сохранив её размер 1800×1200. Мне очень нравиться сжимать скрины пакетом на сайте Titypng.

Еще статьи

(Всего просмотров 112)

Статьи по теме