7+ превосходных инструментов для оптимизации изображений

[@UUSER]

>сохраненять

+ добавьте незаслуженно забытый pngcrush

[@svetcha]

Спасибо, добавил.

[@Razunter]

+ OptiPNG

[@svetcha]

Спасибо, добавил.

[@Razunter]

+ www.gracepointafterfive.com/punypng/ (PunyPNG)

[@Razunter]

упс, сорри, привык к формату Плюрка )

[@svetcha]

Тоже добавил. Отличный инструмент.

[@Conquearse]

+ Imageoptim (Mac OS) — очень хорошая программа. Даже очень-очень.

[@svetcha]

Спасибо, добавил.

[@PingMe]

Это как раз морда к вышеназванному pngcrush.

[@homm]

Что-то мало посоветовали хабравчане :)

1) PngRe — позволяет тонко вручную или автоматически настроить размер PNG файла.

2) pngquant — умеет только одно, конвертирует 32-х битные PNG с альфа-прозрачностью в 8-и битные палитровые PNG с альфапрозрачностью. Но делает это очень хорошо, много лучше Fireworks, хотя тоже не без проблем.

[@svetcha]

Спасибо, добавил.

[@Carl_Linnaeus]

+ PictureBeaver Артёма Сапегина (для Windows). Цитата со страницы по ссылке: «Для оптимизации используются бесплатные утилиты OptiPNG, jpegtran и Gifsicle».

[@Joric]

По тестам, для png максимальная оптимизация достигается в таком порядке:

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

Особенно актуально для постобработки j2me игрушек, если кто занят в этом бизнесе.
К pngout можно добавить ключик /zl121 для совместимости со старыми парсерами png.
Чтобы перепаковать jar можно использовать kzip с тем же ключом /zl121.

И pngout, и kzip написал Ken Silverman.

[@svetcha]

Спасибо, добавил в описание pngout.

[@Subdivision]

Color quantizer — достаточно сложная, но очень действенная программа по оптимизации количества цветов в картинках. Подойдет профессионалам.

[@svetcha]

Спасибо, добавил.

[@svetcha]

Многие из представленных программ используют схожие алгоритмы, со схожей эффективностью. А вот с точки зрения удобства пользования… Тут, как говорится, на вкус и цвет — товарищей нет.
Кому то (например — мне) удобнее воспользоваться веб-сервисом. Кто-то предпочитает десктопное приложение. А кому то проще из командной строки.

[@svetcha]

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

[@AndrewTishkin]

По своему опыту скажу, что лучше всех работает
pngcrush -rem alla -reduce -brute
Я уменьшаю скриншоты и небольшие изображения, pngcrush для них выдаёт лучший результат. В редких случаях его обгоняет его же форк OptiPNG, но % таких случаев очень мал, поэтому я «не заморачиваюсь» сравнивать результаты и пользуюсь pngcrush-ем

[@alex946]

Присоединяюсь, пара pngcrush + jpegtran эффективнее всего прочего, и легко автоматизируется.

[@Nesp]

Фотошоп+руки и голова

[@AndrewTishkin]

Очень много утилит для PNG, но для других форматов мало. Исправляю ситуацию :)

Для GIF — Gifsicle. Сразу пара примеров:
Обрезаем прозрачные рамки:
gifsicle --crop-transparency src.gif > dest.gif

Сжимаем анимированный (простой тоже можно... на несколько байт :) GIF:
gifsicle -O2 src.gif > dest.gif

Для JPEG существует официальная программа от Independent JPEG Group — jpegtran
Оптимизация без потерь (да-да, к jpg это тоже применимо!)
jpegtran -copy none -optimize -perfect src.jpg dest.jpg
И ещё много-много программ, которыми я не пользовался )

[@AndrewTishkin]

Гм, насчёт "-copy none" я погорячился, надо было это убрать — так мы удаляем мета-информацию из jpg-файла ))) Хотя это чаще всего тоже нужно делать

Дубль-2: сжатие без потерь, доп. информацию оставляем
jpegtran -optimize -perfect src.jpg dest.jpg

[@bazzzman]

-optimize -progressive у меня лучше сжимает, да и для пользователей это кашернее :)

[@AndrewTishkin]

Гм, правда что, только не всегда, но в подавляющем большинстве случаев (если файл больше ~10-12 КБайт)
webo.in/articles/habrahabr/73-jpeg-baseline-progressive/

[@svetcha]

Спасибо, добавил.

[@zeka]

Пытались для себя сделать больше — portal.san.ru/forums/index.php?showtopic=129896

Немного конечно стоит доработать ещё.

[@zeka]

(По ссылке программа Webify, удобная оболочка над pngout, jpegtran, gifsicle)

[@svetcha]

Спасибо, добавил.

[@akeepaki]

Года три использую PNGout, прекрасный инструмент.

[@doctorgrif]

Любое средство, которое позволит ускорить отдачу сайта пользователю должно быть most have в закладках браузера. Тем более в виде установочного пакета/приложения. Надо о людях думать… Есть еще места в РФ, где только dial-up и все :) /*Это не считая почтовых голубей, семафорной азбуки и использования зеркальца в светлое время суток*/

[@Enot_23]

+ psydk.org/PngOptimizer.php — PngOptimizer.

[@svetcha]

Спасибо, добавил.

[@stalkers]

TweakPNG — entropymine.com/jason/tweakpng/

Мне утилита здоровски помогла, когда пришлось работать с PNG, сохраненным в Photoshop CS2. Дело в том, что версии фотошопа ниже CS3 добавляют всякую фигню в файл, в т.ч. и данные о затемнении. Причины сего мне не известны, но результат такой — в ИЕ картинка выглядит темнее, чем в других браузерах, т.к. все другие читали только непосредственно картинку.

С помощью утилиты это можно просто удалить. Еще можно выкинуть комментарии типа «edited in Adobe Photshop». Помимо избавления от глюков, получим также небольшой выигрыш в размере.

[@svetcha]

Добавил, спасибо.

[@sunnybear]

В альфе WEBO Site SpeedUp уже доступен инструмент для автоматического сжатия всех изображений на сайте (пока только через smush.it):

[@wazd]

Комрады, а вот у меня есть вопрос по оптимизации png.
Требуется каждый раз сохранять из нормального .psd с альфаканалом в очень хитрый .png с тем же альфаканалом но уже с шумовым смешением цветов под 16-битные экраны (чтобы хоть как-то сглаживать лесенки на градиентах). Я пока знаю тока способ ручного поканального редактирования, что, конечно, немного напрягает. Нет ли способов автоматизировать сей нудный процесс?
Спасибо.

[@Terion]

тю. фотошоп — save for web — png8 (dither 100%)
если, конечно, я вас правильно понял.
правда, это 256 цветов
а если нужно в 16-бит — то прям в шопе перевести картинку в 16 бит (image — mode) и сохранять уже его.
или я не так вас понял?

[@wazd]

save for web сохраняет без альфа канала.
16 бит это 16-бит на канал, а нужно всего 4 :)

[@Terion]

«save for web сохраняет без альфа канала.»
если вам нужен png8+alpha transparency (т.е. индексная 256-палитра с пол-прозрачными точками) то это в fireworks, он умеет.

«16 бит это 16-бит на канал, а нужно всего 4 :)»
4 бита на канал это будет 12 бит в итоге. вы уж определитесь, какая цветность вам нужна на выходе)

[@wazd]

Дык вы альфу забыли ;)

[@wazd]

Тьфу, прошу прощения, конечно вы правы, я имел ввиду 5-6-5 :) Ну вобщем я решил написать макро :)

[@desigens]

Наблюдение: слово «превосходный» в заголовке на 100% указывает, что это статья-перевод. Даже «Z→Я» не нужно.
А так, набор полезный, да.

[@Terion]

Вообще, практика показывает, что после грамотного сохранения из Save for Web в photoshop и через fireworks для PNG (он боее гибко с ним работает) — все эти инструменты уже выжать ничего не могут.
ну разве что PNG24/32 иногда можно еще дожать.
так что дизайнерам, которые пользуются этими прогами в большинстве своем, ворох доп софта не особо нужен.
это разве что админам сайтов нужно… но надо будет все равно всё перетестить)

[@Terion]

PNG24/32 не может терять качество просто из-за особенностей формата.
а если вы имеет ввиду, что перед экспортом фаерворкс оптимизирует цвета в изображении для более эффективного сжатия — то сколько пользовался — не видел.
Можно будет, конечно, провести эксперимент, когда на работе буду, и сделать попиксельное сравнение, но сомневаюсь, что что-то обнаружу…
А вы это вообще с чего взяли?)