ÐšÐ¾Ñ€Ð¾Ñ‚ÐºÐ°Ñ Ð·Ð°Ð¼ÐµÑ‚ÐºÐ° о том, как за 5 минут быÑтро оптимизировать PNG-Ð¸Ð·Ð¾Ð±Ñ€Ð°Ð¶ÐµÐ½Ð¸Ñ Ð±ÐµÐ· потерь качеÑтва. ПроцеÑÑ Ð¾Ð¿Ñ‚Ð¸Ð¼Ð¸Ð·Ð°Ñ†Ð¸Ð¸ включает вÑего 2 шага и дает веÑьма Ñффективные результаты.
1. ÐžÐ¿Ñ‚Ð¸Ð¼Ð¸Ð·Ð°Ñ†Ð¸Ñ Ñ Ð¿Ð¾Ð¼Ð¾Ñ‰ÑŒÑŽ OptiPNG или Pngcrush.
Ð”Ð»Ñ Ñтого нужно иÑпользовать утилиты Ð´Ð»Ñ Ñ€Ð°Ð±Ð¾Ñ‚Ñ‹ Ñ PNG Ñ Ð¿Ð¾Ð´Ð´ÐµÑ€Ð¶ÐºÐ¾Ð¹ командной Ñтроки, такие как OptiPNG или Pngcrush. Обе Ñти программы помогают избавить от ненужной мета-информации в файле без потерь в качеÑтве. Ðиже перечиÑлен ÑпиÑок команд Ð´Ð»Ñ Ð¾Ð±Ð¾Ð¸Ñ… утилит.
PNGcrush
Ð”Ð»Ñ Ñтой программы необходимо выполнить такую команду:
pngcrush -rem allb -brute -reduce original.png optimized.png
pngcrush – запуÑк утилиты
-rem allb – удаление ненужной информации (кроме гамма и прозрачноÑти, Ð´Ð»Ñ ÑƒÐ´Ð°Ð»ÐµÐ½Ð¸Ñ Ð’Ð¡Ð•Ð“Ðž, кроме прозрачноÑти, иÑпользовать параметр -rem alla)
-brute – запуÑтить вÑе методы оптимизации (может занÑть больше времени)
-reduce – удалить неиÑпользуемые цветы и понизить битноÑть (еÑли возможно)
original.png – оригинальный файл (неоптимизированный)
optimized.png – оптимизированный файл.
ПользователÑм OptiPNG нужно выполнить такой запроÑ:
optipng -o7 original.png
optipng – запуÑк программы
-o7 – макÑÐ¸Ð¼Ð°Ð»ÑŒÐ½Ð°Ñ Ð¾Ð¿Ñ‚Ð¸Ð¼Ð¸Ð·Ð°Ñ†Ð¸Ñ Ð¸Ð·Ð¾Ð±Ñ€Ð°Ð¶ÐµÐ½Ð¸Ñ
original.png – файл изображениÑ, который нужно оптимизировать
Ð”Ð»Ñ Ð¼Ð°ÑÑовой обработки изображений выполнить такую команду
optipng -o7 *.png
(цифра 7 означает уровень оптимизации, от 0 (мин.) до 7 (макÑ.))
Важно! Чтобы Ñохранить оригиналы изображений, еÑли Ñто требуетÑÑ, добавить в команду параметр -k перед названием файла.
Можно и оÑтановитьÑÑ Ð½Ð° Ñтом, но можно и продолжить! Переходим к шагу 2.
2. ÐžÐ¿Ñ‚Ð¸Ð¼Ð¸Ð·Ð°Ñ†Ð¸Ñ Ñ Ð¿Ð¾Ð¼Ð¾Ñ‰ÑŒÑŽ Smush.it.
Теперь, поÑле ÑƒÐ´Ð°Ð»ÐµÐ½Ð¸Ñ Ð²Ñей ненужной информации из файлов, иожно обработать их Ñ Ð¿Ð¾Ð¼Ð¾Ñ‰ÑŒÑŽ онлайн-оптимизатора Smush.it. Кликнуть на кнопку “Uploader”, загрузить Ð¸Ð·Ð¾Ð±Ñ€Ð°Ð¶ÐµÐ½Ð¸Ñ – оÑтальное проделает ÑервиÑ. Smish.it на лету обработает картинки и вдобавок покажет результат работы – ÑÑкономленные байты и проценты от иÑходного файла.

ПоÑле Ð¾ÐºÐ¾Ð½Ñ‡Ð°Ð½Ð¸Ñ Ð¿Ñ€Ð¾Ñ†ÐµÑÑа оптимизации проÑто Ñкачайте .ZIP-архив Ñ Ð½Ð¾Ð²Ñ‹Ð¼Ð¸ изображениÑми и Ñравните их размеры Ñ Ð¾Ñ€Ð¸Ð³Ð¸Ð½Ð°Ð»ÑŒÐ½Ñ‹Ð¼Ð¸.








![[image]](http://mowser.com/img?url=http%3A%2F%2Finforedesign.com%2Fwp-content%2Fthemes%2Fjs%2Fimages%2FICO_FEED.gif)
![[image]](http://mowser.com/img?url=http%3A%2F%2Finforedesign.com%2Fwp-content%2Fthemes%2Fjs%2Fimages%2FICO_JS.gif)
![[image]](http://mowser.com/img?url=http%3A%2F%2Finforedesign.com%2Fwp-content%2Fthemes%2Fjs%2Fimages%2FICO_WP.gif)
![[image]](http://mowser.com/img?url=http%3A%2F%2Finforedesign.com%2Fwp-content%2Fthemes%2Fjs%2Fimages%2FICO_FF.gif)