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

Опубликовано: 21.10.2017

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

Оптимизация png в графическом редакторе нужна, например, для изображений входящих в дизайн сайта так как эти изображения загружаются для каждого пользователя, то скажем размер файлов в 400кб и 150кб имеет достаточно большое значение в плане экономии трафика тем самым ускоряя загрузку сайта для пользователей. Подобная оптимизация достаточно сложная и требует отличного навыка владения графическим редактором и понимания принципов оптимизации по сути происходит частичное перерисовывание графического изображения.

Оптимизация png с помощью сжатия, простая быстрая и доступна любому желающему. Ниже приведены те инструменты, которые позволяют максимально сжать готовое .PNG изображение

Для начала мне было интересно насколько оптимально сохраняют png графику те программы, которыми я периодически пользуюсь, чтобы было с чем сравнивать

Выбрал я следующую картинку (деревце в горшке) и сохранил (true color + альфа) ее в:

Название Значение по умолчанию

Графические редакторы

Paint.Net v3.5.5 оригинал 115228 байт
Photoshop CS4 94248 байт
Fireworks 8 92718 байт

Онлайн сервисы для оптимизации PNG

Appfactory.ru 94448 байт
Punypng 93697 байт
Smushit (сервис Yahoo) 91585 байт

Небольшие утилиты

Новости

Чем лучше юзабилити сайта – тем больше лояльных клиентов
Хотите понять, как посетители воспринимают сайт? Это очень просто. Представьте, что вы говорите по телефону с директором, и в это время вам звонит кто-то из родственников, а у вас еще работы на четыре

Как сбалансировать юзабилити и дизайн при создании сайта — User House
Красота или уродство в веб-дизайне всегда связаны с восприятием конкретного человека. То, что для одного «красиво», может быть «ужасным» для другого и наоборот. Но как же так получается, что многие популярные

Знакомство с юзабилити-тестированием сайта. // webknowledge.ru
Перевод статьи:   An Introduction To Website Usability Testing. Автор:   Thomas Churm. При создании нового сайта необходимо учитывать множество факторов. Для того чтобы у посетителей возникло

Специалист по web-usability – боец невидимого фронта
Ярослав Перевалов Что такое usability engineering? Часто ли вы, бродя по Сети, обращаете внимание на то, насколько качественно структурирована информация на сайте и насколько удобно устроена навигация?

Гид по UX исследованиям для начинающих
В индустрии, в основе которой лежит использование людьми наших продуктов, услуг и приложений, исследования просто необходимы. Мы задаем вопросы. Мы делаем пометки. Мы стараемся узнать все, что возможно,

25 советов как улучшить юзабилити (usability) вашего сайта. | Блог об интернет деятельности и трудовых буднях Максима Вячеславовича
Доброго времени суток, дорогие друзья! Сегодня мы поговорим с вами о такой важной вещи как U sability (юзабилити) сайта , о том, как улучшить данный фактор, зная его основные принципы и правила.

Что такое юзабилити и зачем оно нужно
Юзабилити включает простоту, удобство в пользовании, тестирование, проведение аудита проекта. Юзабилити сайтов, интернет-магазинов — это неотъемлимая часть выгодного ведения бизнеса. Задача юзабилити

Юзабилити тестирование сайта турагентства
«Когда информации много и она дешева, дорогим становится внимание». James Gleick Представим сайт, владелец которого считает его достаточно хорошим, удобным и привлекательным. Он размещает рекламные объявления

Юзабилити
Юзабилити (от англ. слова «usability» – практичность, простота использования) – это весьма распространенное ныне понятие объединяет максимальное удобство использования сайта и полезность информации, на

5 шагов для успешного юзабилити-тестирования приложения
Представьте: вы придумали и разработали мобильное приложение с приятным, на ваш взгляд, дизайном, удобным функционалом, полезными опциями, выпустили релиз продукта, но… Несмотря на мощную маркетинговую

Карта
rss