Как стать автором
Поиск
Написать публикацию
Обновить

Комментарии 72

НЛО прилетело и опубликовало эту надпись здесь
>сохраненять

+ добавьте незаслуженно забытый pngcrush
Всего голосов 2: ↑2 и ↓0+2
Спасибо, добавил.
Всего голосов 1: ↑1 и ↓0+1
Спасибо, добавил.
Всего голосов 1: ↑1 и ↓0+1
упс, сорри, привык к формату Плюрка )
Всего голосов 1: ↑1 и ↓0+1
Тоже добавил. Отличный инструмент.
Всего голосов 1: ↑1 и ↓0+1
+ Imageoptim (Mac OS) — очень хорошая программа. Даже очень-очень.
Всего голосов 3: ↑2 и ↓1+1
Спасибо, добавил.
Всего голосов 1: ↑1 и ↓0+1
Это как раз морда к вышеназванному pngcrush.
Комментарий пока не оценивали0
Что-то мало посоветовали хабравчане :)

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

2) pngquant — умеет только одно, конвертирует 32-х битные PNG с альфа-прозрачностью в 8-и битные палитровые PNG с альфапрозрачностью. Но делает это очень хорошо, много лучше Fireworks, хотя тоже не без проблем.
Всего голосов 1: ↑1 и ↓0+1
Спасибо, добавил.
Всего голосов 1: ↑1 и ↓0+1
+ PictureBeaver Артёма Сапегина (для Windows). Цитата со страницы по ссылке: «Для оптимизации используются бесплатные утилиты OptiPNG, jpegtran и Gifsicle».
Всего голосов 1: ↑1 и ↓0+1
По тестам, для png максимальная оптимизация достигается в таком порядке:

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

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

И pngout, и kzip написал Ken Silverman.
Всего голосов 2: ↑2 и ↓0+2
Спасибо, добавил в описание pngout.
Всего голосов 1: ↑1 и ↓0+1
Color quantizer — достаточно сложная, но очень действенная программа по оптимизации количества цветов в картинках. Подойдет профессионалам.
Всего голосов 2: ↑2 и ↓0+2
Спасибо, добавил.
Всего голосов 1: ↑1 и ↓0+1
НЛО прилетело и опубликовало эту надпись здесь
НЛО прилетело и опубликовало эту надпись здесь
НЛО прилетело и опубликовало эту надпись здесь
Многие из представленных программ используют схожие алгоритмы, со схожей эффективностью. А вот с точки зрения удобства пользования… Тут, как говорится, на вкус и цвет — товарищей нет.
Кому то (например — мне) удобнее воспользоваться веб-сервисом. Кто-то предпочитает десктопное приложение. А кому то проще из командной строки.
Всего голосов 1: ↑1 и ↓0+1
НЛО прилетело и опубликовало эту надпись здесь
Почему? Там используется тот же самый консольный pngout, что и во многих других приложениях.
Комментарий пока не оценивали0
По своему опыту скажу, что лучше всех работает
pngcrush -rem alla -reduce -brute
Я уменьшаю скриншоты и небольшие изображения, pngcrush для них выдаёт лучший результат. В редких случаях его обгоняет его же форк OptiPNG, но % таких случаев очень мал, поэтому я «не заморачиваюсь» сравнивать результаты и пользуюсь pngcrush-ем
Комментарий пока не оценивали0
Присоединяюсь, пара pngcrush + jpegtran эффективнее всего прочего, и легко автоматизируется.
Комментарий пока не оценивали0
НЛО прилетело и опубликовало эту надпись здесь
Фотошоп+руки и голова
Всего голосов 2: ↑0 и ↓2-2
НЛО прилетело и опубликовало эту надпись здесь
НЛО прилетело и опубликовало эту надпись здесь
Очень много утилит для 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
И ещё много-много программ, которыми я не пользовался )
Всего голосов 1: ↑1 и ↓0+1
Гм, насчёт "-copy none" я погорячился, надо было это убрать — так мы удаляем мета-информацию из jpg-файла ))) Хотя это чаще всего тоже нужно делать

Дубль-2: сжатие без потерь, доп. информацию оставляем
jpegtran -optimize -perfect src.jpg dest.jpg
Всего голосов 1: ↑1 и ↓0+1
-optimize -progressive у меня лучше сжимает, да и для пользователей это кашернее :)
Всего голосов 1: ↑1 и ↓0+1
НЛО прилетело и опубликовало эту надпись здесь
Спасибо, добавил.
Всего голосов 1: ↑1 и ↓0+1
(По ссылке программа Webify, удобная оболочка над pngout, jpegtran, gifsicle)
Всего голосов 2: ↑2 и ↓0+2
Спасибо, добавил.
Всего голосов 2: ↑2 и ↓0+2
Года три использую PNGout, прекрасный инструмент.
Всего голосов 2: ↑2 и ↓0+2
Любое средство, которое позволит ускорить отдачу сайта пользователю должно быть most have в закладках браузера. Тем более в виде установочного пакета/приложения. Надо о людях думать… Есть еще места в РФ, где только dial-up и все :) /*Это не считая почтовых голубей, семафорной азбуки и использования зеркальца в светлое время суток*/
Всего голосов 2: ↑2 и ↓0+2
Спасибо, добавил.
Всего голосов 1: ↑1 и ↓0+1
НЛО прилетело и опубликовало эту надпись здесь
НЛО прилетело и опубликовало эту надпись здесь
НЛО прилетело и опубликовало эту надпись здесь
TweakPNG — entropymine.com/jason/tweakpng/

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

С помощью утилиты это можно просто удалить. Еще можно выкинуть комментарии типа «edited in Adobe Photshop». Помимо избавления от глюков, получим также небольшой выигрыш в размере.
Всего голосов 1: ↑1 и ↓0+1
Добавил, спасибо.
Всего голосов 1: ↑1 и ↓0+1
В альфе WEBO Site SpeedUp уже доступен инструмент для автоматического сжатия всех изображений на сайте (пока только через smush.it):
Оптимизация изображений
Всего голосов 5: ↑4 и ↓1+3
Комрады, а вот у меня есть вопрос по оптимизации png.
Требуется каждый раз сохранять из нормального .psd с альфаканалом в очень хитрый .png с тем же альфаканалом но уже с шумовым смешением цветов под 16-битные экраны (чтобы хоть как-то сглаживать лесенки на градиентах). Я пока знаю тока способ ручного поканального редактирования, что, конечно, немного напрягает. Нет ли способов автоматизировать сей нудный процесс?
Спасибо.
Всего голосов 1: ↑1 и ↓0+1
тю. фотошоп — save for web — png8 (dither 100%)
если, конечно, я вас правильно понял.
правда, это 256 цветов
а если нужно в 16-бит — то прям в шопе перевести картинку в 16 бит (image — mode) и сохранять уже его.
или я не так вас понял?
Всего голосов 1: ↑1 и ↓0+1
save for web сохраняет без альфа канала.
16 бит это 16-бит на канал, а нужно всего 4 :)
Всего голосов 1: ↑1 и ↓0+1
«save for web сохраняет без альфа канала.»
если вам нужен png8+alpha transparency (т.е. индексная 256-палитра с пол-прозрачными точками) то это в fireworks, он умеет.

«16 бит это 16-бит на канал, а нужно всего 4 :)»
4 бита на канал это будет 12 бит в итоге. вы уж определитесь, какая цветность вам нужна на выходе)
Всего голосов 1: ↑1 и ↓0+1
Дык вы альфу забыли ;)
Комментарий пока не оценивали0
Тьфу, прошу прощения, конечно вы правы, я имел ввиду 5-6-5 :) Ну вобщем я решил написать макро :)
Всего голосов 1: ↑1 и ↓0+1
НЛО прилетело и опубликовало эту надпись здесь
Наблюдение: слово «превосходный» в заголовке на 100% указывает, что это статья-перевод. Даже «Z→Я» не нужно.
А так, набор полезный, да.
Всего голосов 3: ↑3 и ↓0+3
Вообще, практика показывает, что после грамотного сохранения из Save for Web в photoshop и через fireworks для PNG (он боее гибко с ним работает) — все эти инструменты уже выжать ничего не могут.
ну разве что PNG24/32 иногда можно еще дожать.
так что дизайнерам, которые пользуются этими прогами в большинстве своем, ворох доп софта не особо нужен.
это разве что админам сайтов нужно… но надо будет все равно всё перетестить)
Всего голосов 1: ↑1 и ↓0+1
НЛО прилетело и опубликовало эту надпись здесь
PNG24/32 не может терять качество просто из-за особенностей формата.
а если вы имеет ввиду, что перед экспортом фаерворкс оптимизирует цвета в изображении для более эффективного сжатия — то сколько пользовался — не видел.
Можно будет, конечно, провести эксперимент, когда на работе буду, и сделать попиксельное сравнение, но сомневаюсь, что что-то обнаружу…
А вы это вообще с чего взяли?)
Всего голосов 1: ↑1 и ↓0+1
НЛО прилетело и опубликовало эту надпись здесь
НЛО прилетело и опубликовало эту надпись здесь
НЛО прилетело и опубликовало эту надпись здесь
НЛО прилетело и опубликовало эту надпись здесь
НЛО прилетело и опубликовало эту надпись здесь
НЛО прилетело и опубликовало эту надпись здесь
НЛО прилетело и опубликовало эту надпись здесь
НЛО прилетело и опубликовало эту надпись здесь
НЛО прилетело и опубликовало эту надпись здесь
НЛО прилетело и опубликовало эту надпись здесь
НЛО прилетело и опубликовало эту надпись здесь
НЛО прилетело и опубликовало эту надпись здесь
Зарегистрируйтесь на Хабре, чтобы оставить комментарий

Публикации

Показать лучшие за всё время
Разблокировать темную тему

Истории

Ваш аккаунт

Разделы

Информация

Услуги

Техническая поддержка
© 2006–2024, Habr