Формат png файла: Формат файла PNG — описание, чем открыть .png

Содержание

Растровый формат PNG | SEO-портал

PNG (Portable Network Graphics — портативная сетевая графика) — популярный в интернете растровый графический формат файлов, применяющий технологию сжатия без потерь и поддерживающий полупрозрачность (альфа-канал).

Формат PNG

Создание изображений в формате PNG

Сделать картинку в формате PNG можно с помощью любого графического редактора (в том числе Paint и Photoshop).

Как сохранить картинку в формате PNG в Paint?

Процесс сохранения в формат PNG с помощью редактора Paint в Windows 10:

  1. Откройте файл изображения в Paint.

    Программа поддерживает изображения в форматах BMP, TIFF, PNG, GIF, JPEG.

  2. Кликните по вкладке Файл.

    Откроется контекстное меню.

  3. Выберите Сохранить как → Изображение в формате PNG.

    Откроется модальное окно выбора папки и названия для файла.

  4. Определите папку, введите название файла и нажмите Сохранить.

Как сохранить PNG-файл в Photoshop?

Процесс сохранения изображений в формате PNG с помощью редактора Adobe Photoshop CC 2015:

  1. Откройте файл изображения в Photoshop.

    Программа поддерживает изображения в самых разных графических форматах.

  2. Кликните по вкладке Файл.

    Откроется контекстное меню.

  3. Выберите Сохранить для Web (по умолчанию клавиши Alt + Ctrl + Shift + S).

    Откроется модальное окно сохранения.

  4. В правом верхнем углу диалогового окна из выпадающего списка выберите PNG-8 (палитра до 256 цветов) или PNG-24 (максимальная палитра цветов).

    Откроются дополнительные настройки формата PNG. Для PNG-24:

    Дополнительные настройки для PNG-8:

    • модель редукции цвета (способ определения цветов в палитру),
    • количество цветов в палитре,
    • определение модели дизеринга (способа сглаживания цветовых переходов),
    • степень дизеринга (0-100%),
    • цвет фона (при наличии прозрачности),
    • модель дизеринга прозрачности,
    • web-цвета (не актуально).
  5. Произведите необходимые настройки.

    Изменение изображения в зависимости от выставленных настроек можно контролировать в левой части окна.

  6. Кликните Сохранить....

    Откроется модальное окно выбора папки и названия для файла.

  7. Определите папку, введите название файла и нажмите Сохранить.

Как сохранить PNG-файл в Illustrator?

Программа Illustrator является графическим редактором компании Adobe, предназначенным для работы с векторной графикой. Функционал программы схож с функционалом Photoshop — для сохранения изображений в PNG-формате в «иллюстраторе» используйте аналогичную функцию «Сохранить для Web»:

  1. Откройте или создайте изображение в Adobe Illustrator.

    Программа поддерживает изображения в самых разных графических форматах.

  2. Кликните по вкладке Файл.

    Откроется контекстное меню.

  3. Выберите Сохранить для Web (по умолчанию Alt + Ctrl + Shift + S).

    Откроется модальное окно сохранения.

  4. В правом верхнем углу диалогового окна из выпадающего списка выберите PNG-8 (палитра до 256 цветов) или PNG-24 (максимальная палитра цветов)
    .

    Откроются дополнительные настройки формата PNG (описаны выше в процессе сохранения PNG через «фотошоп»).

  5. Произведите необходимые настройки.

    Изменение изображения в зависимости от выставленных настроек можно контролировать в левой части окна.

  6. Кликните Сохранить....

    Откроется модальное окно выбора папки и названия для файла.

  7. Определите папку, введите название файла и нажмите Сохранить.

Алгоритм сжатия PNG

Главной отличительной особенностью формата PNG является сжатие без потерь данных: в зависимости от компрессора (сжимающей программы) можно уменьшить «вес» изображения в определённой степени.

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

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

Уменьшить размер файла

PNG можно с помощью ограничения цветовой палитры.

В зависимости от глубины цвета изображения в формате PNG, применяемые на веб-ресурсах, делят на 2 вида:

  1. PNG-8

    Использует 8-битную глубину цвета (не более 256 индексированных цветов) и возможность использования прозрачных пикселей.

  2. PNG-24

    Использует 24-битную глубину цвета и 8-битный альфа-канал (1 677 7216 цветов + канал прозрачности).

Экспортируя изображение из полноцветного PNG-24 в индексированный PNG-8 можно добиться значительного уменьшения размера файла («веса» изображения):

В приведённых выше примерах можно заметить значительную разницу в размере файлов в зависимости от глубины цвета. Также очевидна нехватка цветов: на 256-цветном варианте можно рассмотреть «гранулы», которые становятся значительно более заметны в 128-цветном варианте из-за явного недостатка цветов в палитре.

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

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

Применяйте PNG-8 только если максимума в 256 цветов будет достаточно для изображения.

В случаях, когда картинка использует до 256 цветов, ограничение палитры может существенно уменьшить «вес» изображения, ни как не отражаясь на качестве его детализации:

Зависимость «веса» от глубины цвета для PNGЗависимость «веса» от глубины цвета для PNG

Преимущества формата PNG

  • Cжатие без потерь в качестве детализации.
  • Нет ограничений в глубине цвета.
  • Применение индексированной палитры (8 бит).
  • Регулировка размера файла в зависимости от палитры.
  • Применение канала прозрачности (альфа-канала).

Недостатки формата PNG

Рекомендации по применению формата

При использовании и оптимизации изображений в формате

PNG для вашего сайта руководствуйтесь следующими рекомендациями:

  • используйте формат PNG для картинок с прозрачным фоном и небольших иконок,
  • используйте формат PNG, если потери при сжатии недопустимы,
  • используйте формат PNG-8 для картинок с небольшим количеством цветов (не более или около 256),
  • используйте формат PNG-24 для картинок с большим количеством цветов (более 256),
  • выбирая между PNG-8 и PNG-24, контролируйте размер файла и качество детализации изображения на выходе перед сохранением,
  • помните, что при сохранении изображения в формате PNG-8 в его палитре останется не более 256 цветов, а данные о других цветах будут удалены и восстановить их будет невозможно.

Часто задаваемые вопросы

Чем открыть файл в формате PNG на компьютере?

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

Какой программой можно открыть файл PNG?

Список наиболее популярных программ для открытия и редактировать картинок в формате PNG (и во многих других графических форматах):

  • Microsoft Paint,
  • GIMP,
  • Adobe Photoshop,
  • Adobe Illustrator,
  • CorelDRAW,
  • Corel Photo Paint,
  • и др.
Как открыть файл PNG в «фотошопе»?

Чтобы открыть любое изображение в формате PNG (а также в любом другом графическом формате) в Photoshop откройте программу и воспользуйтесь функцией Файл → Открыть... (клавиши Ctrl + O). Таким же способом это можно сделать в любом другом графическом редакторе.

Как сохранить (создать) PNG-файл?

Ответ здесь.

Как изменить формат изображения на PNG?

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

Например, программа Microsoft Paint позволяет перевести картинку в формат PNG с помощью функции «Сохранить как» следующие графические форматы: BMP, TIFF, PNG, GIF.

Как сжать изображение в формате PNG?

Сжатие PNG происходит при сохранении картинки в данном формате, размер файла на выходе зависит от алгоритма сжатия программы, в которой он сохраняется. Если файл PNG необходимо сжать в большей степени, можно изменить глубину цвета (экспорт из PNG-24 в PNG-8) или воспользоваться онлайн-компрессором tinypng.com.

Как уменьшить (изменить) размер файла в формате PNG?

Уменьшить размер PNG-файла можно следующими способами:

  1. изменив глубину цвета с 24-х до 8-бит,
  2. уменьшив количество индексированных цветов при 8-битной глубине цвета,
  3. отключив альфа-канал прозрачности,
  4. удалив мета-данные.

Все эти действия разом можно совершить при помощи онлайн-компрессора tinypng.com или частично с помощью функции «Сохранить для Web» в графических редакторах от компании

Adobe (Photoshop и Illustrator).

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

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

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

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

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

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

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

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

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

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

сфера применения формата PNG

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

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

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

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

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

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

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

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

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

преимущества png перед jpeg

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

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

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

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

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

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

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

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

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

Общаясь со своими коллегами на различных семинарах и в студии, я пришел к выводу, что для многих единственным преимуществом формата 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, фильтр None
56084 байта

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

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

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

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

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

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

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

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

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

PNG — not GIF! / Хабр

Доброго времени суток!
Вам когда-нибудь хотелось узнать как устроены файлы 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

Ошибка: количество входящих данных превысило лимит в 3.

Чтобы продолжить, вам необходимо обновить свою учетную запись:

Ошибка: общий размер файла превысил лимит в 100 MB.

Чтобы продолжить, вам необходимо обновить свою учетную запись:

Ошибка: общий размер файла превысил абсолютный лимит в 8GB.

Для платных аккаунтов мы предлагаем:

Премиум-пользователь

  • Вплоть до 8GB общего размера файла за один сеанс конвертирования
  • 200 файлов на одно конвертирование
  • Высокий приоритет и скорость конвертирования
  • Полное отсутствие рекламы на странице
  • Гарантированный возврат денег

Купить сейчас

Бесплатный пользователь

  • До 100 Мб общего размера файла за один сеанс конвертирования
  • 5 файлов на одно конвертирование
  • Обычный приоритет и скорость конвертирования
  • Наличие объявлений

Мы не может загружать видео с Youtube.

О формате PNG. Краткий тест-драйв / Хабр

  1. Что такое PNG?
  2. PNG vs GIF.
  3. PNG vs JPEG.
  4. Жизнь после Photoshop'а или сжимаем дальше.
  5. Adobe Fireworks или PNG-8 с альфа-каналом.
  6. Вердикт.
Осторожно, много картинок! Все кликабельны.
PNG

Растровый графический формат PNG, набирающий всё большую популярность в эпоху веб 2.0, появился в далеком 1995 году как замена старому доброму GIF (и, частично, TIFF). К тому времени хозяева запатентованного GIF'а решили сбивать четырёхзначные суммы со всех разработчиков, использующих формат, и свободному сообществу ничего не осталось кроме как предложить бесплатную альтернативу.

Так в чем же преимущества формата?

  • Полноценная поддержка alpha-transparency – прозрачности. Позволяет сделать участки изображения прозрачными и полупрозрачными.
  • Качественный алгоритм сжатия без потери качества. Похожий на LZW, но немного эффективнее.
  • Возможность черезстрочной развёртки, причем (в отличии от GIF) как по вертикали, так и по горизонтали одновременно.
  • Встроенная гамма-коррекция. Позволяет прикрепить к изображению настройки его отображения, для того чтобы на разных мониторах изображение отображалось точно так же, как и у автора.
Существуют 2 версии формата: PNG-8 (похож на GIF – использует индексные цвета) и PNG-24 (ближе к JPEG – полноцветная палитра).
PNG vs GIF

Так как PNG-24 использует полную палитру цветов, сравнивать его с GIF довольно сложно. PNG-8 с его индексной палитрой здесь более схож. Приведу скриншоты для сравнения:

Практика (как и мнение коллег) показывает, что простые небольшие изображения GIF сжимает лучше. Но, когда речь заходит о больших изображениях, GIF всё же остаётся позади.

Кроме того, ещё одно немаленькое преимущество: на самом деле, вопреки распространённому мнению, PNG-8 тоже может использовать полноценный альфа-канал, как и PNG-24. Просто Photoshop его не поддерживает, поэтому Сергей Чикуенок из студии Лебедева рекомендует использовать Adobe Fireworks, чем я и решил заняться (Об этом немного позже).

PNG vs JPEG

А в этой битве, если прозрачность нам не нужна, PNG проигрывает, так сказать, на «среднем сегменте рынка». Хотя, если прилинковать к JPEG'у ICC-профайл, разница в объёме становится незаметной. Мои замеры приводились на – JPEG 100%. А при меньшем качестве (с не особо заметной для глаза разницей) сравнение, к сожалению, становится ещё более печальным.

В общем, смотрите сами:

UPD А вообще, результаты значительно зависят от самого изображения: PNG лучше сжимает градиенты и однотонные участки, но для фотографий лучшее сжатие даёт JPEG. Хотя, говорят (самому с трудом верится), на больших фотографиях PNG и тут лидирует – проверено только что в процессе конвертирования скриншотов к статье (PNG против JPEG-70% – выигрыш раза в полтора).

Жизнь после Photoshop'а или сжимаем дальше

Во многих ситуациях PNG остаётся вообще незаменимым, так как прозрачность нормально не поддерживается ни одним из альтернативных веб-форматов, а какой простор он открывает дизайнерам и верстальщикам… UPD Кроме того, с учётом специфики формата, для элементов дизайна в вебе – это, наверное, лучшее решение.

Гуглим и качаем – PNGOut. Программка около 1.5 Мб с минимальным количеством настроек позволяет прогонять (в том числе пакетно) PNG-файлы со сжатием.

На пакете иконок (90 файлов с прозрачным фоном без особых наворотов) выигрыш в объёме составил в среднем около 10-15%. Не особо, конечно, впечатляет. Но для рассмотренных выше файлов-примеров процент сжатия колебался от 10% (большой постер без прозрачности) до 72% (полупрозрачные прямоугольники). Так что, попробовать стоит, тем более работа с утилитой много времени не занимает.

Кроме PNGOut, существует ещё много программ, детальным обзором которых сейчас заниматься не хочется:

  • OptiPNG – не имеет графической оболочки и работает из командной строки. По непроверенным данным процент сжатия меньше. UPD но её пользователи утверждают обратное.
  • Pngcrush – сам не пробовал, говорят «пытается оптимизировать файл всеми доступными способами», но главное ведь не «как пытается», а «как оптимизирует».
  • и ещё ряд утилиток просто вычищающих служебный мусор из файлов.
Adobe Fireworks

Честно говоря, Adobe Fireworks стал для меня настоящим открытием: PNG-8, PNG-24 и PNG-32 + куча настроек!

3 версии формата в AF:

PNG-24 и PNG-32 я подробно не рассматривал. Насколько я понял, в их терминологии 32 – с альфа-каналом, а 24 – без. По предварительным прикидкам Photoshop справляется с этй задачей лучше.

А вот PNG-8 разбил все мои (и большинства коллег) стереотипы. Итоговый файл гораздо меньше GIF'а и существует полноценная поддержка прозрачности двумя способами: alpha и index transparency. Единственным минусом по сравнению с PNG-24 остаётся индексная палитра, хотя всё зависит от потребностей. Моё личное мнение – PNG-8 в большинстве случаев уделывает и GIF, и PNG-24.

PNG против GIF в AF, хотя как раз с привычными GIF-JPEG Fireworks работает по умолчанию не очень (с настройками я не игрался). Но даже в сравнении с Photoshop'овским результатом разница в пользу PNG:

И вот всё разнообразие PNG-8 — ради этого стоит устанавливать Adobe Fireworks:

Для сравнения: тот же файл стараниями Photoshop весил 3 188 байт против полученных теперь 450, то есть раз в 6 больше.

Вердикт

По-моему, GIF своё уже отжил. Теперь его существование – в первую очередь вопрос инертности общества. UPD Впрочем, сегмент разных анимационных приятностей Всё рано пока остаётся за GIF :).

Для прозрачных элементов дизайна стоит использовать PNG-8 (реже PNG-24, когда палитры PNG-8 недостаточно для сохранения изображения без потерь).

Для фотографий и сложных графических элементов лидером по-прежнему остаётся JPEG из-за мощных возможностей оптимизации изображения. Хотя в некоторых случаях может оказаться достаточно и PNG-8 – как и раньше, с GIF'ом, смелые эксперименты – залог успеха. UPD Но для действительно больших изображений всё же JPEG проигрывает.

Всем веб-дизайнерам и верстальщикам рекомендую устанавливать Adobe Fireworks и взглянуть на PNG в новом ракурсе.

UPD Я действительно не специалист и обзор писался на коленке, о чём говорит эпитет «краткий»; возможно, не на лучших примерах. Поэтому спасибо всем, кто принял активное участие в обсуждении, особенно kmike и @merlin_rterm. В процессе узнал для себя много нового, в частности, специфику сжатия PNG и что JPEG-100 все равно с потерей качества. Большая часть этих интересностей добавлены прямо в тексте статьи, для того, чтобы не отрывать их от контента.

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

Источник – Just Kitich блог.

Конвертер PNG файлов онлайн, бесплатное преобразование изображений в PNG

Расширение файла.png
Категория файла images
ОписаниеPNG – растровый графический формат, разработанный в качестве альтернативы GIF, который обладал коммерческой лицензией. В его основе находятся лучшие возможности предшественника, в том числе сжатие без потерь и поддержка прозрачного фона. Технология PNG обеспечивает сохранение всех этапов редактирования и восстановление шага с сохранением качества. Однако она не позволяет сохранять в одном файле сразу несколько картинок, что ограничивает ее использование при разработке анимированных изображений.
Технические деталиРасширение PNG было предложено как инструмент, помогающий передавать и хранить изображения во Всемирной сети. Технология ограничивается 8-битным каналом прозрачности, благодаря чему можно корректировать цвета от непрозрачных до прозрачных. Она поддерживает 24-битовые цвета RGB, соответствующие картинки и оттенки серого. Правда, в качестве непрофессионального формата PNG не может отображать другие цветовые пространства. Открыть такие файлы позволяют большинство программ, также они запускаются в любых браузерах. Изображения отличаются небольшим весом при хорошем качестве.
Программы

Apple Preview

Microsoft Windows Photos

Adobe Photoshop CC

Corel Paint Shop Pro

Microsoft Windows Photo Gallery Viewer

Основная программаMicrosoft Paint
РазработчикPNG Development Group (donated to W3C)
MIME type

image/png

Сводка из Энциклопедии форматов графических файлов

Также известен как: Portable Network Graphic Format


Тип Растровое изображение
Цвета от 1 бит до 48 бит
Сжатие LZ77 вариант
Максимальный размер изображения пикселей 2Gx2G
Несколько изображений в файле
Числовой формат С прямым порядком байтов
Отправитель Томас Бутелл, Том Лейн и многие другие
Платформа Любая
Вспомогательные приложения Многие условно-бесплатные и коммерческие пакеты
См. Также GIF

Использование
PNG может без потерь сохранять двухуровневую 48-битные данные изображения truecolor.Он разработан специально для передача и хранение данных сетевого изображения.

Комментарии
PNG - это хорошо продуманный и проработанный файл формат, предназначенный для замены файла GIF CompuServe формат.

Характеристики поставщика доступны для этого формата.

Образцы изображений доступны для этого формата.

Фрагменты кода доступны для этого формата.


PNG (произносится как «пинг») - это формат файла растрового изображения, используемый для передачи и хранить растровые изображения. PNG поддерживает возможность хранения до 16 бит (шкала серого) или 48 бит (истинный цвет) на пиксель, и до 16 бит альфа-данных. Он обрабатывает прогрессивный дисплей данных изображения и хранение гаммы, прозрачность и текстовая информация, и он использует эффективные и форма сжатия данных без потерь.

В комплекте:
Файловая организация
Подробности файла
Для получения дополнительной информации

PNG - это совершенно новый формат, созданный с намерением предложить сообществам разработчиков графики и изображений альтернативу Формат обмена графикой CompuServe (GIF) и юридические аспекты, связанные с аспектами "оплаты до реализации" формат.(См. Раздел «Правовые вопросы LZW» в главе 9, Сжатие данных .) неофициальное рекурсивное происхождение имени "PNG" не является "PNG". GIF ".

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

PNG и GIF89a имеют следующие общие особенности:

  • Формат, организованный как поток данных
  • Сжатие данных изображения без потерь
  • Хранение изображений с индексным отображением, содержащих до 256 цвета
  • Прогрессивное отображение чересстрочного изображения данные
  • Поддерживается прозрачный ключевой цвет
  • Возможность хранения общедоступных и частных, определяемых пользователем данные
  • Независимо от оборудования и эксплуатации система

В PNG были улучшены следующие функции GIF:

  • Юридически необремененный метод данных сжатие
  • Более быстрое чередование экранов с прогрессивной разверткой схема
  • Большая расширяемость для хранения определяемых пользователем данные

Следующие функции PNG отсутствуют в GIF:

  • Хранение полноцветных изображений до 48 бит на пиксель
  • Хранение полутоновых изображений до 16 бит на пиксель
  • Полный альфа-канал
  • Гамма-индикатор
  • CRC метод повреждения потока данных обнаружение
  • Стандартный набор инструментов для реализации программ чтения PNG и писатели
  • Стандартный набор эталонных изображений для тестирования PNG читатели

Следующие функции GIF отсутствуют в PNG v1.0:

  • Возможность хранения нескольких изображений
  • Поддержка хранения анимационных последовательностей
  • Оплата лицензионного сбора, необходимого для продажи программного обеспечения, которое читает или записывает формат файла GIF

В отличие от большинства форматов файлов, которые создаются одним или двумя программистами без особых размышлений о будущем расширении формата PNG был Создан комитетом заинтересованных разработчиков и недоброжелателей GIF (редакция 1.0 спецификации PNG перечисляет 23 автора) во главе с Томас Бутелл.

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

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

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

В нескольких других форматах файлов также используется концепция блоков или чанков. данных.Наиболее заметными среди этих форматов являются GIF, IFF и RIFF. Данные в этих форматах читаются последовательно от начала до конца. файла. Такая конструкция избавляет от необходимости искать разные детали. файла с использованием значений смещения; он также делает эти типы форматы, идеально подходящие для использования в сети и передачи данных протоколы. Хотя каждый из этих форматов обычно рассматривается как формат файла, правильнее думать о них как о потоке данных который фиксируется и сохраняется в файл.

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

Блок заголовка (IHDR)

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

Чанк палитры (PLTE)

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

Блок данных изображения (IDAT)

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

Фрагмент трейлера изображения (IEND)

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

Из этих фрагментов IHDR, IDAT и IEND должны присутствовать в каждом PNG. поток данных.

Рассмотрим следующие два основных типа файлов PNG: один с палитрой цветов и без:

Подпись

Часть IHDR

IDAT Chunk

IEND Chunk

Подпись

Часть IHDR

PLTE Chunk

IDAT Chunk

IEND Chunk

Как видите, разница только в этих двух основных Форматы PNG - это наличие чанка палитры.

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

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

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

Таблица PNG-1: фрагменты PNG

Тип блока

Множественный

Дополнительно

Позиция

IHDR

Первый кусок

кмир

Да

До PLTE и IDAT

gAMA

Да

До PLTE и IDAT

сбИТ

Да

До PLTE и IDAT

PLTE

Да

До IDAT

бКГД

Да

После PLTE и до IDAT

hIST

Да

После PLTE и до IDAT

тРНС

Да

После PLTE и до IDAT

ОФФ

Да

До IDAT

pHYs

Да

До IDAT

sCAL

Да

До IDAT

IDAT

Да

Смежно с другими IDAT

ВРЕМЯ

Да

Любая

ТЕКСТ

Да

Да

Любая

zTXt

Да

Да

Любая

fRAc

Да

Да

Любая

gIFg

Да

Да

Любая

ПОДАРОК ​​

Да

Да

Любая

gIFx

Да

Да

Любая

IEND

Последний кусок

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

 typedef struct _PngSignature
{
    БАЙТОВАЯ ПОДПИСЬ [8]; / * Идентификатор (всегда 89504E470D0A1A0Ah) * /
} PNGSIGNATURE;
 

Подпись имеет длину восемь байтов и содержит значения 89h 50h 4Eh 47h 0Dh 0Ah 1Ah 0Ah ("\ x89PNG \ r \ n \ x1A \ n"). Это, казалось бы, случайное последовательность значений имеет несколько практических применений. Первый байт значение 89h - это 8-битное значение, используемое для идентификации файла как содержащего двоичные данные. Если бы 8-й бит был удален из файла (любезно предоставлено 7-битный канал данных), тогда это значение будет изменено на 09h и будет указывать на то, как файл стал поврежденным.

Следующие байты делают следующее:

  • Позволяет визуально идентифицировать поток данных ("PNG")
  • Обеспечивает обнаружение передачи файла, изменяющего последовательности новой строки ("\ r \ n" станет "\ r", "\ n" или "\ n \ r")
  • Останавливает листинг потока данных PNG в MS-DOS операционная система (Control-Z [""])
  • Обнаруживает проблемы перевода CR / LF при передаче файлов (последний перевод строки)

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

 typedef struct _PngChunk
{
    DWORD DataLength; / * Размер поля данных в байтах * /
    Тип DWORD; / * Код, определяющий тип чанка * /
    BYTE Data []; / * Фактические данные, хранящиеся в чанке * /
    DWORD Crc; / * Значение CRC-32 полей Тип и Данные * /
} PNGCHUNK;
 

DataLength - это количество байтов, хранящихся в поле данных.31) -1.

Тип - это 4-байтовый код, определяющий тип данных, хранящихся в кусок. Каждый байт этого поля может содержать прописные или строчные буквы. Буквенное значение ASCII (A-Z, a-z). Для Например, тип блока IHDR будет идентифицирован по значению 69484452h в поле Тип. Читатели PNG должны рассматривать коды типов как 32-битные буквальные значения, а не как символы струны. Тот факт, что коды типов читаемы ASCII - это прежде всего удобство для людей.31) -1) +12 байт. Чанки всегда выравниваются по границам байтов и поэтому никогда не требуются любые выравнивающие отступы.

Критические блоки

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

Заголовок

Блок заголовка содержит информацию о данных изображения, хранящихся в t

.

Формат файла изображения PNG


Исходная документация

 "выдержка из спецификации PNG (Portable Network Graphics), десятый проект".

Формат PNG (произносится как PiNG) был заменой, которую Интернет нашел после
формат GIF / CompuServe / LZW сжатие - патент. PNG - изображение без потерь
формат сжатия, который позволяет использовать широкий спектр приложений. Формат PNG
находится в открытом доступе, последние версии стандарта и связанные с ним
информацию всегда можно найти на сайте FTP-архива PNG,
ftp.uu.net:/graphics/png/. Сопровождение спецификации PNG может быть
с нами связались по электронной почте [адрес электронной почты защищен]

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

В начало каждой строки сканирования добавляется дополнительный байт «фильтра»,
как подробно описано ниже.Байт фильтра не считается частью
данные изображения, но они включены в поток данных, отправленных на сжатие
шаг.

PNG позволяет фильтровать данные изображения перед сжатием. В
цель фильтрации - улучшить сжимаемость данных. В
Шаг фильтрации сам по себе не уменьшает размер данных. Все фильтры PNG
строго без потерь.

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

Изображение PNG может храниться в чересстрочном порядке, что позволяет использовать прогрессивную развертку.
дисплей. Цель этой функции - позволить изображениям «исчезать», когда
они отображаются на лету. Чередование слегка расширяет файл
размер в среднем, но он дает пользователю гораздо больше значимого отображения
быстро. Обратите внимание, что декодеры должны иметь возможность читать чересстрочный
изображения, независимо от того, выполняют ли они фактически прогрессивное отображение.При типе чересстрочной развертки 0 пиксели сохраняются последовательно слева направо,
и строки развертки последовательно сверху вниз (без чередования).

Тип чередования 1, известный как Adam7 в честь его автора, Адама М. Костелло,
состоит из семи отдельных проходов по изображению. Каждый проход передает
подмножество пикселей в изображении. Проход, в котором каждый пиксель
передается определяется путем копирования следующего шаблона 8 на 8 через
все изображение, начиная с левого верхнего угла:

1 6 4 6 2 6 4 6
7 7 7 7 7 7 7 7
5 6 5 6 5 6 5 6
7 7 7 7 7 7 7 7
3 6 4 6 3 6 4 6
7 7 7 7 7 7 7 7
5 6 5 6 5 6 5 6
7 7 7 7 7 7 7 7

В течение каждого прохода выбранные пиксели передаются слева направо в пределах
строка развертки и выбранные строки развертки последовательно сверху вниз.Для
Например, проход 2 содержит пиксели 4, 12, 20 и т. д. строк развертки 0, 8, 16 и т. д.
(нумерация от 0,0 в левом верхнем углу). Последний проход содержит
полнота строк развертки 1, 3, 5 и т. д.

Данные в каждом проходе выложены так, как если бы это был полный
изображение соответствующих размеров. Например, если полный
изображение размером 8x8 пикселей, тогда на третьем этапе будет одна строка развертки, содержащая
два пикселя. Когда пиксели имеют глубину менее 8 бит, каждая такая строка сканирования
заполнено целым числом байтов (см. Макет изображения).Фильтрация
выполняется на этом уменьшенном изображении обычным способом, а байт типа фильтра
передается перед каждой из его строк развертки (см. Алгоритмы фильтрации). Уведомление
что порядок передачи определен так, что все строки развертки
передаваемые в проходе будут иметь такое же количество пикселей; это
необходимо для правильного применения некоторых фильтров.

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

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


Заголовок PNG
OFFSET Count ТИП Описание
0000h 8 символов ID = 89h, 'PNG', 13,10,26,10

Макет чанка
OFFSET Count ТИП Описание
0000h 1 dword Количество байтов данных после этого заголовка.0004h 4 символа Тип блока.
4-байтовый код типа блока. Для удобства в
описание и при просмотре файлов PNG введите
коды могут состоять только из прописных букв
и строчные буквы ASCII (A-Z, a-z).
Однако кодировщики и декодеры должны относиться к
коды как фиксированные двоичные значения, а не символ
струны. Например, было бы неправильно
для представления кода типа IDAT посредством EBCDIC
эквиваленты этих букв.???? ч? байтовые данные
???? h 1 двойное слово CRC, вычисленное на предыдущих байтах в этом
чанк, включая код типа чанка и чанк
поля данных, но не включая длину
поле. CRC присутствует всегда, даже для
пустые блоки, такие как IEND. Алгоритм CRC
указано ниже.

Соглашения об именах чанков
========================

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

Используются четыре бита кода типа, а именно бит 5 (значение 32) каждого байта.
для передачи свойств чанка. Этот выбор означает, что человек может читать
от назначенных свойств в зависимости от того, каждая ли буква типа
код в верхнем регистре (бит 5 равен 0) или нижнем регистре (бит 5 равен 1).Однако декодеры
должен проверить свойства неизвестного фрагмента путем численного тестирования
указанные биты; проверка того, является ли символ прописным или строчным
неэффективно и даже неверно, если определение случая для конкретной локали
используемый.

Также стоит отметить, что биты свойств являются неотъемлемой частью
имя блока и, следовательно, фиксированы для любого типа блока. Таким образом, ТЕКСТ и
Текст - это совершенно не связанные коды типов блоков. Декодеры должны
распознавать коды простым четырехбайтовым буквальным сравнением; это неправильно
выполнить преобразование регистра для кодов типов.Семантика битов свойств:

Первый байт: 0 (верхний регистр) = критический, 1 (нижний регистр) = вспомогательный
   Куски, которые не являются строго необходимыми для значимого
   отображение содержимого файла называется «вспомогательными» фрагментами.
   Декодеры обнаруживают неизвестный фрагмент, в котором
   вспомогательный бит равен 1, можно безопасно игнорировать фрагмент и перейти к
   отобразить изображение. Временной отрезок (tIME) является примером
   вспомогательный кусок.

   Чанки, которые имеют решающее значение для успешного отображения файла
   содержимое называется «критическими» блоками.Декодеры сталкиваются с
   неизвестный фрагмент, в котором вспомогательный бит равен 0, должен указывать на
   пользователю, что изображение содержит информацию, которую он не может безопасно
   интерпретировать. Фрагмент заголовка изображения (IHDR) является примером
   критический кусок.

Второй байт: 0 (верхний регистр) = общедоступный, 1 (нижний регистр) = частный
   Если чанк является общедоступным (часть этой спецификации или более поздняя редакция
   данной спецификации), вторая буква - заглавная. Если ваш
   приложение требует проприетарных фрагментов, и вас это не интересует
   чтобы увидеть, как программное обеспечение других производителей распознает их, используйте
   вторая строчная буква в имени блока.Такие имена будут
   никогда не назначается в официальной спецификации. Обратите внимание, что есть
   нет необходимости в программном обеспечении для проверки этого бита свойства; это просто гарантирует
   эти частные и общедоступные имена блоков не будут конфликтовать.

Третий байт: зарезервирован, всегда должен быть 0 (верхний регистр)
   Значение регистра третьей буквы имени чанка
   зарезервировано для возможного расширения в будущем. В настоящее время все
   Имена блоков должны содержать третьи буквы в верхнем регистре.

Четвертый байт: 0 (верхний регистр) = копировать небезопасно, 1 (нижний регистр) = безопасно копировать
   Этот бит свойства не представляет интереса для чистых декодеров, но он
   необходимы редакторам PNG (программам, которые изменяют файл PNG).Если бит безопасной копии фрагмента равен 1, фрагмент может быть скопирован в
   измененный файл PNG независимо от того, распознает ли программа
   тип чанка, и независимо от степени модификации файла.

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

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

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

Например, гипотетическое имя типа блока "bLOb" имеет
биты собственности:

bLOb <- 32-битное имя блока, представленное в форме ASCII
||||
||| '- Бит безопасного копирования равен 1 (строчная буква; бит 5 байта равен 1)
|| '- Зарезервированный бит равен 0 (буква верхнего регистра; бит 5 байта равен 0)
| '--- Частный бит равен 0 (буква верхнего регистра; бит 5 байта равен 0)
'---- Вспомогательный бит равен 1 (строчная буква; бит 5 байта равен 1)

Следовательно, это имя представляет собой вспомогательный, общедоступный, безопасный для копирования
кусок.31 семестр.

Для практического расчета CRC всегда используется предварительно рассчитанная таблица.
чтобы значительно ускорить вычисления. См. Приложение: Образец CRC
Код.

4. Технические характеристики чанков
=======================

В этой главе определяются стандартные типы фрагментов PNG.

Критические блоки
===============

Все реализации должны понимать и успешно отображать
стандартные критические блоки. Допустимое изображение PNG должно содержать IHDR.
блок, один или несколько блоков IDAT и блок IEND.

Заголовок изображения IHDR
   Этот кусок должен появиться ПЕРВЫМ.31) -1, чтобы приспособить языки, в которых
   трудности с беззнаковыми 4-байтовыми значениями.

   Битовая глубина - это однобайтовое целое число, дающее количество битов на
   пиксель (для изображений палитры) или за образец (для оттенков серого и
   изображения истинного цвета). Допустимые значения: 1, 2, 4, 8 и 16, хотя
   не все значения допустимы для всех типов цвета.

   Тип цвета - однобайтовое целое число, описывающее
   интерпретация данных изображения. Значения типа цвета представляют
   суммы следующих значений: 1 (используемая палитра), 2 (используемый цвет) и
   4 (используется полная альфа).Допустимые значения: 0, 2, 3, 4 и 6.

   Ограничения битовой глубины для каждого типа цвета накладываются как на
   упростить реализацию и запретить определенные комбинации
   которые на практике плохо сжимаются. Декодеры должны поддерживать все
   допустимые сочетания битовой глубины и цветового типа. (Обратите внимание, что бит
   глубины 16 легко поддерживаются на 8-битном оборудовании дисплея
   отбрасывая младший байт.) Допустимые комбинации
   являются:

   Допустимая интерпретация цвета
   Тип Битовая глубина

   0 1,2,4,8,16 Каждое значение пикселя является уровнем оттенков серого.2 8,16 Каждое значение пикселя представляет собой серию R, G, B.

   3 1,2,4,8 Каждое значение пикселя является индексом палитры;
должен появиться блок PLTE.

   4 8,16 Каждое значение пикселя - это уровень градаций серого,
за которым следует уровень альфа-канала.

   6 8,16 Каждое значение пикселя представляет собой серию R, G, B,
за которым следует уровень альфа-канала.

   Тип сжатия - это однобайтовое целое число, которое указывает
   метод, используемый для сжатия данных изображения. В настоящее время только
   тип сжатия 0 (сжатие спуска / надувания с 32K
   скользящее окно).Все стандартные изображения PNG должны быть
   сжат по этой схеме. Код типа сжатия:
   предусмотрено возможное расширение в будущем или патентованные варианты.
   Декодеры должны проверить этот байт и сообщить об ошибке, если он содержит
   нераспознанный код. Подробности см. В разделе «Сдувание / сжатие».

   Тип фильтра - однобайтовое целое число, которое указывает
   метод предварительной обработки, применяемый к данным изображения перед
   сжатие. В настоящее время используется только фильтр типа 0 (адаптивная фильтрация).
   с пятью основными типами фильтров).Как и при сжатии
   код типа, декодеры должны проверить этот байт и сообщить об ошибке, если он
   содержит нераспознанный код. См. Подробности в разделе "Алгоритмы фильтрации".

   Тип чередования - это однобайтовое целое число, которое указывает
   порядок передачи данных пикселей. В настоящее время действуют два значения
   определено: 0 (без чередования) или 1 (чередование Adam7). См. Чересстрочный
   заказ данных для деталей.

Палитра PLTE
   В этом блоке содержится от 1 до 256 записей палитры, каждая из которых
   трехбайтовый ряд вида:

   красный: 1 байт (0 = черный, 255 = красный)
   зеленый: 1 байт (0 = черный, 255 = зеленый)
   синий: 1 байт (0 = черный, 255 = синий)

   Количество записей определяется длиной блока.А
   длина блока, не кратная 3, является ошибкой.

   Этот фрагмент должен отображаться для цветового типа 3 и может отображаться для
   цветовые типы 2 и 6. Если этот фрагмент появляется, он должен предшествовать
   первый блок IDAT. Не может быть более одного блока PLTE.

   Для типа цвета 3 (данные палитры) требуется блок PLTE. В
   первая запись в PLTE обозначается значением пикселя 0, вторая -
   значение пикселя 1 и т. д. Количество элементов палитры не должно превышать
   диапазон, который может быть представлен битовой глубиной (например,
   2 ^ 4 = 16 для битовой глубины 4).Допустимо иметь меньше
   записей, чем позволяет битовая глубина. В этом случае любой
   Значение пикселя вне допустимого диапазона, обнаруженное в данных изображения, является ошибкой.

   Для типов цвета 2 и 6 (истинный цвет) блок PLTE является необязательным.
   Если присутствует, он предоставляет рекомендуемый набор от 1 до 256 цветов.
   к которому может быть квантовано изображение истинного цвета, если зритель
   не может отображать truecolor напрямую. Если PLTE нет, такой
   зритель должен выбирать цвета самостоятельно, но часто предпочтительнее
   это нужно сделать один раз кодировщиком.Обратите внимание, что палитра использует 8 бит (1 байт) на значение независимо от
   спецификация битовой глубины изображения. В частности, палитра 8
   бит глубиной, даже если это предлагается квантование 16-битного
   истинное цветное изображение.

Данные изображения IDAT
   Этот блок содержит фактические данные изображения. Для создания этого d 
.

Какой формат файла следует использовать?

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

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


JPG или JPEG

picture saved as jpeg

Формат JPG был разработан Joint Photographics Export Group, отсюда и произошло имя файла. Обычно JPG выражается как JPEG, и функционально они означают одно и то же. В старые времена компьютеров для типов файлов было ограничение в три символа (отсюда JPG), но сейчас JPEG становится все более распространенным.

Произносимое «jay-peg», JPG-файлы предназначены для минимизации размера файлов фотографий, чтобы сделать их более удобными для публикации и использования в веб-дизайне. Большинство фотографий, которые вы найдете в Интернете, скорее всего, имеют формат JPG.

Основные атрибуты изображения JPEG:

  • Меньший размер файла: Это огромное преимущество изображений JPG. Например, если вы разрабатываете веб-сайт, использование изображений в формате JPG ускорит загрузку страницы и обеспечит лучший пользовательский интерфейс, поскольку файлы меньше.При первом сохранении файла JPEG степень сжатия составляет примерно 10: 1, поэтому, если у вас есть изображение размером 20 МБ (мегабайт), которое затем сохраняется в формате JPEG, вы можете рассчитывать, что размер файла будет 2 МБ. Изменение размера изображений до файлов меньшего размера с помощью бесплатных инструментов изменения размера изображений - это быстрый ярлык.
  • Сжатие приводит к потере качества: Главное преимущество изображений JPG - меньший размер файла - также оказывается их слабым местом. Алгоритм, используемый для сжатия изображений JPG, находит пиксели, которые по существу имеют один и тот же цвет или значение, и объединяет их в плитки.Это создает файл меньшего размера, но это также означает, что вы теряете часть данных в изображении, что приводит к снижению качества. Это также означает, что вы потеряете эти данные навсегда при сохранении файла, поэтому вы не сможете восстановить исходное качество JPG.

PNG

vector saved as png

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

Основными атрибутами изображения PNG являются:

  • Качество изображения без потерь: Сжатие LZW, используемое при создании PNG, не приводит к потере качества, поэтому изображение можно сохранять, редактировать и открывать снова и снова без ухудшения со временем. Это прямо противоречит файлу JPG, который будет сжиматься и терять информацию каждый раз при редактировании или повторном сохранении.
  • Увеличенный размер файла: Одна из причин, по которой изображения JPG широко используются в Интернете, - это удобный размер файла. Изображения PNG подвергаются другому типу сжатия изображения, которое уменьшает размер файла, но не в такой степени, как файл JPG.

PDF

text documents saved as pdf

PDF-файлы обычно не обсуждаются при взвешивании опций для файлов изображений, но вам может потребоваться преобразовать PDF-файлы в форматы PNG или JPG и обратно. Формат Portable Document Format (PDF) является отраслевым стандартом для обмена документами, поскольку он создает точную копию любого файла, который вы хотите скопировать, включая изображения.

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

Основные атрибуты изображения PDF:

  • Надежность: PDF-файлы выглядят идентично оригинальному дизайну или фотографии и служат копией вашего изображения. Файлы PDF идеально подходят для обмена файлами и гарантируют, что ваш график, фотография или документ будут правильно отображаться на всех устройствах без каких-либо изменений.
  • Высокое качество: изображений PDF очень легко настраиваются, что позволяет экспортировать изображения и оптимизировать их для печати, совместного использования и редактирования. Отличное качество идеально подходит для дизайна, который в конечном итоге будет печататься, а не жить в Интернете, например, печатать брошюры.

PNG против JPG: какой формат лучше?

Все еще не определились, какой формат изображения лучше, чем PNG и JPG, и не знаете, стоит ли выбирать PDF? Давайте посмотрим, какой файл наиболее подходит для ваших нужд.

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

Как конвертировать форматы изображений в Интернете

Бесплатный конвертер файлов от Shutterstock - невероятно простой способ конвертировать файлы между JPG, PNG и TIFF.Просто загрузите свою фотографию, выберите нужный формат файла и вуаля!

Если вы хотите узнать, как преобразовать JPG в PDF или как преобразовать PDF в PNG или JPG на Mac или ПК, хорошая новость в том, что мы уже рассмотрели многие из этих процессов в предыдущих публикациях. Во-первых, если вы создаете файл PDF на рабочем столе или в Интернете из изображений других типов, узнайте, как создать файл PDF четырьмя простыми способами.

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

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

shutterstock editor file format options

Просто перейдите в редактор и сохраните любое изображение в формате JPEG, PNG или PDF, выполнив следующие действия:

  • В редакторе Shutterstock выберите Open Designs для импорта изображений или просто нажмите File> New , чтобы создать изображение с помощью нашего удобного программного обеспечения для редактирования.
  • Когда вы будете готовы экспортировать изображение, выберите Файл> Сохранить как и дайте вашему изображению имя. Документ будет сохранен в вашей учетной записи Shutterstock.
  • Чтобы экспортировать дизайн в определенный формат изображения, выберите Загрузить в правом верхнем углу редактора, а затем выберите PDF, JPEG, или PNG в разделе «Формат файла».
  • Теперь ваш дизайн или фотография будут оптимизированы для файлов нужного вам типа.

Хотя существуют и другие форматы изображений, такие как TIFF и GIF, эти три формата изображений будут представлять большинство изображений, которые вы снимаете, редактируете и публикуете.


Примените код купона PICK10FREE при оформлении заказа. Только онлайн, стандартные лицензии.

Получить изображения

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

Изображения через alexdrim

.

Java - Формат файла PNG и байтов изображения?

Переполнение стека
  1. Около
  2. Товары
  3. Для команд
  1. Переполнение стека Общественные вопросы и ответы
  2. Переполнение стека для команд Где разработчики и технологи делятся частными знаниями с коллегами
  3. Вакансии Программирование и связанные с ним технические возможности карьерного роста
  4. Талант Нанимайте технических специалистов и создавайте свой бренд работодателя
  5. Реклама Обратитесь к разработчикам и технологам со всего мира
  6. О компании

Загрузка…

  1. Авторизоваться зарегистрироваться
  2. текущее сообщество

.

Отправить ответ

avatar
  Подписаться  
Уведомление о