Если вы пытаетесь выбрать формат для сохранения изображения, используйте это правило, чтобы решить: jpeg для фотографий или фотореалистичных изображений с большим количеством цветов; png для штриховых рисунков, изображений с большим количеством текста или прозрачных изображений; и GIF для анимированных картинок.
jpeg | png | |
---|---|---|
Стенды для | Объединенная группа экспертов по фотографии | Портативная сетевая графика |
Лучше всего подходит для | Фотографии; фотореалистичные изображения с большим количеством цветов | Штриховое искусство; изображения с текстом; прозрачные изображения |
Тип MIME | изображение / jpeg | Изображение / png |
Расширения файлов | .jpg, jpg, jpg | .png |
Тип формата | Формат растровой графики | Формат растровой графики |
Raster / Vector | растр | растр |
Управление цветом | да | Поддержка управления цветом за счет включения профилей цветового пространства ICC |
Индексированный цвет | нет | Да (для 1-8-битных png) |
Поддержка переплетения | да | да |
Поддержка анимации | нет | нет |
Поддержка прозрачности | нет | да |
Поддержка метаданных | да | да |
Поддержка многостраничных | нет | нет |
Поддержка слоев | нет | нет |
расширяемый | нет | нет |
Алгоритм сжатия | DCT-сжатие с потерями | Алгоритм сжатия без потерь DEFLATE |
запатентованный | Нет, но части технологии, включая методы сжатия, были предметом многочисленных патентных исков. | нет |
Совместимые приложения | Большинство веб-браузеров и наборов производительности | Большинство веб-браузеров и наборов производительности |
Магический номер | FF D8 | 89 50 4e 47 0d 0a 1a 0a |
Единый идентификатор типа | public.jpeg | public.png |
jpeg и png похожи в нескольких отношениях. Они поддерживают сопоставимые уровни глубины цвета и поддерживают метаданные, чередование и управление цветом.. ни Формат поддерживает анимацию, слои или HDR.
Их разделение заключается в том, что png поддерживают прозрачность изображения, а jpeg - нет. Более того, цветовая индексация доступна для 1-8-битных png, но совсем не поддерживается в jpeg.
Существует много менее известных альтернативных версий jpeg и png. Например, jpeg не поддерживают HDR, но существует неофициальный jpeg-HDR. Есть даже форматы jpeg без потерь. И хотя png не поддерживают анимацию, как GIF, есть Apng, нестандартный ответвление png, которое позволяет анимацию.
Проблема с использованием менее известных версий jpeg и png сводится к поддержке. Не все браузеры будут правильно отображать все форматы изображений (например, Firefox поддерживает Apng, но Internet Explorer - нет, а Chrome требует расширения). В большинстве случаев дизайнеры должны придерживаться хорошо поддерживаемых настроек по умолчанию, чтобы не повредить пользовательскому опыту..
Камеры DSLR обычно позволяют фотографам хранить свои изображения в нескольких различных графических форматах, а именно в RAW, jpeg и иногда в формате TIFF. Хотя jpeg имеют преимущество меньшего размера файла, они с потерями, ведущие профессиональные фотографы и профессионалы предпочитают форматы TIFF или RAW для сжатия без потерь или с высоким качеством сжатия с потерями..
В пост-продакшн фотографы могут корректировать данные изображений RAW и затем сохранять их в новом формате файлов без потерь (но более доступном), таком как png. Формат файла имеет значение, так как большинство служб печати принимают jpeg и png, а иногда и TIFF, но только некоторые службы печати будут работать с изображениями RAW.
Большинство веб-сайтов используют в своих проектах комбинацию jpeg и png (а иногда и GIF), поскольку jpeg и png используются по разным причинам. В большинстве случаев jpeg используются для больших изображений, таких как фотографии или большие графические фоны веб-сайтов, так как природа jpeg с потерями допускает меньшие размеры файлов, то есть веб-сайты могут загружать дизайны быстрее. Программное обеспечение для разработки, такое как Adobe Photoshop, содержит инструменты, которые могут сказать дизайнерам, какой размер файла будет при использовании определенного формата и настройке его параметров, прежде чем они даже сохранят изображение. Хотя png никогда не приведет к меньшему размеру файла, чем jpeg, когда речь идет о больших изображениях со сложными сценами, сжатие без потерь в формате png иногда приводит к меньшему размеру файла для небольших изображений, особенно тех, которые имеют компьютерную графику (например, линию или квадрат нарисован в фотошопе).
Чаще всего png используются с небольшими изображениями, такими как веб-иконки, где сжатие без потерь обеспечивает четкие и четкие изображения; png также используются, когда требуется прозрачный фон для окружения центрального изображения (например, при использовании спрайтов).
jpeg и png используют совершенно разные методы сжатия. jpeg использует метод сжатия с потерями на основе DCT, который жертвует качеством в пользу файлов меньшего размера. png отдает приоритет качеству и использует алгоритм сжатия без потерь DEFLATE. Размер файла jpeg можно уменьшить, отрегулировав процент качества изображения во время сохранения, в то время как размер файла png регулируется менее легко и обычно требует отдельной программы для дальнейшего сжатия изображения.
Посмотрите следующее видео, чтобы узнать, как различные методы сжатия влияют на размер файла, глубину цвета и загрузку изображения в форматах jpeg и png..
Поскольку файлы jpeg с потерями, не следует редактировать и повторно сохранять в формате jpeg несколько раз, так как это приведет к серьезному ухудшению качества изображения (однако, сохранение в одном сеансе без закрытия файла между сохранениями - это нормально). jpeg-файлы, которые были сохранены много раз, становятся пиксельными и не отображают цвета точно. Напротив, png могут быть сохранены и восстановлены без потери качества. Это видео показывает потери этого поколения в течение 600 сохранений.
Благодаря универсальной поддержке браузерами прозрачности png в последние несколько лет популярность png возросла, особенно для определенных элементов веб-дизайна. Тем не менее, подавляющее большинство из триллионов изображений в Интернете, многие из которых являются фотографиями или рисунками, все еще являются файлами jpeg, и вряд ли это изменится в ближайшее время.
Многие компании, в том числе многие патентные тролли, утверждают, что имеют патенты на одну форму технологии jpeg или другую. Это привело к многочисленным судебным процессам за последние годы, причем последняя из них произошла в 2013 году, когда компания под именем Princeton Digital Image Corporation подала в суд на десятки крупных компаний, в том числе Amazon, Netflix и Costco, за использование jpeg изображения на своих сайтах. Патентование методов сжатия является основной причиной того, что jpeg без потерь никогда не становился популярным. Мало кто хочет поддерживать или использовать такой jpeg из-за боязни быть поданным в суд.
png был разработан для замены GIF, который использует метод сжатия, который был ранее запатентован Unisys. png используют метод сжатия, DEFLATE, который не запатентован, таким образом устраняя страх нарушения патента.