Форматы изображений SVG, PNG и JPG: плюсы и минусы. Изображение в формате PNG – как открыть, редактировать и конвертировать файл Что значит png

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

Вкратце о самой причине появления этого формата хранения изображений…

4 января 1995 года была высказана идея создания бесплатного формата взамен платного GIF-а, а уже в декабре того же года новый формат PNG был уже готов и предложен на рассмотрение. Формат GIF в то время позволял получать очень маленькие файлы, которые было удобно использовать на сайтах. Но бывший бесплатным GIF неожиданно стал платным - владелец патента на него, компания «Unisys Corporation», вознамерилась брать деньги за каждое изображение, которое использует этот формат. Это и стало причиной разработки бесплатного формата, который получил название PNG – аббревиатура от английского выражения «portable network graphics». Как видно из названия, предназначен он для применения в сети, ввиду файлов небольшого объема, что позволяет быстрее загружать страницы с графикой.

Какие же достоинства и недостатки имеет формат PNG по сравнению с другими, особенно с главным своим конкурентом – форматом GIF? Отличий очень много, но обо всем по порядку…

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

В форматах PNG, GIF и TIFF используется так называемый альфа – канал. Это значит, что можно делать некоторые участки картинки прозрачными. При этом в формате GIF это сделано очень просто – просто один из цветов на выбор назначается прозрачным и при просмотре изображения его просто не видно – так можно делать прозрачный фон. Формат TIFF более продуман в этом плане, но его очень редко используют – слишком уж большой размер файлов получается. А вот в формате PNG альфа – канал сделан с умом – там прозрачность не только есть, но имеет еще и 256 градаций яркости. То есть можно легко сделать переход от полностью прозрачного фона к полноцветному изображению, и получить при этом красивые эффекты. Особенно красиво это выглядит на сайтах. Если же прозрачность не нужна, можно просто ее не использовать при сохранении картинки и получить файл еще меньшего объема.

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

Если формат PNG так хорош, то почему он не стал сверхпопулярным? Ответ прост – его слабо поддержали разработчики остальных программ. Особенно повлияло то, что большинство пользователей Интернета пользовались браузером Internet Explorer, а он-то и «не понимал» изображения в формате PNG, хотя разработчики других браузеров сразу же встроили в них такую поддержку. Ситуация исправилась, только когда появился Internet Explorer 7, но время «раскрутки» уже давно прошло.

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

You"re here because you have a file that has a file extension ending in .png. Files with the file extension .png can only be launched by certain applications. It"s possible that .png files are data files rather than documents or media, which means they"re not meant to be viewed at all.

what is a .png file?

PNG files are compressed raster image files usually implemented for visual elements found in a website among other Web graphics. The image content of these .png files consists of index colors integrated by bitmap images, and the lossless digital image compression and encoding specifications that are implemented into these .png files are similar to the compression standards integrated into GIF files. Also known as portable network graphics, the PNG format was developed to lift the limitations of GIF images, in terms of color support and patent licensing. The transparency channel of these PNG files have been improved to implement 8-bit support. CMYK support is not available in these PNG files.

how to open a .png file?

Launch a .png file, or any other file on your PC, by double-clicking it. If your file associations are set up correctly, the application that"s meant to open your .png file will open it. It"s possible you may need to download or purchase the correct application. It"s also possible that you have the correct application on your PC, but .png files aren"t yet associated with it. In this case, when you try to open a .png file, you can tell Windows which application is the correct one for that file. From then on, opening a .png file will open the correct application.

applications that open a .png file

Adobe Photoshop CS6 for Microsoft Windows

Adobe Photoshop CS6 for Microsoft Windows is an image editing and managing software downloadable on Windows computers, namely Windows 7 (without SP and with SP1) and Windows XP with SP3. This software comes with new features and tools for easy, quick, fun and advanced editing of digital images. One feature that makes this program reliable for image editing is the Adobe Mercury Graphics Engine, which is an engine technology that provides faster and high quality performance. Content-Aware tools are new features designed for retouching images with ease as you can crop images without any effect, auto-correct blurriness or wide-angle lens curvatures, remove red eye, and adjust color balance like brightness and contrast. This image editor is also bundled with auto-recovery feature that can backup any unsaved images, Background Save option, Blur Gallery, Crop tool, video creation, and a whole lot more. With all these new improved features and a modern friendly-user interface, editing digital photos can never be so fun and easy without Photoshop CS6.

Adobe Photoshop CS6 for Mac

Adobe Photoshop CS6 for Mac is the version of Ã¢â‚¬Å“Creative SuiteÃ¢â‚¬Â image managing software designed exclusively for Mac computers, particularly Mac OS X v10.6 to 10.7 in 64-bit. This image editing program is bundled with a new set of features and tools, such as the Mercury Graphics Engine developed by the same company for fast and high quality image enhancing performance, Content-Aware features, intuitive re-imagined tools for movie designing, workflows, Blur Gallery, Crop tool and a whole lot more. The Adobe Mercury Graphics Engine functions in a way that it makes editing task easy and fast to complete. This also allows the sharing and migration of images with auto-recovery and Background Save options. The new Content-Aware tools are made for easy and controllable way of retouching or enhancing images that result in a more satisfied output. It basically lets any user to auto-correct images, crop them and correct wide angle lens curvatures.

ACD Systems Canvas 14

ACD Systems International Inc. is the developer of ACD Systems Canvas 14, which is a technical graphics solution software, that enables users to analyze data, enhance graphics and share all information with ease and rapidness. This program is designed with full-featured tools that assist users in making technical graphics and illustrations with accuracy. It consists of editing tools that vary from image editing to object illustration tools. Any results created by this program make good presentations for projects, proposals and other purposes for any line of business related to graphics and engineering. More on the features, users can work with raster images and vector graphics using the same file with the option edit by resizing and scaling objects, drawing shapes, as well as inserting stroke and fill inks or widths. There is also a tool for adding texts or labels and format dimensions, plus creating charts. With this program, users can share finished projects through presentations or publications.

ACD Systems ACDSee 15

ACD Systems ACDSee 15 is a photography software that features an image organizer, viewer, and RAW/ image editor program for Microsoft Windows and Mac OS X 10.6 (Windows XP with Service Pack 2, Vista, 7 & 8; Mac OS X 10.5, 10.6, 10.7 and Mountain Lion). It was developed by ACD Systems International, Inc. and originally distributed as a 16-bit application that was later upgraded with a 32-bit version. This minimum hardware requirement for this application is an Intel Pentium III/ AMD Athlon processor or equivalent with 512 MB RAM (with 310 MB free hard drive space), a high color display adapter at 1024 x 768 resolution, and a CD/ DVD burner. ACDSee manages and supports video and audio files in formats that include GIF, BMP, JPG, PNG, MP3, PSD, WAV, MPEG, and TIFF. Users can view, edit, add effects, and organize photo and video collections that can be shared online. Photos can be organized as these are imported from the camera or other storage device. It also features Map view and geo-tagging support that enable users to view the location of images from GPS-enabled cameras. Features like fast browsing, scanning, editing, and backup options facilitate sorting of photos by date and event, and storage of backup copies to CD, DVD, and Blu-Ray.

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

Было время, когда вы просто использовали JPG, чтобы соответствовать пространству на 72 dpi и двигались дальше. Уже нет. Экраны с высоким разрешением, несколько видовых экранов и необходимость иметь быстрый веб-сайт сделали все это гораздо более сложным процессом. Давайте рассмотрим плюсы и минусы каждого из этих форматов!

SVG

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

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

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

Плюсы SVG

Векторный формат хорошо отображается в любом размере
Возможность создания простых SVG-рендерингов в коде или текстовом редакторе
Дизайн и экспорт сложной графики из Adobe Illustrator или Sketch
Доступен текст SVG
SVG легко стилизовать и написать
Форматы SVG поддерживаются современными браузерами и соответствуют завтрашнему дню
Формат очень сжимаемый и легкий
Хорошо подходит для поиска из-за текстового формата
Поддержка прозрачности
Позволяет сохранять неподвижные или анимированные изображения

Минусы SVG

Дизайн SVG может усложниться
Не отображается в некоторых устаревших браузерах
Ограниченная поддержка почтовых клиентов

PNG

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

Существует два типа PNG - PNG-8 и PNG-24. PNG-8 использует более ограниченную цветовую палитру всего с 256 цветами, имеет несколько лучшую прозрачность и экспортируется в небольшом размере. PNG-24 использует неограниченную цветовую палитру, поддерживает прозрачность, но экспортируется в большом размере. Оба типа PNG имеют сжатие без потерь.

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

Плюсы PNG

Поддержка прозрачности
Подходит для изображений с текстом
Форматы PNG хорошо отображают логотипы
Включает встроенное текстовое описание для поисковых систем
PNG-8 имеет небольшой размер файла и является самым легким
Экспорт без неровных краев

Минусы PNG

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

JPEG

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

JPG также предлагает возможность выбрать, каким сжатие изображения должно быть от 0% (сильное сжатие) до 100% (без сжатия). Большинство дизайнеров выбирают что-то в диапазоне от 60 до 70 процентов. Изображения по-прежнему хорошо выглядят на этом уровне сжатия, но размеры файлов значительно меньше.

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

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

Плюсы JPEG

Отлично подходит для многоцветности и фотографии
Легко уменьшить размер файла
Согласованно отображается в почтовых клиентах

Минусы JPEG

Нет прозрачности
Создает неровные края для текста
Без анимации
Формат с потерями
Автоматические метаданные для поиска не должны содержать информацию alt

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

Теперь, когда вы знаете, каковы некоторые различия между SVG, PNG и JPG, что из них вы должны использовать?

Вы можете задать себе несколько следующих вопросов, чтобы получить на это ответ.

Вам нужен векторный или растровый формат?

Вектор: SVG

Растр: JPG или PNG

Вам нужна прозрачность?

Да: SVG или PNG

Вы используете многоцветное изображение?

Да: JPG или PNG

Это большая фотография?

Содержит ли изображение текст?

Сжатие без потерь важно для вас?

Да: SVG или PNG

Нужно ли обновлять и перенастраивать графику?

Нет: PNG или JPG

Вы используете анимацию?

Нет: JPG или PNG

Вывод

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

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

Всем успешной работы и творчества!

PNG (Portable Network Graphics), произносится как «ping» - растровый формат хранения графической информации, использующий сжатие без потерь. PNG был создан как для улучшения, так и для замены формата GIF графическим форматом, не требующим лицензии для использования. PNG является международным стандартом (ISO IEC 15948:2003) и оффициально рекомендован W3C.

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

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

Если мы говорим о веб дизайне, то по сравнению с GIF он имеет следующие основные преимущества:

Улучшенная компрессия: В большинстве случаев размер PNG изображения меньше аналогичного в формате GIF.
- Больше цветов в изображении: Практически неограниченное количество цветов в изображении, в то время как ограничение для GIF равно 256.
- Опциональная поддержка альфа-канала: В то время как GIF поддерживает лишь бинарную прозрачность, PGN позволяет достичь неограниченного количества эффектов прозрачности посредством поддержки альфа-канала.

В качестве недостатка стоит конечно отметить отсутствие поддержки анимации, наподобие GIF. Хотя конечно для анимации и существует подобный стандарт под названием Multiple-image Network Graphics (MNG), однако он не широко распространен и соответственно не поддерживается массово современными браузерами.