Оптимизация изображений в формате PNG

Оптимизация изображений в формате PNGЗдравствуйте, уважаемые читатели!

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

Главное препятствие к широкому использованию этого формата состоит в плохой сжимаемости файлов и их, сравнительно, больших размерах.

Я уже писал о методах оптимизации изображений в формате PNG, и, если рассмотреть эти методы, можно заметить, что средств для изменения размеров файла очень мало.

Но недавно я узнал новый, оригинальный метод изменения размеров файлов в формате PNG и сразу решил познакомить с ним своих читателей.

Для демонстрации я нашел вот такой симпатичный рисунок.оптимизация изображений

До сжатия файл имел размер 162 КБ. Попробуем его уменьшить. Для этого воспользуемся программой Adobe Photoshop.Неоптимизированное изображение

Откроем файл и выполним команды Изображение → Коррекция → Постеризация.Постеризация

Здесь мы можем выбрать количество уровней от 4 до 255. Перемещая ползунок, увеличиваем это число до такого значения, при котором видимые изменения становятся малозаметными. Обычно это значение около 40.Количество уровней

После этого сохраняем это изображение обычным способом Файл → Сохранить для Web.

В моем случае размер файла стал 104 КБ. Как видите, все очень просто.Результат оптимизации изображения

Но это еще не все. Есть еще один метод сжатия графических файлов. Для этого можно использовать сервис PunyPNG.сервис PunyPNG

Зайдем на этот сервис, загрузим наш файл и дождемся результатов оптимизации. Как видно, размер файла уменьшился еще на 31% и стал равен 72,1 КБ. Таким образом, этими двумя приемами мы уменьшили размер файла в 2,2 раза.Результат оптимизации изображеия

Оптимизация изображения

Качество изображения при такой оптимизации, изменилось незначительно, заметить разницу можно только при непосредственном сравнении.

Исходное изображение Первая оптимизация Вторая оптимизация

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

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

А пока предлагаю посмотреть любопытное интервью с разработчиком сайтов.

Еще советую почитать по этой теме:

Оптимизация изображений в формате JPEG.
Рассмотрим более подробно процесс оптимизации изображений в различных форматах. Оптимизировать изображение можно используя разные программы, но наибольшими возможностями обладает, конечно, графический редактор Adobe Photoshop. ...
Форматы графических файлов или оптимизация изображений – часть 3.
Итак, как уже было сказано, размер графического файла и качество изображения зависит от выбора формата, в котором он будет сохранен. Форматов графических файлов сейчас ...
Оптимизация изображений – часть 2.
Продолжим разговор об оптимизации изображений. Основная цель, которую преследует оптимизация изображений – уменьшение размера графического файла с наименьшей потерей качества. Достигается это несколькими путями. ...
Оптимизация изображений.
Большое значение для посетителей сайта, да и для его разработчиков имеет скорость загрузки страниц. А зависит она в большей мере от параметров рисунков, расположенных ...
Стиль Web 2.0
Создание сайтов в настоящее время стало одним из видов дизайнерского искусства. И, как в любом виде искусства, здесь возникли свои стили и направления. Классифицировать ...
Очень плохоПлохоСреднеХорошоОтлично (голосов: 1 в среднем: 5,00 из 5)
Загрузка...

4 комментариев к “Оптимизация изображений в формате PNG

  1. Вообще-то Puny не по феншую сжимает картинки. Портит он их. Незначительно, но… если там есть прозрачность — всё, сливай воду. Для сравнения, загрузил пример в Color Quantizer ( http://kherson.myftp.biz/cq/ ), оригинальная картинка без потерь — 145 Кб (у «пунек» 148), а при конвертация в 256 цветов (да, это потери, но визуально ни не заметны) — 48 Кб; у «пунек» 60 кб, но сравнить качество не вышло — они теперь за режим с потерями хотят денег. (((

    Ответить

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *