8 Жовтень 2015
1 766
Рубрика: поради

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

Для оптимизации изображений в 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