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

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

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

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

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

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

Веб-сервисы

Smush.it

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

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

Online Image Optimization

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

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

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

RIOT

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

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

PNGOUT

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

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

PNGGaunlet

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

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

SuperGIF

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

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

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

PNGCrushrrr

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

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

SuperPNG

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

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

ImageOptim

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

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

 

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

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

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

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

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>
разрешенные теги или посмотреть как будет выглядеть
counter strike mt2 silkroad pvp metin2 metin2 pvp knight pvp gm olarak başlayan pvpler pvp silkroad pvp serverler counter strike serverler msn show cam show görüntülü sohbet oyunlar suskunlar gazete oku