Формат фотографии: Форматы печати фотографий | Москва

Форматы печати фотографий | Москва

• 1) Основные размеры (10х15, 15х20, 21х30)
• 2) Специальные размеры (9х12, 11,5х15, 13х18, 15х22,5, 20х30, 10х30, 15х45, 30х40, 30х42, 30х45)
• 3) Свободный размер

Основные размеры

10х15. Самым популярным размером фотографии является, конечно, 10×15 см. Точный размер – 102мм х 152мм. В разных лабораториях он может варьироваться от 98-102мм по ширине и 148-152мм по длине. Это зависит от настройки печатающей машины и используемой фотобумаги.

Преимущества:

• Низкая цена;
• Размер достаточный, чтобы узнавать людей на крупных и средних планах;

Недостатки:

• Совсем не подходит для качественных и художественных фото, теряются детали из-за малого размера;
• На групповых фото лица трудноразличимы;
• В большинстве случаев не совпадает с форматом цифровых камер. Часть изображения обрезается при печати или приходится печатать «с полями».

15х20. Второй по популярности формат печати фотографий. Точный размер 152мм х 203мм.

Преимущества:

• Приемлемый размер для печати художественных фото;
• Подходит для групповых фото;
• Совпадает с форматом (соотношение сторон) большинства цифровых камер.

Недостатки:

• Довольно дорого печатать большое количество фотографий такого формата, в сравнении с 10х15;
• Фотоальбомы для этого формата в продаже встречаются редко.

21х30. Точный размер 210мм х 305мм. Популярность этого формата обусловлена его близостью к чертежному формату А4 (210мм х 297мм).

Преимущества:

• Идеально подходит для художественных фото. Основной формат при обучении в фотошколах. Позволяет увидеть все недочеты и ошибки при съемке;
• Этот формат хорошо подходит для того, чтобы повесить фотографию на стену, так как хорошо различим с расстояния до трех метров;
• Подходит для рамок, папок, «файлов» размера А4.

Недостатки:

• Дорого;
• Неудобно хранить большое количество фотографий.

Специальные размеры

9х12, 13х18. Форматы, некогда популярные, сейчас встречаются все реже. С чем это связано сказать трудно. Никаких преимуществ перед своими собратьями 10х15 и 15х20 они не имеют. Но имеют недостаток – меньший размер.

11,5х15, 15х22,5. Специальные форматы. Появились из-за разного соотношения у разных камер: 3 к 4 или 2 к 3. В начале эпохи цифровых камер соотношение сторон у «цифры» было исключительно 3 к 4. Для печати фотографий, не обрезая существенную часть изображения, придумали «цифровой» формат 11,5х15. Аналогично существует формат 15х22,5 для печати без обрезания фотографий с соотношением сторон 2 к 3.

Преимущество:

• При печати изображение не обрезается.

Недостатки:

Очень сложно найти альбомы и фоторамки для этих форматов.

10х30, 15х45. Это «панорамный» формат. Очевидно, что предназначен для печати панорамных фотографий.

Преимущество:

Полностью вмещает панорамное фото.

Недостаток:

Неудобен в обращении и хранении.

20х30. Старый формат, идеально подходивший для печати с фотопленки больших отпечатков. Часто используется для портретов наряду с форматом 21х30.

Преимущество:

Идеален для печати художественных фотографий с фотопленки.

Недостатки:

• Дорого;
• Неудобно хранить большое количество фотографий.

30х40, 30х42, 30х45. Форматы используются профессиональными фотографами.

Преимущества:

• Максимально раскрывает красоту фотографии для зрителей;
• Идеально подходит для украшения интерьера.

Недостатки:

• Дорого;
• Большой риск помять при транспортировке.

Свободный размер

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

Форматы и размеры фото для печати. Сравнение фотоформатов с А4

Нас часто спрашивают: — «Можно ли у вас распечатать фотографии А4?».

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

Форматы фотобумаги отличаются от международных форматов ISO, но чаще всего в быту мы оперируем именно привычными для нас терминами и размерами, такими как — А4, ватман и т.д. Хотя форматы фотобумаги и обычные форматы достаточно близки, они все же отличаются друг от друга.

Основные фотоформаты имеют соотношение сторон, аналогичное матрицам современных цифровых камер 1: 1,5 (2/3) или 1: 1,33 (3/4). Стандартные международные форматы бумаги имеют соотношение сторон 1: 1,4142, то есть они не совпадают по пропорциям. При печати на минилабах Noritsu используются именно фотостандарты. Также фотостандартам соответствуют и такие знакомые нам фоторамки и фотоальбомы для хранения фотографий.

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

Фотоформат, который мы печатаем	Размер фото в px	Размер фото в мм	Соотношение сторон	Стандарт ISO	Размер ISO в мм
10х15	1217×1807	103×153	2:3	≈А6	105х148
15×21	1807×2492	153×211	3:4	≈А5	148х210
20х30	2409×3614	204×306	2:3	≈А4	210×297
30х40	3614×4972	306×421	3:4	≈А3	297х420
30х45	3614х5410	306х458	2:3	≈А3	297х420
30х60	3614×7217	306х611	1:2	≈А2	420х594

Теперь разберемся подробно с каждым из фотоформатов. Популярный формат 10х15 по одной из сторон на 2 мм меньше, чем стандартный А6, по другой на 5 мм больше. Поэтому, если нужен именно А6, стоит заказать фото 15х21 и обрезать лишнее вручную.

Ниже вы видите как соотносится формат 10х15 с известным А4.

Фотография 15х21 будет чуть больше, чем лист А5. По одной из сторон на 5 мм, по другой — на 1 мм. Поэтому, если нужен именно А5, смело заказывайте фото 15х21, лишнее обрежете.

Ниже вы видите соотношение 15х21 к А4.

Формат 20х30 это почти А4, но фото по одной стороне на 6 мм меньше, а по другой больше на 9 мм, чем А4. 20х30 и А4 — несоразмерны.

Ниже приведено соотношение фото 20х30 к А4.

Если необходимо А3, тогда выбирайте фото 30х40. 30х40 на 9 мм с одной стороны и на 1 мм с другой больше чем А3. Спокойно заказываем и обрезаем самостоятельно =).

Ниже вы видите соотношение 30х40 и А3.

Фото 30х45 больше, чем А3. Это видно на картинке ниже.

Фото 30х60 трудно сравнивать с обычной бумагой. 30х60 значительно меньше, чем А2 (ватман) и значительно больше, чем А3. Но это не мешает снимкам 30х60 быть популярными среди фотохудожников.

Ниже вы видите соотношение фото 30х60 к А3.

Ниже приведено соотношение фотоформатов между собой.

Команда pro.cyfrolab

7 форматов файлов фотографий, о которых вам нужно знать

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

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

Существует всего несколько форматов файлов фотографий, которые оптимальны для печати, и мы в Frame It Easy можем распечатать только три из них. (Не волнуйтесь, мы еще вернемся к этому.) Но важно знать основные характеристики каждого основного формата.

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

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

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

Файлы, которые можно распечатать

1) .JPEG / .JPG

Подходит для загрузки изображений в Интернет и для хранения фотографий небольшого размера.

JPEG (или JPG) — это сокращение от Joint Photographic Experts Group. Лучше всего они работают с цветными и черно-белыми фотографиями. JPEG также является форматом файлов, который мы чаще всего печатаем для наших клиентов.

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

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

В большинстве случаев, если вы используете изображения со своего телефона или изображения, размещенные в Интернете, файлы JPEG будут практически одинаковыми, заканчиваясь расширением .JPEG или .JPG. Однако изображения, снятые цифровой камерой более высокого класса, могут иметь метаданные Exchangeable image file (или Exif), которые содержат такую ​​информацию, как тип используемой камеры и настройки цвета при съемке изображения. Обычно они предназначены для более профессиональных типографий.

К счастью, мы обрабатываем все файлы JPEG одинаково. Поэтому, если вы делаете снимок со своего телефона или используете камеру типа «наведи и снимай», вам не о чем беспокоиться. Наша талантливая команда позаботится о том, чтобы предоставленное вами изображение имело наилучшее качество цвета при печати для обрамления.

Краткое примечание о .HEIC

Возможно, недавно вы видели еще один тип фотографий, который появился на ваших устройствах — .HEIC. Фотографии на современных iPhone часто имеют формат . HEIC, тип высокоэффективного формата файла изображения. Когда он экспортирует/отправляет их куда-либо, он должен конвертировать их в JPEG, но иногда этого не происходит. Если вы столкнетесь с .HEIC в дикой природе, это прекрасное изображение, но его необходимо преобразовать в JPEG, чтобы мы могли его принять.

2) .PNG

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

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

Но с высоким качеством приходит и большая ответственность. Поскольку файлы PNG не имеют потерь, чем больше и сложнее изображение, тем больше размер файла. Для фотореалистичных загрузок с разрешением 300 точек на дюйм (DPI) PNG привели бы к огромным размерам файлов; изображение того же размера одного цвета будет составлять часть размера файла.

Если у вас есть фотореалистичное изображение, мы рекомендуем сначала преобразовать изображение в JPEG, так как это может значительно уменьшить размер файла.

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

Важное примечание о цвете: Цветовое пространство (CMYK или RGB) и цветовой профиль (sRGB и т. д.) также очень важны. Они во многом определяют, как будет печататься фотография. PNG обычно предназначены для экрана, а не для печати, и, хотя PNG поддерживает встраивание цветового профиля, он делает , а не позволяют встраивать цветовое пространство. JPEG более гибкий и поддерживает как цветовое пространство, так и цветовой профиль.

3) .GIF

Подходит для передачи изображений, онлайн-хранилища или создания коротких анимаций.

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

Формат разработан в 1987. Первоначально он использовался для уменьшения размера изображений и создания коротких анимаций. Как и PNG, это формат без потерь. Однако максимальный цветовой диапазон GIF-файлов составляет 256 оттенков, что делает их неоптимальными для печати. (Это значительно меньше, чем 16,7 миллионов цветов в JPEG и PNG.) отправить GIF-файлы. Мы по-прежнему рекомендуем файлы JPEG и PNG для более качественной печати.

Файлы, которые мы не можем распечатать, но по-прежнему хороши

4) .TIFF

Подходит для печати и хранения изображений с высоким разрешением. И это хорошо для размещения этих изображений в формате макета страницы.

Сокращение от Tagged Image File Format, TIFF обычно очень высокого качества. Вот почему многие художники используют их для транспортировки и печати своих работ. Они также используются для настольных издательских систем, факсимильной связи и трехмерных приложений.
Поскольку файлы TIFF имеют такое высокое качество, они удобны для редактирования, поскольку они не ухудшаются и не превращаются в пиксели при последующих изменениях.

Этот формат имеет некоторые недостатки. Многие программы будут иметь проблемы с его поддержкой из-за его размера.

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

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

5) .PDF

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

Portable Document Format — для краткости PDF — был создан в 1991 году. Этот формат предназначен для захвата электронных версий документов, готовых к перепечатке, как это было первоначально задумано. Если вам когда-либо приходилось подписывать онлайн-документ, вы, вероятно, сталкивались с PDF. Они также могут быть преобразованы в другие типы файлов.

Существует несколько способов преобразования PDF в PNG или JPEG. Если у вас Mac, просто откройте PDF-файл в режиме предварительного просмотра и выберите «Файл» > «Экспорт», а затем выберите нужный формат. В этом случае вам нужен либо JPEG, либо PNG.

Если у вас есть ПК, вам потребуется программное обеспечение для преобразования PDF-файла в тип файла, который может читать наш сайт. Мы рекомендуем широкоугольный конвертер PDF или Adobe Acrobat Pro.

6) .EPS

Подходит для трехмерных изображений, больших баннеров и векторной графики.

EPS — это сокращение от Encapsulated Postscript. Эти файлы похожи на PDF и TIFFS, так как они хороши для создания баннеров или графики с крупным шрифтом.

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

Тем не менее, существуют некоторые ограничения для этого формата файла. В MacOS вы сможете сразу открыть EPS; В Windows для этого вам понадобится такая программа, как Adobe Illustrator.

Фотостандарт

7) .RAW

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

Файлы RAW являются лучшим форматом файлов для фотосъемки. Они не сжимают, не манипулируют и не изменяют фотографию.

Этот формат используется с профессиональным цифровым фотооборудованием или цифровой зеркальной фотокамерой. С некоторыми настройками вашего iPhone вы также можете снимать фотографии в этом формате. Некоторые телефоны Android также могут делать фотографии в формате RAW.

Позволяет пользователю изменять изображение без каких-либо предварительных изменений. По сути, это фотография, как ее сканирует объектив камеры, и ничего более. Файлы RAW, как правило, больше, чем JPEG, но немного меньше, чем TIFF.

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

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

Заключительные мысли

Большую часть времени замечать различия в формате файлов нужно очень внимательно. Тем не менее, это не означает, что этих различий не существует, поэтому важно знать, что они означают.

Здесь, в Frame It Easy, JPG, сохраненный в максимальном качестве с минимально возможным сжатием, — это то, что мы рекомендуем загружать.

Если у вас есть какие-либо вопросы перед отправкой фотографий в печать, не стесняйтесь обращаться в нашу службу поддержки, и они будут рады помочь вам!

Этот пост впервые появился как 7 форматов файлов фотографий, о которых вам нужно знать на Frame It Easy — Учебный центр для пользовательского кадрирования изображений.

Руководство по типам и форматам файлов изображений — технологии веб-медиа

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

Ниже перечислены форматы файлов изображений, наиболее часто используемые в Интернете.

Примечание: Более старые форматы, такие как PNG, JPEG, GIF, имеют низкую производительность по сравнению с более новыми форматами, такими как WebP и AVIF, но имеют более широкую «историческую» поддержку браузеров. Новые форматы изображений становятся все более популярными, поскольку браузеры без поддержки становятся все более неактуальными (то есть имеют практически нулевую долю рынка).

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

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

Примечание. В Safari 11.1 добавлена ​​возможность использовать формат видео в качестве замены анимированного gif. Никакой другой браузер не поддерживает это. Смотрите ошибку Chromium и ошибку Firefox для получения дополнительной информации.

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

В приведенных ниже таблицах термин бит на компонент относится к числу битов, используемых для представления каждого компонента цвета. Например, глубина цвета RGB, равная 8, означает, что каждый из компонентов красного, зеленого и синего представлен 8-битным значением. Битовая глубина , с другой стороны, — это общее количество битов, используемых для представления каждого пикселя в памяти.

APNG (анимированная переносимая сетевая графика)

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

APNG идеально подходит для базовых анимаций, которые не нужно синхронизировать с другими действиями или звуковой дорожкой, такими как индикаторы выполнения, индикаторы действий и другие анимированные последовательности. Например, APNG — это один из форматов, поддерживаемых при создании анимированных наклеек для приложения Apple iMessage (и приложения Messages на iOS). Они также обычно используются для анимированных частей пользовательского интерфейса веб-браузеров.

Изображение AVIF

Формат файла изображения AV1 (AVIF) — это мощный бесплатный формат файла с открытым исходным кодом, который кодирует битовых потока AV1 в контейнере High Efficiency Image File Format (HEIF).

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

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

Формат предлагает:

• Отличное сжатие с потерями по сравнению с JPG и PNG для визуально схожих уровней сжатия (например, изображения AVIF с потерями примерно на 50% меньше, чем изображения JPEG).
• Обычно AVIF имеет лучшее сжатие, чем WebP — среднее значение сжатия 50% против 30% для одного и того же набора JPG (источник: Сравнение AVIF WebP (блог CTRL)).
• Сжатие без потерь.
• Хранение анимации/множества изображений (аналогично анимированным GIF, но с гораздо лучшим сжатием)
• Поддержка альфа-канала (т.е. для прозрачности).
• Расширенный динамический диапазон (HDR): поддержка хранения изображений, которые могут отображать больший контраст между самыми светлыми и самыми темными частями изображения.
• Wide Color Gamut: поддержка изображений, которые могут содержать более широкий диапазон цветов.

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

AVIF поддерживается на рабочем столе в Chrome, Opera и Firefox (Firefox поддерживает неподвижные изображения, но не анимацию). Поскольку поддержка еще не является всеобъемлющей (и имеет небольшую историческую глубину), вы должны предоставить запасной вариант в формате WebP, JPEG или PNG, используя элемент (или какой-либо другой подход).

BMP (файл Bitmap)

Тип файла BMP ( Bitmap image ) наиболее распространен на компьютерах с Windows и обычно используется только в особых случаях в веб-приложениях и содержимом.

Предупреждение: Обычно следует избегать использования файлов BMP для содержимого веб-сайта. Наиболее распространенная форма файла BMP представляет данные в виде несжатого растрового изображения, что приводит к большим размерам файлов по сравнению с типами изображений PNG или jpg. Существуют более эффективные форматы BMP, но они широко не используются и редко поддерживаются веб-браузерами.

Теоретически BMP поддерживает множество внутренних представлений данных. Простейшая и наиболее часто используемая форма файла BMP представляет собой несжатое растровое изображение, в котором каждый пиксель занимает 3 байта, представляющих его красный, зеленый и синий компоненты, а каждая строка дополняется 0x00 байт до ширины, кратной 4 байтам.

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

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

GIF (формат обмена графикой)

В 1987 году поставщик онлайн-услуг CompuServe представил формат файла изображения GIF ( Graphics Interchange Format ), чтобы обеспечить формат сжатой графики, который могли использовать все участники их службы. GIF использует алгоритм Lempel-Ziv-Welch (LZW) для сжатия без потерь 8-битной индексированной цветной графики. GIF был одним из первых двух графических форматов, поддерживаемых HTML, наряду с XBM.

Каждый пиксель в GIF представлен одним 8-битным значением, служащим индексом в палитре 24-битных цветов (по 8 бит красного, зеленого и синего). Длина таблицы цветов всегда равна степени двойки (то есть каждая палитра имеет 2, 4, 8, 16, 32, 64 или 256 элементов). Для имитации более 255 или 256 цветов обычно используется сглаживание. Технически возможно объединить несколько блоков изображения, каждый со своей цветовой палитрой, для создания полноцветных изображений, но на практике это делается редко.

Пиксели непрозрачны, если определенный индекс цвета не обозначен как прозрачный, и в этом случае пиксели, окрашенные в это значение, полностью прозрачны.

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

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

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

GIF — хороший выбор для простых изображений и анимации, хотя преобразование полноцветных изображений в GIF может привести к неудовлетворительному дизерингу. Как правило, современный контент должен использовать PNG для индексированных неподвижных изображений без потерь и , и следует рассмотреть возможность использования APNG для анимационных последовательностей без потерь.

ICO (значок Microsoft Windows)

Формат файла ICO (значок Microsoft Windows) был разработан Microsoft для значков рабочего стола систем Windows. Однако в ранних версиях Internet Explorer появилась возможность для веб-сайта предоставить файл ICO с именем favicon.ico в корневом каталоге веб-сайта, чтобы указать значок favicon — значок, который будет отображаться в меню «Избранное», и другие места, где было бы полезно изобразительное изображение сайта.

Файл ICO может содержать несколько значков и начинается с каталога со списком сведений о каждом из них. После каталога идут данные для иконок. Данные каждого значка могут быть либо изображением BMP без заголовка файла, либо полным изображением PNG (включая заголовок файла). Если вы используете файлы ICO, вам следует использовать формат BMP, так как поддержка PNG внутри файлов ICO не была добавлена ​​до Windows Vista и может не поддерживаться должным образом.

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

JPEG (изображение Объединенной группы экспертов по фотографии)

Формат изображения JPEG (обычно произносится как « jay-peg ») в настоящее время является наиболее широко используемым форматом сжатия с потерями для неподвижных изображений. Это особенно полезно для фотографий; применение сжатия с потерями к содержимому, требующему резкости, например к диаграммам или диаграммам, может привести к неудовлетворительным результатам.

JPEG на самом деле является форматом данных для сжатых фотографий, а не типом файла. Спецификация JFIF ( J PEG F ile I interchange F формат) описывает формат файлов, которые мы считаем изображениями «JPEG».

PNG (Portable Network Graphics)

Формат изображения PNG (произносится как « ping ») использует сжатие без потерь, поддерживает более высокую глубину цвета, чем GIF, и является более эффективным, а также поддерживает полную альфа-прозрачность.

PNG широко поддерживается, и все основные браузеры предлагают полную поддержку его функций. Internet Explorer, который представил поддержку PNG в версиях 4–5, не поддерживал ее полностью до IE 9 и имел много печально известных ошибок на протяжении многих прошедших лет, в том числе в когда-то вездесущем Internet Explorer 6. Это замедлило внедрение PNG, но теперь оно широко используется, особенно когда требуется точное воспроизведение исходного изображения.

SVG (масштабируемая векторная графика)

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

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

SVG можно использовать в веб-содержимом двумя способами:

1. Вы можете напрямую написать элемент в HTML, содержащий элементы SVG для рисования изображения.
2. Вы можете отображать изображение SVG везде, где вы можете использовать любые другие типы изображений, в том числе с и элементы , свойство CSS background-image и так далее.

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

TIFF (формат файла изображения с тегами)

TIFF — это формат файла растровой графики, который был создан для хранения отсканированных фотографий, хотя это может быть любое изображение. Это несколько «тяжелый» формат, поскольку файлы TIFF имеют тенденцию быть больше, чем изображения в других форматах. Это связано с часто включаемыми метаданными, а также с тем фактом, что большинство изображений TIFF либо несжаты, либо используют алгоритмы сжатия, которые по-прежнему оставляют довольно большие файлы после сжатия.

TIFF поддерживает различные методы сжатия, но наиболее часто используемыми являются системы сжатия CCITT Group 4 (и, для более старых факсимильных систем, Group 3), используемые программным обеспечением факса, а также LZW и сжатие JPEG с потерями.

Каждое значение в файле TIFF указывается с помощью его тега (указывающего, что это за информация, например, ширина изображения) и его типа (указывающего формат, в котором хранятся данные), за которым следует длина массива значений для присвоения этому тегу (все свойства хранятся в массивах, даже для отдельных значений). Это позволяет использовать разные типы данных для одних и тех же свойств. Например, ширина изображения ImageWidth хранится с использованием тега 9.0238 0x0100 и представляет собой массив с одной записью. При указании типа 3 ( SHORT ) значение ImageWidth сохраняется как 16-битное значение:

При указании типа 4 ( LONG ) ширина сохраняется как 32-битное значение:

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

TIFF поддерживает множество цветовых пространств, а не только RGB. К ним относятся CMYK, YCbCr и другие, что делает TIFF хорошим выбором для хранения изображений, предназначенных для печати, кино или телевидения.

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

WebP-изображение

WebP поддерживает сжатие с потерями с помощью прогнозирующего кодирования на основе видеокодека VP8 и сжатие без потерь, в котором используются замены для повторяющихся данных. Изображения WebP с потерями в среднем на 25–35 % меньше, чем изображения JPEG с визуально схожими уровнями сжатия. Изображения WebP без потерь обычно на 26% меньше, чем те же изображения в формате PNG.

WebP также поддерживает анимацию: в файле WebP с потерями данные изображения представлены битовым потоком VP8, который может содержать несколько кадров. WebP без потерь занимает 9-е местоБлок 0238 ANIM , описывающий анимацию, и блок ANMF , представляющий кадр последовательности анимации. Зацикливание поддерживается.

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

Примечание: Несмотря на объявленную поддержку WebP в Safari 14, начиная с версии 14.0 изображения .webp не отображаются изначально на рабочем столе macOS, тогда как Safari на iOS 14 отображает изображения .webp должным образом.

XBM (файл растрового изображения системы X Window)

Файлы XBM (X Bitmap) были первыми, которые стали поддерживаться в Интернете, но больше не используются, и их следует избегать, так как их формат имеет потенциальные проблемы с безопасностью. Современные браузеры уже много лет не поддерживают файлы XBM, но при работе со старым содержимым вы можете найти некоторые из них.

XBM использует фрагмент кода C для представления содержимого изображения в виде массива байтов. Каждое изображение состоит из 2–4 #define , предоставляя ширину и высоту растрового изображения (и, возможно, горячую точку, если изображение спроектировано как курсор), за которыми следует массив из беззнаковых символов , где каждое значение содержит 8 1-битных монохромных пикселей.

Изображение должно быть кратно 8 пикселям в ширину. Например, следующий код представляет изображение XBM размером 8 на 8 пикселей, причем эти пиксели расположены в черно-белом шахматном порядке:

 #define square8_width 8
# определить площадь8_высота 8
статический символ без знака Square8_bits[] = {
  0xAA, 0x55, 0xAA, 0x55, 0xAA, 0x55, 0xAA, 0x55
};
 

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

Фотографии

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

Лучший выбор	Резервный вариант
WebP или JPEG	JPEG

Иконки

Для небольших изображений, таких как значки, используйте формат без потерь, чтобы избежать потери деталей в изображении ограниченного размера. Хотя WebP без потерь идеально подходит для этой цели, поддержка еще не получила широкого распространения, поэтому PNG — лучший выбор, если вы не предлагаете запасной вариант. Если ваше изображение содержит менее 256 цветов, можно использовать GIF, хотя PNG часто сжимает еще меньше с помощью опции индексированного сжатия (PNG-8).

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

Лучший выбор	Резервный вариант
SVG, WebP без потерь или PNG	PNG

Скриншоты

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

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

Лучший выбор	Резервный вариант
WebP или PNG без потерь; JPEG, если артефакты сжатия не беспокойство	PNG или JPEG; GIF для скриншотов с малым количеством цветов

Диаграммы, рисунки и диаграммы

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

Лучший выбор	Резервный вариант
СВГ	PNG

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

Например, если вы показываете диаграмму, лучше всего отображаемую в формате SVG, но хотите предложить альтернативу диаграмме в формате PNG или GIF, вы должны сделать что-то вроде этого:

 
  
  
  <изображение
    источник = "диаграмма.gif"
   
   
    alt="Диаграмма, показывающая каналы данных" />

 

Вы можете указать столько s, сколько пожелаете, хотя обычно достаточно 2 или 3.

• Руководство по типам и форматам носителей
• Технологии веб-медиа
• Руководство по видеокодекам, используемым в Интернете
• Элементы HTML и
• Свойство CSS background-image
• Конструктор HTMLImageElement.