Открываем изображения формата PNG

Содержание

Для чего предназначен формат PNG?

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

В середине девяностых годов прошлого века во всю бушевала Первая интернет-революция. Консорциум всемирной сети W3C в результате бескровного переворота сместил законно избранное (путем подкупа электората) Временное представительство в лице Microsoft и Netscape. Последние оказались неспособны договориться о стандартах и поставили молодую цифровую цивилизацию на грань браузерной войны.

Назрела насущная необходимость введения всеобщей унификации интернет-технологий. Однако существовавший к тому времени формат графики GIF имел маленький, но существенный недостаток – у него была коммерческая лицензия, в том числе на технологию сжатия данных.

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

Технические особенности формата PNG

В общем-то, если присмотреться, PNG отличается от GIF примерно, как MS Office отличается от LibreOffice. В основе растровая графика со сжатием, индексированная цветовая палитра. Тем не менее, разработчики PNG учли ошибки GIF и сумели избавить новую технологию от гнетущих проблем прошлого.

Схема сжатия данных в PNG обеспечивала восстановление исходного изображения совершенно без потерь независимо от степени сжатия.
Больший уровень сжатия данных.
Допускалось использование неограниченного числа цветов в изображении. Это позволило обеспечить качество и реализм картинки почти на уровне фотографического формата JPEG.
Поддержка многоуровневой прозрачности слоев.
Формат PNG позволяет сохранять все промежуточные стадии редактирования изображения и восстановление любого шага без потерь в качестве.

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

Были попытки создать версии этого формата с возможностью анимации, но они оказались уже не востребованы – в начале 21 века истек срок лицензии и формат графики GIF стал бесплатным для использования с любыми целям.

Сфера применения PNG

Portable Network Graphics переводится примерно как “переносимая сетевая графика”. Даже в названии проекта заметно подражание GIF – “графический формат для обмена по сетям”.

Чтобы откреститься от темного прошлого, создатели PNG распространили в интернете рекурсивный акроним “Ping is Not a GIF” – “Пинг это не GIF”.

Пинг – британское произношение PNG, в американском английском скорее звучит как Пи-эн-джи, для русскоязычного наблюдателя -пээнгэ.

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

Кросс-платформенность – одинаково хорошо читается всеми типами современных браузеров и графических редакторов.
Имеет маленький вес при высоком качестве изображения.
Легко поддается сжатию в широком ранге без потери качества.

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

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

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

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

Преимущества PNG перед JPEG

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

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

Возможность создания прозрачных слоев делает формат PNG незаменимым для разработки логотипов, иконок, символов, кнопок.

В PNG есть функция хранения метаданных – дата, время, место создания изображения, сведения об авторе, правообладателях и прочее. Это полезно помнить, когда вы собираетесь публиковать заимствованную в интернете картинку. Чтобы Google не смог выявить дубликат – нужно удалить метаданные из файла (при помощи графического редактора).

Бесплатный онлайн конвертер изображений в PNG

На данном сайте вы можете без проблем преобразовать практически любое изображение в формат PNG, при этом вы можете установить глубину цвета от 1бита до 64бит, а так же выставить уровень сжатия.

Заметьте, что для того чтобы получить в полученном изображении у вас сохранилась прозрачность нужно использовать глубину с цвета RGBA. В данном случае буква А означает – альфа-канал, т.е.

прозрачный.

Оптимизация PNG

Не все программы делают PNG с минимальным размером файла. Поэтому перед публикацией картинки на сайте рекомендуется её оптимизировать. Для этих целей вы можете использовать различные утилиты, или использовать наш онлайн-сервис для оптимизации. Просто выберите изображение и нажмите “Оптимизировать”.

Источник: //online-converting.ru/blog/png/

Формат PNG – чем открыть и какой программой на компьютере это можно сделать

Открываем изображения формата PNG

В этом руководстве мы расскажем вам о том, как произвести различные операции с данным файлом: открытие, редактирование и конвертирование. Также вы узнаете чем открыть формат Png не только на компьютере, но и с помощью онлайн сервисов.

На практике задача является примитивной и может быть с легкостью выполнена сразу же после установки операционной системы Windows без помощи специального программного обеспечения. Ведь в составе ОС уже есть необходимый инструментарий.

Достаточно 2 раза кликнуть по картинке и он откроется с помощью утилиты «Просмотр фотографий Windows».

Помимо него можно выбрать:

Windows Media Center;
Paint.

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

Просмотр, редактирование и конвертация в Windows

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

Прежде чем открыть файл Png нам естественно понадобится скачать дистрибутивы с официальных сайтов.

Платные

ACDSee
Movavi Photo Editor
Photoshop

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

Отметим, что Photoshop это профессиональная рабочая платформа, которую используют уже дизайнеры и специалисты, знающие про формат Png если не всё, то близко к этому. Был включен в данный список исключительно для информации.

Во время инсталляции программа может попросить выставить расширения, которые она будет обрабатывать. Выглядит это примерно так:

Необходимо выбрать только графические изображения. Для этого нажмите на кнопку «Images only» и после этого автоматически обработается весь список. Вы можете проделать это вручную и выбрать только нужные, но зачем нужна такая лишняя трата времени?

Зачем это делать? Помимо картинок такие приложения без проблем открывают видео, часто понимают Djvu, PDF и другие форматы. В контексте подобных задач они не настолько хороши, чтобы применять их для этого. Просмотр фильмов будет 100% неудобным, поэтому лучше доверьтесь в этом плане нам.

После завершения установки вы сможете открывать любые картинки двойным нажатием.

Если при открытии возникают ошибки

Если вы не можете открыть файл Png в Windows 7, 8, 10 и ОС выдает сообщение о том, что она не может открыть этот файл, то действовать надо следующим образом:

проверить правильность установленных ассоциаций. Нажмите по нему правой кнопкой мыши, «открыть с помощью» и выбрать программу. Если там пусто, то выберите стандартный просмотрщик от Microsoft либо укажите путь вручную к другому ПО;
удаляете все приложения, которые отвечают за работу с мультимедиа и затем производите полную их переустановку, но уже последних версий. Иногда это единственный выход и это поможет с высокой долью вероятности;
если проблема появилась совсем недавно, то воспользуйтесь восстановлением системы. Такой шаг часто исправляет ошибки, о которых никто и не подозревал. Вполне возможно, что у вас был вирус, который повредил что-то, поэтому если до этого вы качали ПО из сомнительных источников – не делайте так больше.

Все советы многократно проверены на практике и мы смело рекомендуем их выполнять. Никакого вреда это не нанесет.

Работаем в онлайн режиме

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

- //pixlr.com/editor/ — мощное приложение с русским интерфейсом, с которым вы сможете реализовать очень многое. Для полноценной работы не требуется регистрация, но она присутствует. Есть красивые встроенные шрифты, если вы захотите добавить текст. Обязательно оцените его!

- //www.fotor.com/ru/ — интересный редактор, который позволяет хранить изображения, в т.ч. и нужный нам формат, на облаке и получить к ним доступ с любого устройства. Огромное количество разнообразных эффектов, украшений, рамок и фильтров. Немного тяжеловесен и довольно долго загружается, но потом работает вполне нормально и без нареканий;

- //online-image-editor.com – зарубежный проект, который был запущен больше 10 лет назад. Более упрощенная версия в сравнении с аналогами, но вполне рабочая.

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

Если файл Png поврежден

К сожалению бывает и такое. Вроде бы уже всё сделали, а нигде открыть не получилось. Скорее всего он содержит ошибки, поэтому вы и не добились успеха. Как действовать в такой ситуации?

Можно попробовать следующие программы:

Corrupted Pictures Repair – решили отдельно выделить его, т.к. в тестовой версии можно неограниченное время полноценно работать с файлами размером до 256 Кб!
RS File Repair – помимо формата Png и другой графики, работает с музыкой и видео, а также текстом;
//online.officerecovery.com/ru/ — вебсайт, который по заверениям разработчика может восстановить Png. Однако за это удовольствие придется заплатить 10 долларов минимум. Если для вас это недорого, то можете попробовать. Если у вас их десятки, то можно и сэкономить, приобретя подписку на 2 дня.

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

Источник: //SoFtornika.com/kak-otkryt-fajjl/png

PNG — not GIF!

Открываем изображения формата PNG

Доброго времени суток! Вам когда-нибудь хотелось узнать как устроены файлы PNG? Нет? А я все равно расскажу.

Формат PNG(Portable Network Graphics) был изобретен в 1995 году, чтобы стать заменой GIF, а уже в 1996, с выходом версии 1.0, он был рекомендован W3C, в качестве полноправного сетевого формата. На сегодняшний день PNG является одним из основных форматов веб-графики.

Под катом вы найдете общее описание строения PNG-файла, некоторое количество картинок-схем, препарирование в hex-редакторе, и, конечно, ссылку на спецификацию.

Общее строение

Структура PNG в самом общем виде представлена на следующем рисунке. То есть файл состоит из подписи и некоторого количества блоков(чанков, chunks), каждый из которых несет в себе некоторую информацию (спасибо КО!). Но почему подпись нельзя считать одним из чанков? Давайте разберемся поподробнее.

Подпись файла

Подпись PNG-файла всегда одинакова, состоит из 8 байт, и представляет собой (в hex-записи)89 50 4E 47 0D 0A 1A 0A Что же это означает?

89 — non-ASCII символ. Препятствует распознаванию PNG, как текстового файла, и наоборот.
50 4E 47 — PNG в ASCII записи.
0D 0A — CRLF (Carriage-return, Line-feed), DOS-style перевод строки.
1A — останавливает вывод файла в DOS режиме (end-of-file), чтобы вам не вываливалось многокилобайтное изображение в текстовом виде.
0A — LF, Unix-style перевод строки.

Chunks

Чанки — это блоки данных, из которых состоит файл. Каждый чанк состоит из 4 секций. Разберем эти секции по порядку.

Длина

Ну, с длиной вроде все ясно. Просто числовое значение длины блока данных.

Тип (имя)

С типом немного поинтересней. Тип представляет собой 4 чувствительных к регистру ASCII-символа. Регистры символов (пятый бит в числовой записи символа) в имени чанка различаются неспроста — это флаги, которые сообщают декодеру некоторую дополнительную информацию.

Регистр первого символа определяет является ли данный чанк критическим(верхний регистр) или вспомогательным(нижний регистр). Критические чанки должны распознаваться каждым декодером. Если декодер встречает критический чанк, тип которого не может распознать, он обязан завершить выполнение с ошибкой.
Регистр второго символа задает «публичность»(верхний регистр) или «приватность»(нижний регистр) чанка. «Публичные» чанки — официальные, задокументированные, распознаваемые большинством декодеров. Но если вдруг вам для каких-то своих нужд понадобится кодировать специфическую информацию, то просто в имени чанка сделайте второй символ маленьким.
Регистр третьего символа оставлен для будущих свершений. Предполагается, что он будет использоваться для дифференциации различных версий стандарта. Для версий 1.0 и 1.1 третий символ должен быть большим. Если он (внезапно!) оказался маленьким, все нынешние декодеры должны поступать с чанком, так же как и с любым другим не распознанным (то есть выходить с ошибкой если чанк критический, или пропускать в противном случае).
Регистр же четвертого символа означает возможность копирования данного чанка редакторами, которые не могут его распознать. Если регистр нижний, чанк может быть скопирован, вне зависимости от степени модификации файла, иначе (верхний регистр) он копируется только в случае, когда при модификации не были затронуты никакие критические чанки.

Для лучшего понимания, давайте разберем флаги на примере чанка, содержащего текст. Ниже приведен список типов чанков с краткими пояснениями.

Критические чанки

IHDR — заголовок файла, содержит основную информацию о изображении. Обязан быть первым чанком.
PLTE — палитра, список цветов.
IDAT — содержит, собственно, изображение. Рисунок можно разбить на несколько IDAT чанков, для потоковой передачи. В каждом файле должен быть хотя бы один IDAT чанк.
IEND — завершающий чанк, обязан быть последним в файле.

Вспомогательные чанки

bKGD — этот чанк задает основной фоновый цвет.
cHRM используется для задания CIE 1931 цветового пространства.
gAMA — определяет гамму.
hIST — в этом чанке может храниться гистограмма или общее содержание каждого цвета в изображении.
iCCP — цветовой профиль ICC
iTXt — содержит текст в UTF-8, возможно сжатый, с необязательной языковой меткой. iTXt чанк с ключевым словом 'XML:com.adobe.xmp' может содержать Extensible Metadata Platform (XMP).
pHYs — содержит предполагаемый размер пикселя и/или отношение сторон изображения.
sBIT (significant bits) — определяет «цветовую точность» (color-accuracy) изображения (черно-белое, полный цвет, черно-белое с прозрачностью и т.д.), для более простого декодирования.
sPLT — предлагает палитру для использования, если полный спектр цветов недоступен.
sRGB — свидетельствует о использовании стандартной sRGB схемы.
sTER — индикатор стереоскопических изображений.
tEXt — может содержать текст в ISO/IEC 8859-1 формате, с одной name=value парой для каждого чанка.
tIME — хранит дату последнего изменения изображения.
tRNS — содержит информацию о прозрачности.
zTXt — сжатый текст, с теми же ограничениям, что и tEXt.

Более подробную информацию можно найти в спецификации.

CRC

Контрольная сумма CRC-32. Кстати на днях был топик о ее подсчете в Windows.

Минимальный PNG

С общей структурой разобрались. Теперь разберем содержание обязательных чанков. Но какие из них обязательные (не критические, критические обязаны распознаваться декодером, а не присутствовать в каждом файле), и как выглядит минимальный PNG-файл? А вот как:

IHDR

Блок данных в IHDR содержит следующие поля:

Ширина, 4 байта
Высота, 4 байта
Битовая глубина (bit depth), определяет количество бит на каждый сэмпл(не пиксель), 1 байт
Тип цвета, состоит из 3 флагов 1 (используется палитра), 2 (используется цвет, не монохромное изображение), and 4 (присутствует альфа-канал), 1 байт
Метод сжатия. На данный момент доступно только значение 0 — сжатие по алгоритму deflate. Если значение отлично от 0, чанк считается нераспознанным, и декодер рапортует об ошибке. 1 байт
Метод фильтрации. Так же, как и в случае сжатия, на данный момент может быть только нулем. 1 байт
Interlace(переплетение) метод. Определяет порядок передачи данных. На данный момент доступно 2 значения: 0 (no interlace) и 1 (Adam7 interlace). 1 байт

Adam7 interlacing прекрасно демонстрирует картинка из википедии (да-да, GIF в статье про PNG):

IEND

Сигнализирует о конце файла, блок данных этого чанка не содержит ничего.

IDAT

Содержит данные, закодированные, в соответствии с полем метода сжатия в заголовке. Алгоритм декодирования выходит за рамки данной статьи (однако если будут желающие, может появиться в следующей), но в довольно хорошо (и по-русски) описан здесь.

Таким образом, простейший PNG-файл (на примере ) выглядит следующим образом.

Заключение

При написании данной статьи я ставил своей задачей дать читателю общие знания о строении PNG-файла, для более глубокого понимания рекомендуется читать спецификации.

Топик на хабре про строение JPEG: habrahabr.ru/blogs/algorithm/102521

Топик на хабре про строение GIF: habrahabr.ru/blogs/algorithm/127083

Спасибо за внимание, буду рад любой критике!

png
w3c
картинки
1995
мы все умрем
favicon
chunk
gif
чанки

Источник: //habr.com/post/130472/

Формат png – что это такое?

Открываем изображения формата PNG

Файл PNG — растровое изображение, сохраненное в формате Portable Network Graphic. В каждом PNG-рисунке содержится палитра — набор используемых цветов. Для уменьшения размера файла применяется сжатие без потерь качества по алгоритму Deflate. Используется преимущественно в Интернете в качестве изображений для веб-страниц.

Формат был разработан для замены GIF, который, помимо своих недостатков, до 2004 имел ограничения для использования в свободном программном обеспечении. Новый формат PNG решил эти проблемы. В частности, в нем реализована поддержка 8-битного альфа-канала и поддержка глубины цвета до 48 бит.

В то время как в GIF-формате возможна только полная прозрачность и цветовая палитра ограничена всего 256 цветами (8 бит). Однако, в отличие от предшественника, этот формат не поддерживает анимацию. С этой целью был создан другой формат MNG. В файлах PNG также невозможно использование палитры CMYK, потому как этот формат не предназначен для профессиональной работы с графикой.

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

Описание на русском

Описание на английском

РазработчикHEX:

ASCII:

Рисунок PNG

Portable Network Graphic

89 50 4E 47 0D 0A 1A 0A 00 00 00 0D 49 48 44 52

PNG…….IHDR

Расширение файла .png представляет собой рисунок PNG. Просмотр и обработка растрового изображения в формате PNG возможна с помощью следующих программ: Microsoft Windows Photos, Microsoft Windows Photo Viewer, Microsoft Paint, Adobe Photoshop CC. Также перечисленные программы могут конвертировать изображения, картинки и рисунки данного формата.

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

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

Что находится в файлах PNG

Файл с расширением файла PNG является файлом Portable Network Graphics. Формат использует сжатие без потерь и обычно рассматривается как альтернатива GIF. Но в отличие от GIF, в файлах PNG не поддерживается анимация.

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

Как открыть файл PNG

Чтобы открыть PNG файлы, можно использовать любой интернет-браузер или графический редактор. И платформа ОС Windows, и Mac OS имеют встроенные механизмы для просмотра таких изображений.

Для чего предназначен формат PNG?

Программа Png — Просмотр фотографий Windows по умолчанию часто используется для открытия файлов PNG, поскольку это системная программа Windows. Но существует много других способов их просмотра.

Все браузеры (например, Chrome, Firefox, Internet Explorer и т. д.

) будут автоматически просматривать файлы PNG, которые вы открываете в Интернете, а это означает, что не нужно загружать на компьютер каждый PNG файл, который вы хотите посмотреть.

Вы также можете использовать браузер для открытия уже имеющихся на компьютере PNG файлов при помощи комбинации клавиш Ctrl + O. Большинство таких программ также поддерживают drag-and-drop, поэтому можно просто перетащить PNG файл в браузер, чтобы открыть его.

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

Несколько популярных — XnView, IrfanView, FastStone Image Viewer, Google Drive, Eye of GNOME и gThumb.

Для редактирования PNG файлов можно использовать практически любую из перечисленных программ, приложения Paint и Paint.NET, популярную утилиту GIMP, а также всем известный Adobe Photoshop.

Конвертация PNG

Файлы изображений можно преобразовывать различными способами, например, конвертировать в png и из него с помощью различных программ и онлайн сервисов. Например, это позволяет делать редактор Png — Фотоконвертер.

Файл изображения, который хранится в формате Portable Network Graphic (PNG). Содержит битовую матрицы цветов и использует компрессию без потерь, близкую к файлу .GIF, но без ограничений в копировании. Обычно используется для хранения графики веб-изображений.

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

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

Изображения PNG нельзя анимировать как изображения GIF. Но связанный с ними формат .MNG может быть анимационным. Изображения PNG не предоставляют поддержку CMYK, поскольку не предназначены для использования в сфере профессиональной графики. Изображения PNG поддерживаются большинством веб-браузеров.

Mac OS X 10.4 и последующие версии хранят скриншоты в качестве файлов PNG. Ubuntu Linux также хранит печатные скриншоты в формате PNG.

MIME-тип: image/png

Скачать программу для формата PNG

В этой статье я хочу рассказать об одной очень неприятной особенности «Фотошопа», которая проявляется при сохранении прозрачных изображений в PNG24. Возьмем исходное изображение и скопируем какой-нибудь фрагмент в PNG24. Я это сделал так: с помощью инструмента Polygonal Lasso выделил фрагмент, скопировал и вставил в новый документ, после чего сохранил через Save for Web:
PNG24, 456 Кб

Как мы выяснили в первой части, в PNG24 изображение, по сути, состоит из двух слоев: RGB, содержащего данные о цвете каждого пикселя, и альфа-канала с информацией об их прозрачности.

Графический формат PNG: обработка и просмотр

Логично предположить, что в абсолютно прозрачных областях должен быть какой-нибудь один цвет, чтобы эффективнее упаковать изображение. Однако вот что сохранил «Фотошоп» в RGB-слое (я это увидел через редактор Seashore):

И невооруженным глазом видно, что остались большие фрагменты абсолютно ненужной информации:

Если не хочется пользоваться другими редакторами (например, в Adobe Fireworks такого недостатка я не заметил), предлагаю простой способ устранения этого дефекта в «Фотошопе». Наша задача — заменить всю информацию в абсолютно прозрачных областях каким-нибудь одним цветом (желательно черным, чтобы не сомневаться в том, что эти области будут иметь наименьший вес в байтах).

1. Откроем пример в «Фотошопе» и выделим изображение на слое: Ctrl+клик по маленькому изображению слоя в палитре Layers.

2. Перейдем в режим быстрой маски (клавиша Q).

3. С помощью Image → Adjustments → Threshold оставим только те пиксели маски, цвет которых был черным. Для этого перетащим ползунок в крайнее левое положение.

4. Выходим из режима быстрой маски (клавиша Q) и инвертируем выделение (Select → Inverse или Ctrl+Shift+I). Выделенными остались только абсолютно прозрачные пиксели.

5. Заливаем выделенную область черным цветом (способов много, например, через Edit → Fill).

6. Снова инвертируем выделение и добавляем слою маску (иконка в палитре слоев).

7. Теперь делаем Save for Web и смотрим, как изображение чудесным образом «похудело» на 122 КБ.

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

Рекомендую проделывать все описанное при сохранении любого изображения с прозрачностью в PNG24, так как подобный недостаток проявляется и в картинках, нарисованных «с чистого листа».

Продолжение будет.

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

Первые пишут о том, какой этот формат замечательный, оперируя чисто техническими данными, непонятными обычным кодерам и дизайнерам (к примеру, о превосходстве deflate-алгоритмов сжатия над LZW), другие же оставляют комментарии разной степени глупости о бесполезности PNG, не потрудившись даже вникнуть в суть вещей, описанных в спецификации.

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

Начнем с терминологии. Предполагаю, что большинство читателей пользуются фотошопом и встречали там названия PNG-8 и PNG-24. Это не два разных формата, а всего лишь вариации одного и того же PNG.

Формат позволяет хранить три типа изображений: greyscale (для описания изображения используется один канал — белый), indexed-colour (используется палитра цветов, как в GIF) и truecolor (используется три канала — RGB).

Самое главное преимущество формата PNG — это, конечно же, новые алгоритмы сжатия. Все помнят, что GIF эффективно сжимает только горизонтальные одноцветные области? Про это ограничение теперь можно забыть:

GIF, 2568 байт

PNG-24, 372 байта

Вторым важным преимуществом является фильтрация строк (scanline filtering, или delta filters), благодаря которой PNG-упаковщик может получить гораздо более удобные данные для сжатия.

Рассмотрим на примере, как они работают. Возьмем изображение 5×5 пикселей с горизонтальным градиентом и схематично отобразим, как оно может быть сохранено в файле (каждое число — уникальный цвет).

Считаю своим долгом отметить, что цвет в формате RGB хранится в виде одного числа, а не трех (на каждый канал). Например, цвет R: 253, G: 93, B: 69 хранится как число 16604485 в десятичной системе счисления или как #fd5d45 — в шестнадцатеричной.

Как видно из примера, GIF-кодировщик отдал бы на сжатие строки, которые плохо упаковываются по горизонтали (потому что одинаковые цвета распространяются по вертикали). А вот как может преобразовать эти данные PNG-кодировщик:

Перед каждой строкой появилась цифра 2. Это — фильтр, который был применен к строке.

В данном случае это фильтр Up, который говорит декодеру: «Для текущего пикселя возьми значение пикселя выше и прибавь к нему текущее значение».

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

Почему я написал может? Потому что в нашем идеализированном случае более эффективной была бы такая схема:

Тут применен фильтр 1 под названием Sub, который говорит декодеру: «Возьми значение пикселя левее текущего и прибавь ему текущее значение». В данном случае 1.

После фильтрации все строки (вместе со значениями фильтров) объединяются в одну последовательность, которая затем сжимается deflate-алгоритмами (их обсуждение выходит за рамки этой статьи).

Всего существует 5 фильтров: None (никакой фильтрации), Sub (от текущего значения отнять значение левого пикселя), Up (отнять верхний пиксель), Average (отнять среднее значение левого и верхнего пикселей) и Paeth (подставить значение верхнего, левого или верхнего левого пикселя, назван в честь Алана Паэта).

Проверим работу фильтров:

PNG-24, фильтр None56084 байта

PNG-24, фильтр Up23585 байт

Внимательный читатель может заметить, что фильтры применяются не ко всему файлу целиком, а к строкам.

Файл формата PNG — что это?

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

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

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

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

PNG-24 (фотошоп → truecolor), 8167 байт

PNG-24 (фотошоп + OptiPNG → greyscale), 6132 байта

Преимущества greyscale над truecolor очевидны: к примеру, белый цвет в первом случае записывается (в десятичной системе счисления) числом 255, а во втором — 16777215.

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

Источник: //steptosleep.ru/%D1%84%D0%BE%D1%80%D0%BC%D0%B0%D1%82-png/

Файл с расширением PNG | Как это открыть?

Открываем изображения формата PNG

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

Что такое файл .png?
Какое программное обеспечение мне нужно открыть файл .png?
Как файл .png быть открыты, отредактированы или напечатано?
Как конвертировать .png файлов в другой формат?
Где могу найти спецификации для .png?
MIME-тип связан с расширением .png?

Мы надеемся, что вы найдете на этой странице полезный и ценный ресурс!

2 расширений и 1 псевдонимы, найденных в базе данных

.png
Описание (на английском языке):
PNG file is a Portable Network Graphics Image. PNG (Portable Network Graphics) is a losslessly compressed bitmap image format. PNG was created to both improve upon and replace the GIF format with an image file format that does not require a patent license to use. Категория: Графический файлы PNG связанные расширения:
AT&T Group 4 Bitmap Image

Computer Graphics Metafile

Desktop Color Separation Image
.png
Описание (на английском языке):
PNG file is a Paint Shop Pro Browser Catalogue file. Категория: Документ файлы Применение: Paint Shop Pro MIME-тип: application/octet-stream PNG связанные расширения: Corel Paint Shop Pro Brush
.apng
Описание (на английском языке):
APNG file is an Animated PNG. The Animated Portable Network Graphics (APNG) file format is an unofficial extension to the Portable Network Graphics (PNG) specification. Категория: Графический файлы APNG связанные расширения:
Portable Network Graphics Image

Другие типы файлов могут также использовать расширение файла .png.

.png преобразователи

Следующие программные способны преобразования .png файлов в другие форматы:

XnView,Gimp,IrfanView,OpenOffice.org

Например с помощью программного обеспечения выше, файл .png может быть преобразован в один из следующих форматов:

bmp, gif, jpg, pcx, pgm, ppm, tga, tif, emf, eps, ico, pbm, psd, ras, svg

Расширение файла .png часто дается неправильно!

По данным Поиск на нашем сайте эти опечатки были наиболее распространенными в прошлом году:

pg, pnb, lng, pnv, pnr, pnf, pn, pjg, pgn, pbg, ng, pny, pnt, pnh, pmg

Мы нашли следующие аналогичные расширений файлов в нашей базе данных:

C64 Printfox/Pagefox Document STK Great Arc Propagator File Adobe RoboHelp Language Data Portable Game Notation Data Pegasus Mail Stored Searches Data

Не удается открыть файл .png?

Если дважды щелкнуть файл, чтобы открыть его, Windows проверяет расширение имени файла. Если Windows распознает расширение имени файла, файл открывается в программе, которая связана с этим расширением имени файла. Когда Windows не распознает расширение имени файла, появляется следующее сообщение:

Windows не удается открыть этот файл:пример.png

Чтобы открыть этот файл, Windows необходимо знать, какую программу вы хотите использовать для его открытия…

Если вы не знаете как настроить сопоставления файлов .png, проверьте FAQ.

Можно ли изменить расширение файлов?

Изменение имени файла расширение файла не является хорошей идеей. Когда вы меняете расширение файла, вы изменить способ программы на вашем компьютере чтения файла. Проблема заключается в том, что изменение расширения файла не изменяет формат файла.

Если у вас есть полезная информация о расширение файла .png, напишите нам!

Оцените нашу страницу PNG

Пожалуйста, помогите нам, оценив нашу страницу PNG в 5-звездочной рейтинговой системе ниже. (1 звезда плохая, 5 звезд отличная)

★★★★★ 4 из 5 звезд (1 голоса)

Расширение файла .pngw >>

pdom	2019.04.17
Eclipse IDE PDOM Index
shai	2018.06.03
chemSHERPA-AI Data
caldb	2019.04.18
HEASARC Calibration Database
string	2019.04.18
UltraEdit String Data
pqe	2019.04.17
Ontrack EasyRecovery Recovered Data
appxbundle	2018.11.19
Microsoft Windows 8.1 App Bundle Package

rpack	2019.04.19
Call of Juarez Game Data
sldwldtbt	2019.04.19
SolidWorks Weldment Cutlist Template
rrd4j	2019.04.18
RRD4J Graph Data
qs8	2019.04.18
Sinclair QL 8 Colors Screen
poly	2019.04.18
RMCProfile Polyhedral Restraints Data
caldb	2019.04.18
HEASARC Calibration Database