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

18 июня 2009, 15:41 Павел Марковнин Разное рейтинг +23-

Инструменты для оптимизации графикиВсем привет, это снова я ;-)

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

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

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

Веб-сервисы

Smush.it

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

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

Online Image Optimization

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

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

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

RIOT

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

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

PNGOUT

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

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

PNGGaunlet

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

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

SuperGIF

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

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

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

PNGCrushrrr

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

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

SuperPNG

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

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

ImageOptim

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

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

 

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

Рекламное место, которое может стать вашим

Понравилась статья?

Тогда подпишись на обновления через RSS или воспользуйся
другими способами подписки.

Читать в Яндекс.Ленте Добавить в Google Добавить в Netvibes
  •  

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

RSS
  • Аватарка
    18 июня 2009 в 16:32 demy
    Ссылочку для SuperPNG поправьте плиз.
    Она щас совпадает с ссылкой на прогу выше нее.
  • Аватарка
    18 июня 2009 в 19:29 ]]>adw0rd]]>
    Павел, ответите на комментарии? http://vremenno.net/seo/monetization-types/
  • Аватарка
    19 июня 2009 в 9:17 ]]>Артём Сапегин]]>
    Добавьте, пожалуйста, в программы для Виндоуса:

    http://sapegin.ru/picturebeaver

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

    Спасибо!
  • Аватарка
    20 июня 2009 в 14:00 ]]>Дмитрий]]>
    лично мне понравилась прога RIOT! класно сделана!!!
  • Аватарка
    21 июня 2009 в 0:24 Сашко
    Спасибо за статью!
  • Аватарка
    21 июня 2009 в 10:48 ]]>Zuzle]]>
    Приятная статья, но рассмотрены не все популярные инструменты для оптимизации.
    У лебедева на сайте в техногрете есть большая статья про сжатие пнг советую.
  • Аватарка
    21 июня 2009 в 12:02 Илья
    Забыли про OptiPNG. Консольная версия есть для Windows. Позволяет указывать множество различных параметров для сжатия, использования различных каналов и т.д.
    Ссылка на прогу http://optipng.sourceforge.net/
    Ссылка на почитать http://chikuyonok.ru/2009/06/batch-optimization/
  • Аватарка
    21 июня 2009 в 13:41 ]]>Владислав]]>
    Я пользуюсь уже давно Динамик Драйвом, но часто убивает непонятное ограничение на 300 килобайт. У меня частенько файлы под рукой попадаются 1 мегабайт и больше и с этого момента начинают возникать трудности. А так хороший онлайн-сервис. В русском сегменте такого пока нет, к сожалению.
  • Аватарка
    21 июня 2009 в 16:17 Вячеслав
    Какой чудесный бред про PNGOUT.
    Пользуюсь ей уже сколько времени и только сейчас прочитал, что нет у нее GUI.

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

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

    Инструкция о конструкции и халявная раздача слонов тут — pj2k.livejournal.com/1728.html
    Ну, а автора интересуют отзывы и багрепорты.
  • Эл. почта (используется для Граватарки)
  • Домашняя страница
  • Имя в Твиттере
  • Разрешенные теги Текст сообщения (надо бы заполнить это поле)
  • как выглядит какой тег
    жирный текст <b>жирный текст</b>
    курсивный тект <i>курсивный тект</i>
    зачеркнутый текст <s>зачеркнутый текст</s>
    подчеркнутый текст <u>подчеркнутый текст</u>
    ссылка <a href="адрес">ссылка</a>
    function foo() { ... }
    <pre><code>function foo() { ... } </code></pre>