Для оптимизации изображений в photoshop я всегда использую функцию “Save for web”. Но если нужно добиться более высокого уровня сжатия без потери качества, с такими задачами сам по себе фотошоп уже не справится. Для таких целей после оптимизации фотошопом я дополнительно сжимаю файлы в онлайн-сервисах.

Такой способ позволяет уменьшить вес файлов до 70%. Серьёзно — фоновое изображение вместо 200 может весить всего 60 кб. А нужно для этого всего минута времени и желание.

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

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

Как видите, оптимизация картинок — не прихоть перфекциониста, а насущная необходимость.

Все сервисы бесплатны, оплачивать в них предлагают разве что дополнительные функции: автоматическое сжатие через API, длительное хранение файлов, модули под фотошоп или wordpress и так далее.

Так что я расскажу, как бесплатно и быстро сжимать изображения прямо в браузере. Поехали.

Compress JPEG (формат jpg)

Из названия всё ясно. Здесь есть удобный интерфейс, поддерживает перетаскивание изображений и очередь оптимизации до 20 файлов. После загрузки файла и его обработки вы увидите превью, чтобы оценить потери качества.

Если качество не стало хуже, можно увеличивать силу компрессии до тех пор, пока не появятся артефакты.

оптимизация фото compressjpg

Сжатые файлы доступны для скачивания в течение часа. Есть дополнительные сервисы для оптимизации PNG и PDF.

kraken.io (jpg)

Перед загрузкой вы можете выбрать тип сжатия: обычный (Lossy) или Lossless. Второй подразумевает, что ни один пиксель не будет изменён, то есть это сжатие (Гендальф машет посохом) без потери качества. Попробуйте в действии — результат не будет отличаться от оригинала ничем, кроме веса файла.

Такой тип сжатия позволяет сэкономить немного места, максимум что я видел — 10%. Поэтому наш выбор — Lossy, то есть сжатие за счёт уменьшения качества.

сжатие фото kraken

Из минусов нужно заметить отсутствие полноценного предпросмотра результата (скачиваешь и смотришь). Платный вариант сервиса предлагает:

  • сохранение файлов на Dropbox
  • сжатие целых страниц и файлов без загрузки (по url)
  • 16 Мб лимит
  • плагин для WordPress
  • хранение фото в облачном хостинге и т.д.

jpegMini.com (jpeg)

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

сжатие оптимизация фото jpegmini

Платный вариант предлагает программу для компьютера и более высокий уровень сжатия. Неприятный интерфейс и удобный предпросмотр.

TinyPNG (png)

Мой любимый сжиматель png с жизнерадостным интерфейсом в виде жирной панды и высоким качеством сжатия.

Позволяет уменьшить файлы на 50-70% без потери качества. В очень редких случаях панда сходит с ума и пережимает файлы, уродуя их качество до неузнаваемости. Настроек нет, поэтому в таком случае придётся идти в другое место. В остальных случаях — это безоговорочный must have для png.

Можно поставить плагин для WordPress, который будет автоматически сжимать все загружаемые PNG, лимит — 500 в месяц. Платный акаунт стоит недорого. Вот это животное:

оптимизация png TinyPng

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

    Отправить ответ

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

    Уведомлять
    avatar
    5000
    Константин
    Гость

    Я использую iCatalyst-master – Оптимизация / сжатие изображений PNG, JPEG и GIF без потери качества для Windows.
    Очень удобная и простая штука.

    Александр
    Гость

    Рекомендую добавить в список JPEG – PNG – GIF – SVG

    Сергей
    Гость

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

    Виктория
    Гость

    Мне арт-директоры заведений присылают афиши для календаря на сайте. Назар, это просто боль. Люди не утруждают себя уменьшить хотя бы размер файлов, а не присылать их в разрешении 24357х87659, о сжатии я вообще не говорю. Хоть Серёжа мне таких проблем не доставляет: как опытный и адекватный фотограф, заливает фотографии уже сжатые и нормальных размеров. А афиши я сама уменьшаю или сжимаю через PhotoFiltre, программулина такая. А потом уже во flickr. Зачем присылать афиши печатного качества для веба — до сих пор понять не могу.

    Диман
    Гость

    Я использую программу FileOptimizer. Сжимает тоже неплохо, можно пакетами.

    Юрий
    Гость

    Думаю, более удобный вариант – это использование программ. В частности, для OSX есть бесплатное приложение ImageOptim, перетаскиванием на иконку которого пачки фотографий или выбором службы в контекстном меню – получаем очищенные EXIF-данные и оптимизированные изображения. А в связке с Automator возможно настроить и преобразование файла к нужному регистру названия и формату, к примеру, “File 1.png” – “file_1.jpg”.

    wpDiscuz