Самый четкий формат изображения. JPEG или RAW - что выбрать фотографу? Понятие векторной и растровой графики

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

RAW.

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

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

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

JPEG (он же JPG).

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

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

В JPG применяется алгоритм сжатия с потерей качества. Что это нам дает? Явный минус такой системы — потеря качества изображения при каждом сохранении файла. С другой сжатие изображения в 10 раз упрощает передачу данных.

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

TIFF.

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

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

Право на формат TIFF в данный момент принадлежит компании Adobe. Photoshop может сохранять TIFF без объединения слоев.

PSD.

Формат PSD используется в программе Photoshop. PSD позволяет сохранять растовое изображение со многими слоями, любой глубиной цвета и в любом цветовом пространстве.

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

Так же PSD поддерживает сжатие без потери качества. Но обилие информации, которое может содержать PSD файл, сильно увеличивает его вес.

BMP.

Формат BMP один из первых графических форматов. Его распознает любая программа работающая с графикой, поддержка формата интегрирована в операционные системы Windows и OS/2.

BMP хранит данные с глубиной цвета до 48 бит и максимальным размером 65535×65535 пикселей.
На данный момент формат BMP практически не используеться ни в интернете (JPG весит в разы меньше), ни в полиграфии (TIFF справляеться с этой задачей лучше).

GIF.

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

PNG.

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

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

JPEG 2000 (или jp2).

Новый графический формат, созданный для замены JPEG. При одинаковом качестве размер файла в формате JPEG 2000 на 30% меньше, чем JPG.

При сильном сжатии JPEG 2000 не разбивает изображение на квадраты, характерные формату JPEG.

К сожалению, на данный момен этот формат мало распростанён и поддерживается только браузерами Safari и Mozilla/Firerox (через Quicktime).

Как формат JPEG произвел в свое время революцию среди форматов изображений, так и новый формат FLIF обещает такого же масштаба событие для дизайнеров и веб-разработчиков.

Создан адаптивным

Разработка адаптивных сайтов, таких, которые подстраиваются под размеры экрана пользователя, является сейчас «горячей темой», и не удивительно. Сейчас к сайтам обращаются с большего числа самых разных устройств. Настольные компьютеры, ноутбуки, смартфоны, планшеты, а с недавних пор еще и «умные» телевизоры, носимые устройства типа Apple Watch и другие – разнообразие возможных разрешений экрана невероятно. HTML5 и CSS3 значительно облегчает разработку адаптивных сайтов, но одна из сохраняющихся проблем – работа с изображениями.

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

При использовании формата FLIF на сайте нужен только один файл с изображением - на все случаи жизни. Изображение в формате FLIF может быть скачано в разных размерах из одного и того же исходного файла на сервере. Это достигается частичной загрузкой файла. Благодаря этому FLIF отлично подходит для создания адаптивных сайтов. Поскольку файл всегда один, браузер может начать скачивание его немедленно, не дожидаясь определения размера экрана. Скачивание может быть остановлено тогда, когда будет определено, что скачано достаточно большое изображение. Более того, можно продолжить скачивание с того же места, если потребуется увеличить размер, например, пользователь увеличил масштаб просмотра страницы.

FLIF помогает более эффективно использовать ресурсы на стороне клиента, определяя требуемый размер файла в данный момент на основании чего-либо из следующего:

Разрешения экрана и места на экране под это изображение
Доступная в данный момент скорость скачивания
Свободное место на диске и в памяти
Видимо ли в данный момент это изображение на экране

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

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

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

Бесплатно и без патентов

В отличие от таких форматов как BPG или JPEG 2000, FLIF полностью свободен от необходимости делать какие-либо отчисления и не защищается никакими патентами. FLIF использует арифметическое кодирование, но все патенты, связанные с арифметическим кодированием, утратили срок действия.

Поддержка формата

Пока никакие браузеры не поддерживают FLIF. Соответствующие запросы

У меня на сайте есть несколько статей о том, как работать с картинками:

Где взять картинки для оформления сайта? Как изменить размер картинки.

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

Поисковая система это все как-то затейливо связала, и ко мне на сайт стали попадать люди по запросу «Как изменить расширение картинки или фото ?». Поэтому я, как порядочный человек, решила ответить на этот вопрос.

1. Расширение, или тип изображения.

Что такое расширение картинки? Утрировано это то, что находится в названии любого файла после точки. Схематично название любого файла выглядит так: НАЗВАНИЕ. расширение

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

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

Это универсальный совет для любого графического редактора.

Проще всего выполнить это во встроенном во Windows редакторе Paint.

Путь для открытия редактора: Пуск - Программы – Стандартные – Paint

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

Аналогичную операцию можно выполнить и в другом графическом редакторе, например, в Фотошопе.

Я обычно использую картинки с расширением jpg

Изображения такого типа легко сжимаются и занимают мало места (по объему в кБ).

Но иногда нужны картинки с прозрачным фоном, чтобы на сайт можно было поместить только какой-то силуэт без фона. В таком случае нужно выбирать тип рисунка png

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

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

P.S. Вы можете сделать это прямо сейчас (online). Изменить расширение картинки или фото онлайн c помощью сервиса Фотошоп онлайн .
Загрузите изображение, нажмите «Сохранить» (для этого сервиса так) и выбирайте расширение.

2. Расширение или разрешение, или размер изображения.

Иногда слово расширение путают со словом разрешение. Некоторые под словом расширение имеют ввиду размер или плотность изображения в пикселях (разрешение экрана) . Например, как получить картинку с разрешением 480*480?

Не все существующие форматы файлов способны сохранять хорошее расширение фотографии. Поэтому и следует очень внимательно подойти к вопросу о выборе формата.

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

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

Формат RAW

обеспечивает наилучшее качество снимка,

Формат TIFF

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

Формат JPEG

самый популярный формат,
подходит для печати,

Формат PNG

Формат GIF

имеет легкий вес,
не подходит для печати,

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

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

Узнать в каком же формате сохранен тот ил иной файл с изображением, можно по символам (расширение), после точки с названием файла (.jpeg .tiff .bmp). Ниже приведен список основных форматов графических файлов , который будет также пополнятся с появлением новых типов.

Форматы цифровых изображений.

BMP (.bmp) – простой формат, предназначенный для хранения информации в виде растровых изображений. Является родным форматом для операционной системы Windows, поэтому и появился на свет благодаря компании Microsoft. Bmp формат по умолчанию не использует сжатия, чему свидетельствует не очень маленький размер файла на выходе. Но при желании есть возможность использовать его с RLE сжатием без потери качества (простой алгоритм сжатия данных).

Глубину цвета данного формата , возможно изменять в диапазоне от 1 бита и до 48 бит на пиксель.
Максимальное разрешение изображения не должно быть выше, чем 65535 на 65535 пикселей.
Поддержка до 16.7 миллионов различных цветов RGB.
Открывается большинством программ (Paint, Paint Net , Gimp).

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

JPEG 2000 (.jp2) - формат созданный для замены обычного jpeg на новый JPEG 2000 даёт преимущество в меньшем размере одинакового цифрового изображения (на 30%) меньше. Еще при сильном сжатии JPEG 2000 квадратиков на изображении нет, как это присуще формату JPEG.

GIF (.gif) - формат идеально подходит для графических чертежей, графиков, схем, поддерживает также прозрачность и анимацию. Может хранить данные сжатыми без потери качества в цветности до 256 цветов.

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

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

TIFF (.tiff и.tif) - формат который позволяет хранить фото контент с различными цветовыми профилями RGB, CMYK, и не теряет качество картинки при многократных пересохранениях. Имеет возможность передачи разной глубины цвета 8, 16, 32 и 64 бита, применяется в основном для печати полиграфии. Размер такого файла большой.

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

Растровую картинку составляют пиксели, и то, как эти пиксели хранятся в файле и как сам этот файл устроен и «говорит» о формате файла.

Расширение приводится после названия файла, после точки, и чаще всего состоит из 3-х символов (например: фото.jpg).

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

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

Наиболее распространенные форматы файлов фотографий

Для цифровых снимков самыми популярными форматами принято считать TIFF, JPEG, RAW, PNG, GIF. Современные фотоаппараты способны получать фотографии в любом из перечисленных форматов. Поэтому сами фотографы нередко спорят между собой, в каком из этих форматов снимки сохраняются более удачно.

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

Подробнее о выборе формата записи цифровой фотографии

Итак, рассмотрим главные особенности популярных форматов фотографий.

Формат RAW

по сути, является аналогом пленочного негатива (в отличие от других форматов, которые представляют собой цифровой аналог слайда),
предназначен для дальнейшей обработки и сохранения либо в конвертируемом виде, либо в другом формате в зависимости от целей фотографа (например, если нужна печать, то в TIFF или JPEG; если - использование для веб, то в PNG и GIF),
обеспечивает наилучшее качество снимка,
обладает большим размером и требует достаточного места на карте памяти,
хранит всю изначальную информацию о фотографии.

Формат TIFF

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

Формат JPEG

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

Формат PNG

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

Формат GIF

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

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

Также популярно использование формата PSD (формата программы PhotoShop) для хранения фотографии на компьютере для дальнейшей обработки.

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

Фотографии и картинки отличаются друг от друга не только по содержанию, но и по другим «компьютерным» характеристикам. Например, по размеру.

Бывает так, что вроде бы два одинаковых рисунка, но у одного размер в три раза больше, чем у другого.

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

А бывает так, что рисунку будто не хватает красок. Вот пример.

И за все это отвечает формат или тип файла .

На заметку . Изображения бывают самых разных форматов. И существует их очень и очень много. Мы не будем рассматривать их все, а поговорим про самые распространенные: bmp, gif, jpg (jpeg), png, tiff.

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

Например, я рисую картину, используя разные цвета. И тут вдруг часть из них закончилась, и приходится дорисовывать тем, что есть. Я, конечно, постараюсь сделать всё возможное, чтобы это не сильно отразилось на результате, но все равно картина получится не такая, как хочется - более блеклая, размытая.

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

Это грубый пример — на самом деле, там все несколько сложнее. Но, думаю, суть вы уловили.

Распространенные форматы изображений

BMP - формат рисунков, сделанных в программе Paint . Его можно использовать для хранения нарисованных картинок на компьютере. Но вот в интернете такой тип не подойдет из-за большого объема. Так что если вы хотите опубликовать картинку Paint в блоге или социальной сети, она должна быть другого типа — gif, jpg или png.

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

JPG - формат фотографий и картин с большим количеством цветов. В нем можно сохранить изображение как без потери качества, так и с потерей.

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

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

Какой формат выбрать

BMP — если это рисунок, сделанный в программе Paint, и вы собираетесь держать его только в компьютере.
GIF — если анимация или рисунок с небольшим количеством цветов для публикации в интернете.
PNG — если это рисунок, в котором много цветов или есть какие-то прозрачные части.
JPG (jpeg) — если фотография.
TIFF — изображение для полиграфии (визитки, буклеты, плакаты и т. д.).

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

Графические форматы файлов, которые поддерживаются большинством популярных веб-браузеров являются: Graphic Interchange Format (GIF), Joint Photographic Experts Group (JPEG), Portable Network Graphics (PNG) и векторная графика. Некоторые свойства графических файлов:

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

GIF основан в 1980 году и принят веб-дизайнерами в начале 1990-х годов в качестве основного графического формата для веб-страниц. GIF файлы используют алгоритм сжатия, который делает размера файла маленьким для быстрой загрузки. GIF ограничен 256 цветами (8 бит), поддержкой прозрачности и черезстрочной графики. Также есть возможность создавать анимированную графику используя этот формат. Все браузеры могут отображать GIF файлы без проблем.

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

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

Файлы сжаты, но поддерживают “истинные цвета” (24 бит) и являются предпочтительным форматом для фотографий, где вопрос о качестве очень важен. JPEG поддерживает прогрессивный формат, который позволяет почти мгновенно видеть изображение, которое улучшиться в качество, когда закончится загрузка.

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

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

Большое сжатия означает более быструю скорость загрузки.
Производит отличное качество для фотографий и сложных рисунков.
Поддержка 24-битного цвета.

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

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

Преодолевает 8-битный цвет ограничений в GIF
Позволяет текстовое описание изображений для поисковых систем
Поддерживает прозрачность
Схемы выглядят лучше, чем в JPEG

Векторная графика

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

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

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

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