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


В этой статье я проанализировала возможности 20 онлайн–сервисов оптимизации изображений для сайта. Обзор основан на результатах моих «полевых» исследований.

Для теста я специально подготовила изображение в формате JPG (это обработка фотографии, которую взяла на одном из бесплатных фотобанков), чтобы можно было легко сравнить результаты процесса оптимизации и возможности каждого инструмента.

Оптимизация изображений для сайта/ блога — что это такое и зачем это нужно

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

Размер файла изображения напрямую влияет на производительность сайта. Файлы с большим весом существенно замедляют скорость сайта. Для повышения скорости сайта Google рекомендует оптимизировать изображения на сайте.

96% всего трафика изображений по данным Google — это три основных формата: JPEG, PNG и GIF.

PNG позволяет оптимизировать без потерь, процесс сжатия не дает визуальных изменений.

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

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

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

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

А теперь самое интересное, ради чего я и затеяла эту статью. Та–дам, результаты моего теста. Сразу скажу, что я анализировала все сервисы по одним и тем же показателям (да, я люблю, когда все четко и ясно):

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

Вот по таким критериям буду анализировать все онлайн–сервисы. Стартовые данные моего тестового изображения: соотношение сторон — 3000*2000 рх, объем файла — 1,9 МВ. Вот с таким «крепышом» и оправимся в разведку. Вперед!

 poster -dlja- testa -servisov optimizacii -izobrazhenij -onlajn

iloveimg.com

iloveimg-servis-optimizacii-izobrazhenij-onlajn

Сервис, который предлагает массу возможностей для работы с изображениями, это просто комбайн: тут можно обрезать изображение, повернуть, наложить водяной знак, загрузить (и выгрузить файлы после оптимизации) не только с компьютера , но из Dropbox и Google Drive. Можно переключиться на русский язык.

Давайте рассмотрим все по нашим критериям:

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

Незарегистрированные пользователи могут загружать на сервис одновременно до 15 файлов, после регистрации — 30.

Удобная синхронизация с облачными сервисами: Dropbox, Google Drive, еще можно поделиться ссылкой. Поддержка форматов изображения: JPEG, PNG, GIF, PDF.

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

Инструмент однозначно заслуживает внимания, в тесте уменьшил мое изображение на 85% из 1.91 MB — 306.29 KB. Ресайз не идет одновременно, это отдельная операция.

imagecompressor.com

imagecompressor-servis-optimizacii-izobrazhenij-onlajn-interfejs

Больше известный как Optimizilla. Поддерживает русский язык. В интерфейсе легко ориентироваться.

Более подробное описание:

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

Поддержка форматов изображения: JPEG, PNG.

Результаты теста такие: компрессия на 76% до 473 КВ.

compressjpeg.com

compressjpeg-servis-optimizacii-izobrazhenij-onlajn-interfejs

Интерфейс похож на Optimizilla, даже цветовая гамма та же и почти одинаковое описание пользования сервисом, те же условия. Тоже можно переключиться на русский язык.

Анализируем по критериям:

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

Работает с разными форматами изображений: JPEG, PNG, PDF.

Результаты теста совпадают: компрессия на 76% до 473 КВ.

websiteplanet.com

compressjpeg-servis-optimizacii-izobrazhenij-onlajn-interfejs

Современный интерфейс с переключением на русский язык. Очень понравился в работе.

Что получилось в результате анализа сервиса:

ФункцииНаличие
ограничения по размеру загружаемого файла50 МВ
превью изображения после оптимизациинет
одновременная загрузка нескольких файлов40
возможность ручного режима сжатиянет
масштабирование изображениянет
синхронизация с облачными сервисамида
поддержка разных форматов изображенийда

Синхронизация с облачными сервисами : Dropbox, Google Drive. Поддерживает два формата изображений: JPEG, PNG. Есть возможность скачать все оптимизированные файлы в zip–архиве.

В результате оптимизации моего тестового файла на выходе получила 322 КВ. Отлично, учитывая, что это без масштабирования и обрезки картинки.

compressor.io

compressjpeg-servis-optimizacii-izobrazhenij-onlajn-interfejs

Интересный онлайн–инструмент оптимизации изображений, со слайдером «было–стало» в режиме реального времени. Имеет два режима сжатия: Lossy (более мощное, с потерями) и Lossless.

Анализируем сервис по пунктам:

ФункцииНаличие
ограничения по размеру загружаемого файла10 МВ
превью изображения после оптимизациида
одновременная загрузка нескольких файловнет
возможность ручного режима сжатиянет
масштабирование изображениянет
синхронизация с облачными сервисамида
поддержка разных форматов изображенийда

Синхронизация с облачными сервисами: Dropbox, Google Drive. Компрессия форматов изображений: JPEG, PNG, SVG, GIF.

Я протестировала в режиме Lossy, как итог — 483 КВ.

tinyjpg.com

tinyjpg-servis-optimizacii-izobrazhenij-onlajn-interfejs

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

Пройдемся по пунктам:

ФункцииНаличие
ограничения по размеру загружаемого файла5 МВ
превью изображения после оптимизациинет
одновременная загрузка нескольких файлов20
возможность ручного режима сжатиянет
масштабирование изображениянет
синхронизация с облачными сервисамида
поддержка разных форматов изображенийда

Поддерживает синхронизацию с Dropbox. Форматы изображения — JPEG, PNG.

После оптимизации исходный файл весит 304 КВ. Панда умеет хорошо сжимать изображения!

imageoptimizer.net

imageoptimizer-servis-optimizacii-izobrazhenij-onlajn-interfejs

Лаконичный, простой и немного устаревший интерфейс. Но внешность бывает обманчива, не так ли?

Давайте посмотрим, что «под капотом»:

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

Форматы изображения — JPEG, PNG. Масштабирование запускается одновременно с компрессией.

После оптимизации — 406 КВ.

kraken.io

kraken-servis-optimizacii-izobrazhenij-onlajn-interfejs

Этот оптимизатор изображений онлайн обладает привлекательными преимуществами в пакете PRO: оптимизация всех изображений на странице (надо вставить URL) , плагин для Вордпресс, масштабирование изображения и облачное хранилище.

Анализ сервиса:

ФункцииНаличие
ограничения по размеру загружаемого файла1 МВ
превью изображения после оптимизациинет
одновременная загрузка нескольких файловда
возможность ручного режима сжатиянет
масштабирование изображенияда
синхронизация с облачными сервисамида
поддержка разных форматов изображенийда

Ручного контроля режима сжатия нет, можно выбрать только степень сжатия, инструменты для ресайза изображения доступны в пакете PRO, синхронизируется с Dropbox, Google Drive, поддержка JPEG и PNG.

Из–за ограничения размера загружаемого файла (до 1 МБ) протестировала с вариантом изображения весом 651 КВ, в итоге 362 КВ.

jpeg.io

jpeg-servis-optimizacii-izobrazhenij-onlajn-interfejs

Примечательный онлайн–оптимизатор, который конвертирует множество форматов в прогрессивный JPG. Даже загружая свой JPG, он его после оптимизации конвертирует в более современную версию.

Рассмотрим более детально:

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

Работает с облачными сервисами: Dropbox, Google Drive, Box. Большой выбор форматов изображения — JPEG, PNG, TIFF, PSD, SVG, EPS, GIF, WebP.

После компрессии вес 661 КВ.

imageoptim.com

imageoptim-servis-optimizacii-izobrazhenij-onlajn-interfejs

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

Онлайн–сервис вблизи:

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

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

Компрессия файла до 352 КВ.

compress-jpeg.com

compress-jpeg-servis-optimizacii-izobrazhenij-onlajn-interfejs

Онлайн– оптимизатор изображений с минималистичным интерфейсом и без переключения языков.

О сервисе подробнее:

ФункцииНаличие
ограничения по размеру загружаемого файла5 МВ
превью изображения после оптимизациинет
одновременная загрузка нескольких файлов20
возможность ручного режима сжатиянет
масштабирование изображениянет
синхронизация с облачными сервисаминет
поддержка разных форматов изображенийда

Два формата изображения — JPEG, PNG.

Оптимизированное изображение 303 КВ.

hnet.com

hnet-servis-optimizacii-izobrazhenij-onlajn-interfejs

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

О сервисе подробнее:

ФункцииНаличие
ограничения по размеру загружаемого файла50 МВ
превью изображения после оптимизациида
одновременная загрузка нескольких файлов20
возможность ручного режима сжатияда
масштабирование изображенияда
синхронизация с облачными сервисаминет
поддержка разных форматов изображенийда

Набор форматов изображения — JPEG, PNG, SVG, Webp. Можно настраивать и подробно просматривать качество онлайн до скачивания файла.

После компрессии размер тестового файла 615 КВ.

resizeimage.net

resizeimage-servis-optimizacii-izobrazhenij-onlajn-interfejs

Рассмотрим детально:

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

Разные форматов изображения — JPEG, PNG, GIF, BMP.

Сервис сжал тестовое изображение до 665 КВ.

jpeg-optimizer.com

jpeg-optimizer-servis-optimizacii-izobrazhenij-onlajn-interfejs

Устаревший интерфейс, но этот оптимизатор способен на многое! Оптимизированное изображение можно рассмотреть в мельчайших деталях в новом окне.

Что в сухом остатке:

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

Сжатие изображений JPEG, PNG.

Сжатие тестового файла до 351 КВ.

webresizer.com

webresizer-optimizer-servis-optimizacii-izobrazhenij-onlajn-interfejs

Устаревший интерфейс, неявные кнопки оптимизатора не сразу помогают сориентироваться. Но тем не менее, результаты выдает хорошие.

Что предлагает:

ФункцииНаличие
ограничения по размеру загружаемого файла10 МВ
превью изображения после оптимизациида
одновременная загрузка нескольких файловнет
возможность ручного режима сжатияда
масштабирование изображенияда
синхронизация с облачными сервисаминет
поддержка разных форматов изображенийда

Если файл по ширине больше 2000 рх, то автоматически применится масштабирование. Можно скруглить края, наложить оверлеи, сделать рамки.

После компресии и принудительного автоматического масштабирования я получила изображение размером 216 КВ при ширине 2000 рх.

tools.dynamicdrive.com

dynamicdrive-optimizer-servis-optimizacii-izobrazhenij-onlajn-interfejs

Можно не загружать изображение, а ввести URL. Что ж, иногда может быть удобно. Но самое интересное — этот сервис предлагает скачать на выбор то превью, качество которого вас устраивает. Если отметить чекбокс «Показать все результаты», то вы получите набор превью с разной степенью качества. Файлы можно конвертировать в другие форматы.

Анализ по общим критериям:

ФункцииНаличие
ограничения по размеру загружаемого файла2,86 МВ
превью изображения после оптимизациида
одновременная загрузка нескольких файловнет
возможность ручного режима сжатияда
масштабирование изображениянет
синхронизация с облачными сервисаминет
поддержка разных форматов изображенийда

Этот сервис оптимизирует JPEG, PNG и GIF. Единственное затруднение при работе с оптимизатором — это отсутствие кнопки или ссылки на скачивание оптимизированного изображения. Чтобы скачать понравившееся изображение, сохраните через правый клик.

Я выбрала оптимизированное изображение размеров 404 КВ.

giftofspeed.com

giftofspeed-optimizer-servis-optimizacii-izobrazhenij-onlajn-interfejs

Этот сервис настоящий комбайн — тут решается целый комплекс параметров, влияющих на скорость сайта.

Меня пока интересуют его возможности онлайн сжатия изображений для сайта:

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

Два формата для компрессии: JPEG, PNG.

В результате оптимизации файл весит 614 КВ.

imagify.io

imagify-optimizer-servis-optimizacii-izobrazhenij-onlajn-interfejs

Сервис онлайн–оптимизации изображений с интуитивно понятным интерфейсом. Помимо сжатия в пределах сервиса, для сайтов на WordPress можно установить одноименный плагин для аналогичной работы с изображениями сразу в административной панели.

Еще огромным отличительным преимуществом этого инструмента является сжатие изображений сразу со страницы сайта (надо указать URL страницы) и потом скачать уже оптимизированные сразу в zip–архиве. Это очень облегчает работу.

Теперь подробнее:

ФункцииНаличие
ограничения по размеру загружаемого файла2 МВ
превью изображения после оптимизациинет
одновременная загрузка нескольких файловнет
возможность ручного режима сжатиянет
масштабирование изображенияда
синхронизация с облачными сервисаминет
поддержка разных форматов изображенийда

Инструмент работает с изображениями JPEG, PNG.

Сервис оптимизировал тестовое изображение до 603 КВ.

imagerecycle.com

imagerecycle-optimizer-servis-optimizacii-izobrazhenij-onlajn-interfejs

Онлайн–оптимизатор, который предлагает бесплатный анализ вашего сайта на предмет оптимизированных изображений. Введите домен вашего сайта или блога и адрес электронной почты и уже через 3 минуты ваш отчет будет готов.

Этот сервис для тех, кто работает с большим количеством изображений, большими пакетами загружает на сайт/ сайты. Сам сервис позиционирует себя направленным на сотрудничество с веб–дизайнерами и разработчиками сайтов. Пакеты PRO в зависимости от объемов изображений для обработки. Есть 15 дней пробного периода.

Что в свободном и бесплатном доступе к сервису:

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

Поддержка форматов файлов — JPEG, PNG, GIF, PDF.

Получилось сжать изображение для сайта до 448 КВ.

ezgif.com

ezgif-optimizer-servis-optimizacii-izobrazhenij-onlajn-interfejs

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

Основные характеристики:

ФункцииНаличие
ограничения по размеру загружаемого файла35 МВ
превью изображения после оптимизациида
одновременная загрузка нескольких файловнет
возможность ручного режима сжатияда
масштабирование изображенияда
синхронизация с облачными сервисаминет
поддержка разных форматов изображенийда

Несмотря на название, этот сервис способен оптимизировать несколько форматов изображения — JPEG, PNG, GIF, WebP.

Так мое тестовое изображение стало весить 472 КВ.

Как правильно оптимизировать изображения для сайта

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

Основные советы:

  • JPEG, GIF и PNG — основные форматы изображений, которые адекватно отображают все браузеры, есть более новые и прогрессивные форматы изображений, но они не получили широкую поддержку среди всех браузеров;
  • публикуйте оптимизированные изображения — это положительно повлияет на скорость сайта, а этот показатель сейчас очень важен для ранжирования сайта поисковыми системами, и значительно сэкономит выделенное место на хостинге;
  • используйте метод ленивой загрузки изображений (Lazy loading), при котором загружаются только те изображения, которые расположены в пределах экрана устройства пользователя, очень полезно для страниц с большим количеством изображений (например, я использую ленивую загрузку на странице с портфолио);
  • при компрессии выбирайте наиболее оптимальный вариант соотношения размера файла и его качества отображения; перед загрузкой на сайт масштабируйте изображение до нужных размеров — так вы сохраните производительность сайта;
  • для сайтов на WordPress есть большое количество различных плагинов, с помощью которых также можно эффективно оптимизировать изображения перед публикацией сразу из админпанели, если на сайте много изображений, то один из них следует установить. В одном из ближайших постов я более подробно расскажу о работе с плагинами для сжатия изображений на сайте Вордпресс.

Заключение

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

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

Если вы любите делиться ценной информацией, нажмите ниже и поделитесь этим обзором в своих любимых социальных сетях 

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

В этой статье я проанализировала возможности 20 онлайн–сервисов оптимизации изображений для сайта. Обзор основан на результатах моих «полевых» исследований

Рейтинг редакторов:
0