Инструменты для оптимизации графики

Инструменты для оптимизации графики

Всем привет, это снова я ;-)

Сегодня у меня для вас подборка программ и веб-сервисов для уменьшения веса картинок, которые вы используете на сайте. Если у вас есть ФаерБаг или что-то подобное, то вы можете посмотреть, какой процент трафика вашего сайта составляют картинки. Много, да? А ведь их, скорее всего, можно здорово уменьшить в размерах, проверяя какой формат для данной картинки даст наилучшее сжатие при минимальной потере качества.

Кстати, я надеюсь вы сохраняете картинки в Фотошопе не путем «Файл → Сохранить как... → Нужный_мне_формат»? Да, конечно вы делаете «Файл → Сохранить для веб и устройств» и потом еще экспериментируете с форматами и количеством цветов. Это я на всякий случай спросил ;-)

Как я уже сказал, в статье мы рассмотрим веб-сервисы, программы для Виндоус и программы для Мака.

Веб-сервисы

Smush.it

Инструменты для оптимизации графики

Это веб-сервис, расширение для ФаерФокса или кроссбраузерный букмарклет. Загружаете или указываете файлы, в ответ получаете отчет по количеству сэкономленных байтов и архив с оптимизированными картинками. По словам разработчиков, процесс оптимизации не ухудшает качество исходных картинок.

Online Image Optimization

Инструменты для оптимизации графики

Сжимает гифы, анимированные гифы, джипеги и пэ-эн-гэ, при этом может конвертировать из одного формата в другой. Правда, есть ограничение на размер загружаемого файла — 300 КБ.

Программы для Виндоус

RIOT

Инструменты для оптимизации графики

Доступен либо как самостоятельное приложение, либо как расширения для ИрфанВью. Сжимает гифы, джипеги и пэ-эн-гэ, может удалять метаданные из картинок для снижения их веса. Имеет простые встроенные инструменты редактирования изображений.

PNGOUT

Инструменты для оптимизации графики

Довольно известная програмулька, работающая из консоли и умеющая сжимать все те же форматы картинок. Вот только смущает, что нет у нее нормально внешнего вида (не люблю консоль).

PNGGaunlet

Инструменты для оптимизации графики

А это дотнетовская "экранизация" Пэ-Эн-Гэ-Аута специально для тех, кому консоль не по душе. Из входящих форматов (те же плюс TGA, PCX, BMP) делает высоко оптимизированные пэ-эн-гэшки.

SuperGIF

Инструменты для оптимизации графики

Сжимает только гифки. Бесплатная версия может сжать одну картинку за раз (релоад и следующая), платная может делать это пачками. Есть версия для Виндоус и Мака.

Программы для Мака

PNGCrushrrr

Инструменты для оптимизации графики

Бесплатная маковская прожка для сжатия пэ-эн-гэшек. Автор программы говорит, что ее лучше использовать для PNG-24.

SuperPNG

Инструменты для оптимизации графики

Плагин для Фотошопа, который позволит сжать PNG лучше, чем встроенные фотошопные средства. Есть и версия для Виндоус.

ImageOptim

Инструменты для оптимизации графики

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

 

А какие инструменты (кроме Фотошопа) используете вы? Буду рад дополнениям в комментариях.

Расскажите друзьям

Оцените статью:
  • 1
  • 2
  • 3
  • 4
  • 5

Комментарии — 19

demy
Ссылочку для SuperPNG поправьте плиз.
Она щас совпадает с ссылкой на прогу выше нее.
#
demy  
adw0rd
Павел, ответите на комментарии? http://vremenno.net/seo/monetization-types/
Артём Сапегин
Добавьте, пожалуйста, в программы для Виндоуса:

http://sapegin.ru/picturebeaver

Пакетно оптимизирует папку картинок (PNG, JPEG, GIF, GIF с анимацией). Что-то вроде ImageOptim, но без красивого интерфейса.

Спасибо!
Дмитрий
лично мне понравилась прога RIOT! класно сделана!!!
Сашко
Спасибо за статью!
#
Сашко
Zuzle
Приятная статья, но рассмотрены не все популярные инструменты для оптимизации.
У лебедева на сайте в техногрете есть большая статья про сжатие пнг советую.
Илья
Забыли про OptiPNG. Консольная версия есть для Windows. Позволяет указывать множество различных параметров для сжатия, использования различных каналов и т.д.
Ссылка на прогу http://optipng.sourceforge.net/
Ссылка на почитать http://chikuyonok.ru/2009/06/batch-optimization/
#
Илья
Владислав
Я пользуюсь уже давно Динамик Драйвом, но часто убивает непонятное ограничение на 300 килобайт. У меня частенько файлы под рукой попадаются 1 мегабайт и больше и с этого момента начинают возникать трудности. А так хороший онлайн-сервис. В русском сегменте такого пока нет, к сожалению.
Вячеслав
Какой чудесный бред про PNGOUT.
Пользуюсь ей уже сколько времени и только сейчас прочитал, что нет у нее GUI.

Перед тем, как писать какой-то материал, я ПРОШУ ВАС — ну разберитесь Вы в теме.
http://reeed.ru/i/pngout/pngout.png — GUI PngOut
#
Вячеслав  
Миша Татахагата
А не проще пользоваться Fireworks? Мне всегда казалось, что именно их юзают "крютые дизигнеры". Правда, поговорить будет не о чем, типа, и так все хорошо....
#
Миша Татахагата
Иван
Пользуюсь с недавнего времени Fireworks'ом и очень доволен тем, как он вырезает PNG.
#
Иван
jeenart
Fireworks даже умеет делать png 24 с особыми параметрами, после чего такие картинки правильно отображаются в ie6 и не надо писать экспрешен. Кому интересно погуглите в инете, есть даже видео туториал.
Shustry
Статья хорошая. Автору благодарности за поднятую тему. Жаль, двух самых полезным (МИХО!) программ для оптимизации нет: PNGOUTWin (PNGout с граф.интерфейсом) и AdvancedJPEGCompressor. Для оптипизации png и jpg соотв. Ниже ссылки ссылки на архивы. АХТУНГ: варез. Не удаляйте сразу, плиз.
http://forcreative.narod.ru/web/ajc.rar
http://forcreative.narod.ru/web/pngow.rar
#
Shustry
Тарас
а почему нет фотошопа! прога супер!
Алиса
RIOT неплохая програмка но всё же есть недостатки!
piroJOKE
Как бы в тему.
Г-н x128 давеча разработал весьма недурственную штуку под названием «CQ».

Умеет:
• уменьшать к-во цветов, расчитывать палитру.
• очень оптимально записывать png (внутри 3 «конкурирующих» модуля записи png);
• держит прозрачность (в т.ч. палитры rgba);
• позволяет быстро доводить ручками палитру до кондиции (я лично аналогов по удобству не знаю).

Инструкция о конструкции и халявная раздача слонов тут — pj2k.livejournal.com/1728.html
Ну, а автора интересуют отзывы и багрепорты.
Владимир
Пробовал я эти многие другие проги.
Все эти проги экономят копейки 0-3%.
Единственное чем можно ужать PNG в 5-10 раз (на 80-90%) - это 2 проги:
FireWorks и CQ.
CQ качественнее ужимает в PNG 8bit.

#
Владимир
Владимир
И самое главное - такой PNG понимает 6-ой осел и отображает его с прозрачностью, остальные браузеры отабражают даже с полупрозрачностями, как и должно быть
#
Владимир
серж тищенко
С выходом зопфли можете смело нести пнгаут на помойку!

Новый комментарий

как выглядит какой тег
жирный текст <b>жирный текст</b>
курсивный тект <i>курсивный тект</i>
зачеркнутый текст <s>зачеркнутый текст</s>
подчеркнутый текст <u>подчеркнутый текст</u>
ссылка <a href="адрес">ссылка</a>
function foo() { ... }
<pre><code>function foo() { ... } </code></pre>
разрешенные теги или посмотреть как будет выглядеть
как выглядит какой тег
жирный текст <b>жирный текст</b>
курсивный тект <i>курсивный тект</i>
зачеркнутый текст <s>зачеркнутый текст</s>
подчеркнутый текст <u>подчеркнутый текст</u>
ссылка <a href="адрес">ссылка</a>
function foo() { ... }
<pre><code>function foo() { ... } </code></pre>
разрешенные теги или посмотреть как будет выглядеть

metin2 pvp metin2 pvp serverler pvp serverler