Какой формат выбрать для изображений - jpeg, png или gif? GIF, PNG, JPG или SVG: что использовать? Качество изображения файла bmp.

Каждый файл обладает собственным форматом, указываемым после точки в его названии (по умолчанию он скрыт). Так, для файлов Word используется docx (или doc в старых версиях), для видеозаписей это AVI, ASF, 3gp и т. д. Для изображений созданы другие. Их мы и рассмотрим.

Gif

Это расширение было создано в 1977 году израильскими специалистами по теории информации, и изначально имело аббревиатуру LZ (Lempel-Ziv). А 1984 году был изменен алгоритм, улучшен процесс сжатия. После такой процедуры LZ изменил своё название на LZW. Через 7 лет компания CompuServe изменила алгоритм для передачи графического изображения между компьютерами.

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

Данный формат, как было описано выше, использовался как альтернатива платному GIF и более сложному TIFF. Также он превосходит анимационный формат по качеству сжатия и количеству цветов от 1-бита до 48-бит и расширение до двух пикселей. Png формат был создан компанией PNG Development Group. Он был представлен на конференции Useter в январе 1995 года. После нее было разработано четыре версии PNG. Изначально он назывался PBF. Немного позже получил своё окончательное название. Он позиционировался как инструмент для редактирования графики и работы в Интернете.

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

Однако этот формат обладает и недостатками. Одним из них является неспособность к множественному изображению и анимации. Для движущихся картинок был разработан отдельный формат MNG и был опубликован в середине 1999 года.

JPEG

Своё название данное расширение получило от компании Joint Photographic Experts Group и компании ISO. Сегодня он является форматом, который способен достаточно хорошо сжимать изображение.

Данное расширение было создано для работы с картинками и фотографиями, содержащими реальные природные явления или элементы человеческого быта (дерево, закат, стул, компьютер и т. д.).

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

Вывод

Мы рассмотрели три самых популярных формата, которые встречаются нам постоянно: это PNG формат, GIF и JPEG. Узнали о достоинствах и недостатках каждого из них.

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

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

Два формата png и jpg в чем отличия.

Вроде картинка и что тут такого, но дело все в цветах. Формат jpg самый распространенный, потому что по сравнению с другими:

Весит меньше (но это вопрос спорный увидим дальше).
Легко поддается сжатию.
Высокое количество цветов в передаче.

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

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

Разрушаю мифы.

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

Как правильно формат выбрать?

Смотрите для примера давайте я возьму картинку предположим нашего российского флага.

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

А вот что если я его сохраню в png.

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

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

Разумеется если картинка многоцветная со множеством цветов и тенями, то png не поможет, и тогда я советую пользоваться

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

1. Выберите одно изображение для преобразования.
2. Нажмите кнопку Конвертировать .

7. Пользуйтесь на здоровье

1. Выберите один ZIP файл содержащий изображения для преобразования. Только 20 файлов могут быть конвертированы одновременно.
2. Нажмите кнопку Конвертировать .
3. Файл отсылается на наш сервер и преобразование начинается немедленно.
4. Скорость преобразования зависит от размера файла, скорости Вашего интернет соединения и доступных ресурсов на наших серверах.
5. Когда преобразование закончено, файл возвращается в то же самое окно браузера (не закрывайте Ваш браузер).
6. В случае невозможности преобразования, причина будет указана красным цветом.
7. Пользуйтесь на здоровье

Выберите изображение для конвертирования Поддерживаются только JPG/JPEG/JFIF/PNG/BMP/GIF/TIF/TIFF/ICO файлы

JPEG изображение JFIF изображение BMP изображение GIF изображение PNG изображение TIF изображение ICO изображение исходного размера ICO 16x16 изображение ICO 32x32 изображение Распознавание OCR (Русский)

Идет конвертация

Это может занять несколько минут

На данной странице возможно конвертирование только JPG JPEG JFIF PNG BMP GIF TIF ICO в другие форматы изображений и распознавание Русского текста в изображениях.

Для конвертирования MS Word (DOC DOCX) в PDF воспользуйтесь ссылкой Word в PDF .
Для конвертирования RTF ODT MHT HTM HTML TXT FB2 DOT DOTX XLS XLSX XLSB ODS XLT XLTX PPT PPTX PPS PPSX ODP POT POTX в PDF воспользуйтесь ссылкой Другие документы в PDF .
Для конвертирования JPG JPEG PNG BMP GIF TIF TIFF в PDF воспользуйтесь ссылкой Изображение в PDF .
Для извлечения текста из PDF документа воспользуйтесь ссылкой PDF в TXT .
Для конвертирования DOC DOCX RTF ODT MHT HTM HTML TXT FB2 DOT DOTX в DOC DOCX DOT ODT RTF TXT или XLS XLSX XLSB XLT XLTX ODS в XLS XLSX или PPT PPTX PPS PPSX ODP POT POTX в PPT PPTX PPS PPSX JPG TIF PNG GIF BMP воспользуйтесь ссылкой Другие форматы .
Для конвертирования DOC DOCX DOT DOTX RTF ODT MHT HTM HTML TXT в FB2 воспользуйтесь ссылкой Документы в FB2 .
Для конвертирования PDF в MS Word (DOC, DOCX), воспользуйтесь ссылкой Конвертировать PDF в Word .
Для конвертирования PDF в JPG, воспользуйтесь ссылкой Конвертировать PDF в JPG .
Для конвертирования DJVU в PDF, воспользуйтесь ссылкой Конвертировать DJVU в PDF .
Для распознавания текста в PDF или изображениях, воспользуйтесь ссылкой Распознать PDF или изображение .

Выберите ZIP архив для конвертирования Поддерживаются только ZIP файлы

22 ноября 2008 в 07:17

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

Веб-дизайн

Осторожно, много картинок! Все кликабельны.

PNG

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

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

Полноценная поддержка alpha-transparency - прозрачности. Позволяет сделать участки изображения прозрачными и полупрозрачными.
Качественный алгоритм сжатия без потери качества. Похожий на LZW, но немного эффективнее.
Возможность черезстрочной развёртки, причем (в отличии от GIF) как по вертикали, так и по горизонтали одновременно.
Встроенная гамма-коррекция. Позволяет прикрепить к изображению настройки его отображения, для того чтобы на разных мониторах изображение отображалось точно так же, как и у автора.

Существуют 2 версии формата: PNG-8 (похож на GIF - использует индексные цвета) и PNG-24 (ближе к JPEG - полноцветная палитра).

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

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

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

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

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

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

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

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

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

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

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

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

Adobe Fireworks

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

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 проигрывает.

UPD Я действительно не специалист и обзор писался на коленке, о чём говорит эпитет «краткий»; возможно, не на лучших примерах. Поэтому спасибо всем, кто принял активное участие в обсуждении, особенно

Существуют два типа графических файлов, это растровый и векторный, которые имеют различные форматы.

растровому графическому файлу соответствуют форматы *.bmp, *.tif, *psd, *.gif, *.png, *.jpg;
векторному графическому файлу соответствуют форматы *.wmf, *.eps, *.cdr, *.ai

Знание форматов файлов – являются основой работы с цифровыми фотографиями т.к. они определяют способ хранения информации в файле (растровый или векторный), а также форму хранения информации (используемый алгоритм сжатия). Сжатие применяется для растровых графических файлов, так как они имеют обычно достаточно большой объем. Сжатие графических файлов отличается от их архивации с помощью программ-архиваторов (гаг, zip, arj и пр.) тем, что алгоритм сжатия включается в формат графического файла.

Основные форматы графических файлов

RAW

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

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

Разные производители фототехники используют разные алгоритмы для создания RAW в своих камерах. Каждый производитель придумывает собственное разрешение для своего RAW-файла – NEF, NRW – Nikon; CRW, CR2 – Canon.

JPEG (или JPG)

Это самый распространенный формат графических файлов. Свою популярность JPEG заслужил гибкой возможностью сжатия данных. При необходимости изображение можно сохранить с максимальным качеством. Либо сжать его до минимального размера файла для передачи по сети. При сохранении JPEG-файла можно указать степень качества, а значит и степень сжатия, которую обычно задают в некоторых условных единицах, например, от 1 до 100 или от 1 до 10. Большее число соответствует лучшему качеству, но при этом увеличивается размер файла. Обыкновенно, разница в качестве между 90 и 100 на глаз уже практически не воспринимается.

В JPEG применяется алгоритм сжатия с потерей качества. Что это нам дает? Явный минус такой системы – потеря качества изображения при каждом сохранении файла. С другой сжатие изображения в 10 раз упрощает передачу данных. На практике, сохранение фотографии с минимальной степенью сжатия не дает видимого ухудшение качества изображения. Именно поэтому JPG – самый распространенный и популярный формат хранения графических файлов.

TIFF (Tagged Image File Format)

Формат TIFF - формат хранения растровых графических изображений. Изначально был разработан компанией Aldus в сотрудничестве с Microsoft для использования с PostScript. Он позволяет сохранять фотографии в различных цветовых пространствах (RBG, CMYK, YCbCr, CIE Lab и пр.) и с большой глубиной цвета (8, 16, 32 и 64 бит). TIFF используется при сканировании, отправке факсов, распознавании текста, в полиграфии, широко поддерживается графическими приложениями. Имеется возможность сохранять изображение в файле формата TIFF со сжатием и без сжатия. Степени сжатия зависят от особенностей самого сохраняемого изображения, а также от используемого алгоритма. В отличии от JPG, изображение в TIFF не будет терять в качестве после каждого сохранения файла. Но, к сожалению, именно из-за этого TIFF файлы весят в разы больше JPG.

PSD (Photoshop Document)

Photoshop Document (PSD) - оригинальный растровый формат хранения графической информации, использующий сжатие без потерь, созданный специально для программы Adobe Photoshop и поддерживающий все его возможности. Он позволяет сохранять растровое изображение со многими слоями, любой глубиной цвета и в любом цветовом пространстве. Чаще всего формат используется для сохранения промежуточных или итоговых результатов сложной обработки с возможностью изменения отдельных элементов. Так же PSD поддерживает сжатие без потери качества. Но обилие информации, которое может содержать PSD файл, сильно увеличивает его вес.

BMP (Bit MaP image)

Bit MaP image (BMP) - универсальный формат растровых графических файлов, используется в операционной системе Windows. Этот формат поддерживается многими графическими редакторами, в том числе редактором Paint. Рекомендуется для хранения и обмена данными с другими приложениями. Формат BMP один из первых графических форматов. Его распознает любая программа работающая с графикой. BMP хранит данные с глубиной цвета в данном формате от 1 до 48 бит на пиксель, максимальные размеры изображения 65535×65535 пикселей. На данный момент формат BMP практически не используеться ни в интернете (JPG весит в разы меньше), ни в полиграфии (TIFF справляеться с этой задачей лучше).

GIF (Graphics Interchange Format)

формат хранения растровых графических изображений. Формат GIF способен хранить сжатые данные без потери качества в формате до 256 цветов. Включает алгоритм сжатия без потерь информации, позволяющий уменьшить объем файла в несколько раз. Изображение в формате GIF хранится построчно, поддерживается только формат с индексированной палитрой цветов. Рекомендуется для хранения; изображений, создаваемых программным путем (диаграмм, графиков и так далее) и рисунков (типа аппликации) с oгpaниченным количеством цветов (до 256). Используется для размещения графических изображений на Web-страницах в Интернете.

PNG (Portable network graphics)

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

JPEG 2000 (или jp2)

Графический формат, который вместо дискретного косинусного преобразования, характерного для JPEG, использует технологию вейвлет-преобразования, основывающуюся на представлении сигнала в виде суперпозиции некоторых базовых функций - волновых пакетов. В результате такой компрессии изображение получается более гладким и чётким, а размер файла по сравнению с JPEG при одинаковом качестве уменьшается ещё на 30%. Говоря простым языком, при одинаковом качестве размер файла в формате JPEG 2000 на 30% меньше, чем JPG. При сильном сжатии JPEG 2000 не разбивает изображение на квадраты, характерные формату JPEG. К сожалению, на данный момен этот формат мало распространён и поддерживается только браузерами Safari и Mozilla/Firerox (через Quicktime).

WMF (Windows MetaFile)

Универсальный формат векторных графических файлов для Windows-приложений. Используется для хранения коллекции графических изображений Microsoft Clip Gallery.