Обзор инструментов для сжатия изображений

[ssbb]

Круто, спасибо! А так юзаю optipng и jpegoptim :)

[Extremum]

Пожалуйста. Я и сам не подозревал о таком разнообразии, тоже всего два веб-сервиса использовал.

[ssbb]

Да, очень удивило разнообразие и что по каждому инструменту есть описание. А сравнительная таблица так вообще золото :)

Только заметил, что в ней нету ничего кроме Windows и Mac. Я вот optipng спокойно под Linux пользуюсь (да-да, я верстаю под Linux).

[Lincoln6Echo]

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

Блин, 16 бит на канал? Как 16 бит на канал вяжется с вебом? Надо быть совсем упоротым, чтобы оптимизировать с такой предпосылкой.

[Alexufo]

Что вы так переживаете.
Использует же связной в своем магазине большие картинки картинки в CMYK без оптимизации 3.3 mb
fs10.enter.ru/1/1/2500/65/108864.jpg
И не парится )

[usualdesigner]

У них другие приоритеты…

[Lincoln6Echo]

О_О
рукалицо.jpg

[Lincoln6Echo]

А я подозревал, подозревал, что гастарбайтеры после евро-ремонтов возьмутся за веб-дизайн!

[Alexufo]

Да не каждому вебмастеру, которому отваливают гигабайт фотографий, в ГОЛОВУ придет проверить их цветовое пространство.
Фоток на enter.ru хватает нормальных. Но CMYK видно не вооруженным глазом: белое там голубое (это в FF в других браузерах возможно по другому)
Вот к примеру.
www.enter.ru/product/appliances/shveynaya-mashina-astralux-307-2020201002342
Проверь превьюшку: 1.9mb CMYK
Почему не сработал оптимизатор. Ведь жругое он жмет.
Тут дело в том что фотографии они юзают после полиграфистов, я так думаю.

[Lincoln6Echo]

Оптимизаторы делают люди (в основном) обладающие чувством здравого смысла, и в свою очередь рассчитывают на людей, обладающих чувством здравого смысла и трезвого рассудка, а не на равшанов и джамшутов.
У меня нет другого объяснения.

[vladon]

Нет, думаю там у них KPI, который заключается именно в выкладке N картинок за N-ое время.
А подгонка, оптимизация — занимает дополнительное время.

[josser]

Маководов обделили! imageoptim.com
8 в одном: PNGOUT + AdvPNG + Pngcrush + extended OptiPNG + JpegOptim + jpegrescan + jpegtran + Gifsicle
Это ли не чудо?

UPD: ничо не обделили, все на месте. Обделили, наверно, но зрением ))

[kmike]

Но при этом почему-то в тестах ImageOptim хуже OptiPNG оказался. Может, в настройках что-то не то?

[azproduction]

imgo же! (OSX & Linux) Использует imagemagick, pngout, optipng, pngrewrite, exiftool, advpng, jpegtran, gifsicle, pngnq, defluff, bc и делает невероятные преобразования! А для .svg — svgo

[funca]

кстати, imgo есть в виде убунтячих пакетов на https://launchpad.net/~e15/+archive/ppa. собирали для очередного проекта тов. iadramelk. можно попытаться реанимировать, если вдруг кому-то это нужно.

[BR0kEN]

Использую Color Quantizer. Сжимает отлично, без потерь. Есть настройки. Программа — один exe без необходимости его установки.

Из поста определил: File Optimizer — лидер данной статистики.

Взял PNG картинку-спрайт, сохраненную фотошопом в режиме «Сохранить для Web...».

Результат:


Как видно, CQ сжал лучше. Далее я взял сжатое через CQ изображение и повторно сжал его FO:


з.ы. Изображения-результаты сжаты CQ.

[Extremum]

Если посмотреть табличку, то там TinyPNG показал лучший результат сжатия для PNG. Но потери в качестве есть, да.

[BR0kEN]

Софт дающий пробелы в качестве не рассматривал.

[flag_of_labour]

Изображенная на первой картинке струбица для фиксации, а не сжатия.

[techno]

струбцина

[tagir_valeev]

Было бы круто, если б вместо выражений типа «без видимой потери качества» фигурировали какие-нибудь общепринятые метрики. Хотя бы уж Y-PSNR.

[hulinada]

Иногда большие png в фотошопе провожу через постеризацию (уменьшение цветов), дает существенное уменьшение размера, но там надо играться с качеством/количество цветов. Потом стандартное save for web + какой-нибудь оптимизер.

[hulinada]

Да, это понятно. Просто сам для себя недавно открыл еще этот способ, когда надо было уменьшить большие красивые полупрозрачные дизайнерские творения)

[wersoo]

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

[Setrino]

Отдал нашим верстальщикам линк — спасибо за статью! Сам использую Image Optim под Mac и очень доволен.

[message]

Если верстальщики этого не знают — это прискорбно.

[Setrino]

Может и знают. Я послал со словами «Подарок». =)

[LuckyReveal]

Забыли упомянуть kraken.io

Плюсы: Высокая степень сжатия, быстрота, API публичный(бесплатно).
Минусы: Лимитированное количество запросов в сутки. (50 в сутки, каждое не более 500kb).

Может быть установлен как плагин для Chrome: goo.gl/aDSQ6, Firefox: goo.gl/mlxd0.

[Extremum]

Обновил, спасибо. Добавил еще варианты упоминаемые выше, еще раз убедился что комментарии на Хабре имеют порой не меньшую ценность, чем сам топик.

[NikoB]

Для Mac попробуйте еще PNG Compressor, сжал PNG на 44% без потери качества.

[radist2s]

Использую smushit.jar, просто заливаю файлы в папку, запуская bat-файл, и изображения подменяют оптимизированными.

[ancle]

Mackintosh != Macintosh

[bachin]

> и даже файлы в формате JPEG удалось сжать на 16-18%. Во всех случаях использовалось сжатие без потери качества, поэтому качество изображения не снизилось

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

[Delka]

Из jpeg можно удалить служебную инфу и оптимизировать Huffman-таблицы

[Delka]

Использую под Win такую связку:

PNG

optipng -o7 %1
advdef -z4 %1
pngout /k0 %1
deflopt %1

JPG

jpegtran.exe -copy none -optimize -progressive "%1" "%1"

[marchelly]

Не увидел решения под Linux оставлю здесь: pastebin.com/WpRtPDc3
Скрипт рекурсивно проходит и делает ресайз картинок. Может кому пригодится.

[DjOnline]

Какая неудобная табличка.
Особенно вызывают вопросы строки FILEminimizer 3.0 С потерей / Без потери качества Jpeg-39.3%
в которых непонятно, 39% это получилось с потерей или без потерь.
По хорошему надо было делать столбцы lossy png, lossless png, lossy jpg, lossless jpg, и так далее, а не бросать всё в одну кучу.

[Extremum]

Спасибо. На самом деле дополнительных вариантов уже довольно много и я продумываю вторую часть статьи, только уже с теми вариантами которые предложены в комментариях и самому провести «полевые испытания» с учетом допущенных источником пробелов.

[Dudka]

Добавлю и свои пять копеек, на мой неискушенный взгляд FastStone Photo Resizer очень хорош.

[Denai]

Кракен нынче говорит: This Web Interface has a file size limit of 1MB per file

[Denai]

В текущий момент FileOptimizer впереди планеты всей исключительно потому что использует все мне известные инструменты и выдаёт лучший результат. Это просто огромный набор других оптимизаторов (как и в случае PNGgauntlet). Ничего нового, долго, но эффективно до безобразия.

[pvasili]

Странно, что не увидел замечательный сервис compressor.io

[Extremum]

compressor.io запущен в мае 2014, статья раньше была написана.

[Bankir_ka]

Попробовал File Optimizer

Все удобно, но видно что работает однопоточно, папку с фото 4 gb сжимал час, при достаточно мощном CPU

Было бы полезно видеть реальный цифры о производительности приложений.

В многопоточном режиме у меня было бы в 16 раз быстрее, хоть сам пиши скрипт на python...