О формате PNG. Краткий тест-драйв / Хабр
- Что такое PNG?
- PNG vs GIF.
- PNG vs JPEG.
- Жизнь после Photoshop’а или сжимаем дальше.
- Adobe Fireworks или PNG-8 с альфа-каналом.
- Вердикт.
Осторожно, много картинок! Все кликабельны.
PNG
Растровый графический формат PNG, набирающий всё большую популярность в эпоху веб 2.0, появился в далеком 1995 году как замена старому доброму GIF (и, частично, TIFF). К тому времени хозяева запатентованного GIF’а решили сбивать четырёхзначные суммы со всех разработчиков, использующих формат, и свободному сообществу ничего не осталось кроме как предложить бесплатную альтернативу.
Так в чем же преимущества формата?
- Полноценная поддержка alpha-transparency – прозрачности. Позволяет сделать участки изображения прозрачными и полупрозрачными.
- Качественный алгоритм сжатия без потери качества.
- Возможность черезстрочной развёртки, причем (в отличии от 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 в JPG | Zamzar
Конвертировать PNG в JPG — онлайн и бесплатно
Шаг 1.
Выберите файлы для конвертации. Перетащите сюда файлы
Максимальный размер файла 50МБ (хотите больше?)
Как мои файлы защищены?
Шаг 2. Преобразуйте файлы в
Convert To
Или выберите новый формат
Шаг 3 — Начать преобразование
И согласиться с нашими Условиями
Эл. адрес?
You are attempting to upload a file that exceeds our 50MB free limit.
You will need to create a paid Zamzar account to be able to download your converted file. Would you like to continue to upload your file for conversion?
* Links must be prefixed with http or https, e.g. http://48ers.com/magnacarta.pdf
Ваши файлы.
- Бесплатные преобразованные файлы надежно хранятся не более 24 часов.
- Файлы платных пользователей хранятся до тех пор, пока они не решат их удалить.
- Все пользователи могут удалять файлы раньше, чем истечет срок их действия.
Вы в хорошей компании:
Zamzar конвертировал около 510 миллионов файлов начиная с 2006 года
PNG (Image)
Расширение файла | .png |
Категория | Image File |
Описание | PNG (произносится пинг) – это формат хранения побитовых (растровых) изображений на компьютере. Изначально он был создан в качестве замены GIF формату, после того как компании – разработчики GIF – объявили о намерении требовать авторский гонорар за его использование. PNG использует индексированные цвета и сжатие без потери качества (подобно .GIF формату), но без ограничений, связанных с авторскими правами. Он не позволяет создавать анимированные изображения в отличие от GIF формата. |
Действия |
|
Технические детали | Изображения в формате PNG во многом превосходят аналоги в .GIF, поскольку содержат 8-битный канал прозрачности для изменения уровня прозрачности цветов в изображении от непроницаемого до прозрачного, тогда как GIF изображения поддерживают только крайнюю степень прозрачности или непрозрачности. PNG поддерживает 24-битную RGB палитру и серую шкалу. Формат PNG предназначался для передачи изображений через Интернет, а не для хранения профессиональной графики, поэтому он не поддерживает другие цветовые модели (например, CMYK). |
Ассоциированные программы |
|
Разработано | PNG Development Group |
Тип MIME |
|
Полезные ссылки |
|
JPG (Image)
Расширение файла | . jpg |
Категория | Image File |
Описание | Формат JPG часто используется для веб-сайтов и электронной почты, поскольку они, как правило, малых размеров, но они являются файлами «с потерей качества», потому что некоторые качества изображения теряется, когда JPG сжимается и сохраняется. Полученный файл ‘с потерями’ означает, что качество уже не может быть восстановлено. Этот формат часто используется в цифровых картах памяти камер. Файл JPG – отличный формат, так как нередко удается сжимать файлы до 1/10 размера исходного файла, что особенно хорошо для экономии трафика. |
Действия |
|
Технические детали | JPG представляет собой графический формат файла для редактирования фотоснимков, он предлагает симметричный метод сжатия, который загружает процессор и занимает время и во компрессии, и во время декомпрессии. JPEG является совместным стандартом Международного союза электросвязи (МСЭ-Т T.81) и Международной организации по стандартизации (ISO 10918-1). JPEG включает в себя механизм сжатия «с потерями» и использует дискретное косинусное преобразование (DCT). Может быть достигнута пропорция сжатия 100:1, хотя на этом уровне потери качества становятся заметны. Пропорции сжатия 10:1 или 20:01 дают незначительное ухудшение качества изображения. |
Ассоциированные программы |
|
Разработано | The JPEG Committee |
Тип MIME |
|
Полезные ссылки |
|
Преобразование файлов PNG
Используя Zamzar можно конвертировать файлы PNG во множество других форматов
- png в bmp (Windows bitmap)
- png в doc (Microsoft Word Document)
- png в docx (Microsoft Word 2007 Document)
- png в gif (Compuserve graphics interchange)
- png в ico (Windows Icon)
- png в jpg (JPEG compliant image)
- png в pcx (Paintbrush Bitmap Image)
- png в pdf (Portable Document Format)
- png в ps (PostScript)
- png в tga (Truevision Targa Graphic)
- png в thumbnail (Thumbnail image)
- png в tiff (Tagged image file format)
- png в wbmp (Wireless Bitmap File Format)
- png в webp (Lossily compressed image file)
PNG to JPG — Convert file now
Available Translations: English | Français | Español | Italiano | Pyccĸий | Deutsch
Что такое файл PNG? Как открыть или преобразовать формат файла
- PNG, сокращение от Portable Network Graphics, является популярным и высококачественным графическим форматом файлов.
- Формат PNG не имеет потерь и поддерживает прозрачность, что делает его идеальным для веб-страниц.
- Файлы PNG можно просматривать практически в любой графической программе, средстве просмотра изображений и веб-браузере.
PNG — это популярный формат графических файлов, возможно, уступающий сегодня только JPG. У него есть несколько преимуществ перед JPG, и с ним легко работать, поскольку он широко поддерживается. Вот что вам нужно знать.
Что такое PNG-файл?
PNG, сокращение от Portable Network Graphics, представляет собой формат высококачественного графического файла, который можно просматривать практически в любой графической программе, средстве просмотра изображений или веб-браузере.
Формат PNG является альтернативой немного более известному файлу JPG. В то время как JPG является предпочтительным форматом для потребителей, особенно для хранения изображений в цифровых камерах, PNG более популярен среди профессионалов в области веб-дизайна и фактически является преемником ныне в значительной степени устаревшего формата GIF.
Вот основные характеристики формата PNG.
- Формат, используемый в Интернете: Многие веб-сайты используют PNG для отображения изображений на своих веб-страницах.
- Без потерь: В отличие от многих других форматов файлов, включая JPG, PNG использует алгоритм сжатия без потерь, что обеспечивает высокое качество изображения.
- Поддерживает прозрачность: PNG позволяет задать прозрачный фон, что очень важно для иллюстраторов и графических дизайнеров. Это позволяет размещать нестандартные изображения, иллюстрации и логотипы поверх фонового цвета.
- Без анимации : В отличие от старого формата GIF (который также не имеет потерь), изображения PNG не поддерживают циклическую анимацию.
Как открывать файлы PNG
Недостатка в способах просмотра и использования файлов PNG просто нет — это распространенный стандартный формат файла, который поддерживается практически всеми основными веб-браузерами, программами просмотра файлов, графическими и фотопрограммами для Windows и Mac.
Это означает, что если вы хотите просмотреть файл PNG, вам просто нужно дважды щелкнуть его, и он должен открыться в средстве просмотра по умолчанию на вашем компьютере. Вы также можете просмотреть файл PNG, перетащив его в любой веб-браузер (или используйте CTRL + O, чтобы найти файл, а затем открыть его в браузере).
Дважды щелкните PNG, чтобы открыть его в средстве просмотра изображений Windows по умолчанию. Дэйв ДжонсонСписок программ, которые могут отображать файлы PNG, почти бесконечен, но вот краткий список вариантов:
- Microsoft Paint (входит в состав Windows)
- Adobe Photoshop
- IrfanView
- FastStone Image Viewer
- XnView
Как конвертировать файлы PNG, у вас не должно возникнуть проблем с форматом PNG
просматривая и делясь им в этом формате, вы можете время от времени преобразовывать его в другой формат. JPG-версия одного и того же изображения может быть значительно меньше, например, для облегчения обмена.
Хорошей новостью является то, что почти любая графическая программа, которая отображает файл PNG, позволит вам преобразовать его в другой формат, такой как JPG, и по большей части все они работают по существу одинаково. Например, вот как преобразовать файл PNG в Microsoft Paint:
1. В Paint откройте файл PNG, который вы хотите преобразовать.
2. Нажмите Файл , затем Сохранить как и выберите формат, в который вы хотите преобразовать изображение, например JPG.
3. Назовите файл и нажмите Сохранить .
Вы можете преобразовать PNG в другой формат, используя команду «Сохранить как» в редакторе фотографий. Дэйв ДжонсонВы также можете использовать бесплатный онлайн-конвертер файлов, например Convertio. Чтобы использовать Convertio:
1. Нажмите Выберите «Файлы» и выберите файл PNG.
2. В раскрывающемся меню справа от до выберите формат файла, в который вы хотите преобразовать его (например, JPG).
3. Щелкните Преобразовать .
4. Через мгновение файл будет завершен. Нажмите Загрузить и сохраните файл на свой компьютер.
Convertio — это простой способ конвертировать файлы PNG в веб-браузере. Дэйв ДжонсонДэйв Джонсон
Внештатный писатель
Дэйв Джонсон — технический журналист, который пишет о потребительских технологиях и о том, как индустрия трансформирует спекулятивный мир научной фантастики в современную реальную жизнь. Дэйв вырос в Нью-Джерси, прежде чем поступить в ВВС, чтобы управлять спутниками, преподавать космические операции и планировать космические запуски. Затем он провел восемь лет в качестве руководителя отдела контента в группе Windows в Microsoft. Как фотограф Дэйв фотографировал волков в их естественной среде обитания; он также инструктор по подводному плаванию и соведущий нескольких подкастов. Дэйв является автором более двух десятков книг и участвовал во многих сайтах и публикациях, включая CNET, Forbes, PC World, How To Geek и Insider.
ПодробнееПодробнее
Что такое файл PNG? (и как его открыть)
Автор: ExpertPhotographyА- А+
Скачать как PDF
Подпишитесь ниже, чтобы скачать статью немедленно
Вы также можете выбрать свои интересы для бесплатного доступа к нашему обучению премиум-класса:
Основы бизнеса
Шпаргалки
Детская фотография
Красочные городские пейзажи
Состав
Творческая фотография
Креативные концепции портрета
Цифровые фотоколлажи
Сказочная портретная фотография
Фотография еды
Интерьерная фотография
Редактирование ландшафта
Пейзажная фотография
Обработка Lightroom
Пресеты Lightroom
Длинная выдержка
Макрофотография
Фотография Млечного Пути
Моя камера и фотография
Органический маркетинг
Домашние животные
Фотография продукта
Фотография неба
Социальные сети
Натюрморт
Интервальная съемка
Туристическая фотография
Городская фотография
Фотография дикой природы
Ваша конфиденциальность в безопасности. Я никогда не поделюсь вашей информацией.Если вы не слышали о файле PNG, вы не одиноки. Однако для профессиональных фотографов файл PNG используется чаще, чем другие форматы файлов, такие как файлы CRF или NEF.
PNG означает файл переносимой сетевой графики и следует сжатию без потерь. Файл PNG был создан для замены формата изображения формата GIF, но используется на всей платформе.
Что такое расширение файла?
К каждому цифровому файлу привязан формат файла. Будь то цифровые изображения или текстовые файлы, расширение файла позволяет узнать, что это за файл.
Программы знают, какие файлы они могут открыть, а какие нет. Без сомнения, вы слышали о формате JPEG, но существуют также изображения в формате TIFF, PSD и GIF. Те, о которых вы, возможно, не слышали, — это версии Raw, такие как ARW.
Что такое формат файла PNG?
Файл PNG — это изображение в формате файла, используемое многими программами редактирования и программным обеспечением. Это формат без потерь, который часто используется в фотографиях, которые вы найдете в Интернете.
В отличие от JPEG, сохранение цифрового файла формата PNG не снижает его качества. Формат PNG удобен для изображений с прозрачным фоном, таких как логотип компании.
Их можно использовать для наложения видео или при объединении двух или более изображений в виде слоев.
Не должно возникнуть проблем с открытием или использованием файлов формата PNG в любой операционной системе. Это стандартный тип файла. Вы можете открыть его с помощью собственного программного обеспечения для обработки изображений на компьютере, такого как средство просмотра фотографий Windows.
Для чего используется файл PNG?
Файлы PNG используются в качестве цифровых изображений в Интернете. Они без потерь, поэтому сохраняют свое качество при хранении, сжатии, открытии и сохранении.
Одна из основных причин, по которой пользователи выбирают файлы PNG, — сохранение PNG с прозрачными сегментами. В отличие от файлов JPEG, для которых требуется полный цвет от угла к углу, вы можете использовать файл PNG для графических наложений.
Вы также можете использовать файлы PNG, чтобы сохранить изображение высокого качества без сжатия и потери деталей.
Как открыть файл PNG?
Файлы PNG можно открывать практически во всех программах для редактирования. В пакете Adobe не возникнет проблем с их открытием и просмотром.
Возможно, вы используете эти форматы файлов для резервного копирования своей работы. Вы можете продолжать редактирование и повторное редактирование без потери качества.
Программы по умолчанию в вашей операционной системе откроют этот формат для Mac, фотографий и собственного средства просмотра фотографий Windows.
Если у вас нет программного обеспечения для редактирования, но вы предпочитаете использовать что-то другое, вы можете использовать любой интернет-браузер. Google Диск также работает хорошо, предоставляя вам предварительный просмотр.
Как преобразовать файл PNG?
Вы обнаружите, что можете преобразовать формат изображения PNG с помощью большинства, если не всех, программ редактирования, с которыми вы сталкиваетесь. Вы можете использовать формат PNG для создания файлов изображений PDF, JPEG или даже TIFF.
Это можно сделать несколькими способами: через Интернет или с помощью отдельного конвертера файлов. В Интернете перейдите на image.online-convert.com. Adobe Photoshop и Lightroom позволяют сохранять эти PNG-файлы в других форматах.
Для автономных конвертеров файлов хорошо подойдет FileZigZag.
В чем разница между PNG и JPEG?
Разница между форматом PNG и JPEG заключается в потере качества. JPEG-файлы теряют качество при открытии и сохранении из-за сжатия типа файла. JPEG меньше по размеру, но файл изображения PNG сохраняет больше деталей и разрешения.
Графические дизайнеры и фотографы, скорее всего, будут использовать файлы PNG для архивирования и резервного копирования изображений. Файлы JPEG отлично подходят для обмена на цифровых платформах. По сравнению с ними это небольшие файлы.
Изображение в формате JPEG полезно, когда у вас низкоконтрастная сцена. Используйте файл PNG, чтобы максимально использовать его для резкого контраста.
Заключение
Файл PNG лучше, чем JPEG по нескольким причинам. Как мы уже упоминали, JPEG — это формат с потерями, то есть он снижает качество при каждом действии. Использование файла PNG означает, что вы сохраняете разрешение и высокое качество изображения.
Фотографы и те, кто работает с цифровой графикой, используют файлы PNG. Они полезны в логотипах и баннерах компаний, поскольку их можно сохранить с выбранными видимыми областями.
Для файлов, которые вы хотите редактировать и повторно редактировать, вы должны использовать файл PNG. Файлы JPEG — отличный способ обмениваться изображениями на платформах социальных сетей, так как проблем не возникнет.
Существует разница в размере файла изображения, поэтому использование файла PNG без необходимости было бы пустой тратой места.