Графические форматы: когда и для чего использовать каждый тип

Содержание

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

PDF

PDF (Portable Document Format) — формат, разработанный фирмой Adobe Systems на базе языка PostScript.

Определение 1

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

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

Для создания pdf-файлов обычно используется механизм виртуального pdf- принтера. Чтобы им воспользоваться, необходимо скачать специальную программу. Одной из таких программ является FoxitReader. После стандартного процесса установки в разделе «Устройства и принтеры» меню «Пуск» появится значок виртуального принтера FoxitReader PDF Printer.

Теперь документ, созданный в любой другой программе, можно преобразовать в pdf-формат. Можно преобразовывать документы, созданные в «Блокноте», MS Word, Paint или других графических редактора. Для преобразования документа нужно:

Готовые работы на аналогичную тему

Перейти к команде «Печать», которая обычно находится в меню «Файл».
В открывшемся окне найти список установленных принтеров и среди них выбрать FoxitReader PDF Printer.
Нажать кнопку «Печать».
Указать адрес на жестком диске, куда следует сохранить полученный pdf-файл.

TIFF

TIFF(Tagged Image File Format) — предназначен для хранения растровых рисунков с большой глубиной цвета.

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

JPEG

JPEG (Joint Photographic Experts Group) – растровый графический формат, который чаще всего применяется для хранения фотографий. Файлы созданные в этом формате могут иметь следующие расширения:

.jpeg;
.jfif;
.jpg;
.JPG;
.JPE.

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

CALS

CALS (Computer Aided Acquisition and Logistics Support) –растровый формат, предназначенный для хранения технической графики и для электронного обмена графическими данными. Изображения выполненные в формате CALS могут быть только черно-белыми. Сжатие может использоваться, а может не использоваться. Данный формат был разработан в министерстве обороны США.

BMP

BMP (Bitmap Picture) – растровый формат, разработанный компанией Microsoft. Поддержка этого формата интегрирована в ОС Windows. Глубина цвета в формате BMP Может быть 1,2,4,8,16,32,48.

Файлы формата BMP могут иметь следующие расширения:

PNG

PNG (Portable Network Graphics) – растровый формат, поддерживающий сжатие без потерь. Формат PNG хорошо подходит для промежуточного хранения изображений при многоэтапной обработке, потому что при повторном сохранении не накапливаются искажения. Глубина цвета допускается 8,16,24 и 48 бит.

GIF

GIF (Graphics Interchange Format) – растровый формат, разработанный фирмой CompuServe, предназначенный для передачи графической информации по сети. Этот формат использует сжатие без потерь, но поддерживает только 256-цветовую палитру, что существенно ограничивает его возможности. Важной особенностью формата GIF является возможность анимировать изображения.

SVG

SVG (Scalable Vector Graphics standard) – новый графический стандарт векторной графики. Этот стандарт принципиально отличается от своих предшественников, тем, что изображение в нем описывается текстом на декларативном языке XML.

Например, чтобы описать изображение круга с центром в координатах (100,50), красной заливкой, радиусом 40 пикселов и черной границей толщиной в 2 пиксела, нужно записать следующий код:

stroke-width=»2″ fill=»red» />

Замечание 1

Конечно, это не означает, что пользователь должен знать язык XML и описывать свои изображения, вместо того, чтобы рисовать. Пользователь может создавать изображения традиционным способом: рисуя на холсте при помощи различных инструментов. Но все его действия автоматически переводятся в код на XML и именно так сохраняются. Поскольку XML является текстовым стандартом, то изображения становятся доступны для индексации поисковыми системами. Файлы *.svg занимают мало места и быстро обрабатываются, что делает данный формат незаменимым в работе с web.

CDR

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

Формат является проприетарным (то есть собственностью авторов). По этой причине он не поддерживается многими другими программами. Из свободных графических редакторов с этим форматом работают InkScape и sK1. Кроме того, с помощью программы Uniconvertor CDR может быть преобразован в SVG.

AI

AI (Adobe Illustrator) –проприетарный векторный формат, разработанный компанией Adobe Systems. Поддерживается большинством векторных редакторов.

Форматы растровой графики | ITandLife.ru

Как известно, в зависимости от способа формирования изображения на экране монитора, компьютерную графику принято классифицировать на несколько типов:

растровую

векторную

фрактальную

трехмерную

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

Основы растровой графики

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

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

Разрешение — количество точек на единицу измерения.

dpi (dots per inch) — количество точек на дюйм.

ppi (points/pixels per inch) — пикселов на дюйм.

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

Не путайте разрешение изображения, разрешения монитора и разрешение принтера. Это разные вещи.

Вспомнив основы растровой графики, перейдем к описанию форматов хранения растровой графики.

Форматы хранения изображений в растровой графике

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

Формат BMP

BMP (Bit Map — битова карат). В этом формате первоначально использовалось простейшее кодирование — по пикселам (самое неэкономное), которые обходились последовательно по строкам, начиная с нижнего левого угла графического изображения. Файлы этого формата входили в первые версии Windows. В этом формате использовалось только 256 цветов, т.е. пиксел представляется только одни байтом. В дальнейшем формат стал использоваться и для сохранения полноцветных изображений. Формат BMP — один за стандартных форматов растровой графики.

Формат TIFF

TIFF (Taged Image File Format) — стандартный формат в топографической графике и издательских системах. Файлы в формате TIFF обеспечивают лучшее качество печати. Из-за большого размера, данный формат не применяется при создании Web-сайтов и публикации в Интернет.

Формат TIFF относится к числу наиболее универсальных и распространенных форматов растровой графики. Он создавался в качестве межплатформенного универсального формата для цветных изображений. Работа с ним поддерживается почти всеми программами для работы с точечной графикой. Может хранить графику в монохромном виде, в RGB и CMYK цветовых представлениях.

Формат включает в себя внутреннюю компрессию. Он имеет открытую архитектуру — предусмотрена возможность объявления в заголовке сведений о типе изображения, т.е. его версии могут быть использованы в дальнейшем для представления новых разработок. В формате сохраняется и сопроводительная информация передаваемых изображений (подписи и пр.). Изображения в формате TIFF хранятся в файлах с расширением .tif.

Формат GIF

Формат GIF (Graphic Interchamge Format) — формат обмена графическими данными, который служит для записи и хранения растровых графических изображений. Этот формат отличается от других форматов растровой графики тем, что он долгое время поддерживается в Интернете. Использует индексированные цвета (ограниченный набор цветов). Это один из самых распространенных форматов картинок, распространяемых в Интернет и применяемых при создании Web-сайтов.

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

Формат JPEG

Формат JPEG (Joint Photographic Expert Group) — предназначен для хранения изображений со сжатием. Применяющийся в нем метод сжатия изображений разработан группой экспертов в области фотографии. Сразу становится ясной расшифровка аббревиатуры JPEG — объединенная группа экспертов по обработке фотоснимков.

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

Алгоритм оперирует областями 8 ? 8, на которых яркость и цвет меняется сравнительно плавно. Сжатие в JPEG осуществляется за счет плавного изменения цветов в изображении. Обеспечивается высокий коэффициент сжатия, значение которого достигает 100 и зависит от допустимого уровня потерь изобразительной информации.

Формат широко используется в документах HTML и для передачи данных по сети. Сохраняет параметры графики в цветовом представлении RGB (как правило). Изображения в JPEG формате хранятся в файлах с расширением .jpg.

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

Формат JPEG 2000 (jp2)

Данный формат был разработан для замены JPEG. При сохранении изображения с одинаковым уровнем сжатия изображения, сохраненные в формате JPEG 2000, получаются более четкими и занимают меньше места на диске. К тому же, в этом формате решена проблема с появлением дефектов JPEG, которые появлились при сохранении с большим коэффициетом сжатия (решетка из блоков 8 ? 8 пикселей).

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

Формат PNG

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

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

Формат WMF

Формат WMF (Windows Metafile Format) — используется для обмена графическими данными между приложениями ОС Microsoft Windows. В WMF файлах могут хранится как векторные, так и растровые изображения. Изображения в WMF формате хранятся в файлах с расширением .wmf.

Форматы PSD и CDR

Формат PSD (PhotoShop Document) — внутренний формат для пакета Adobe Photoshop. Позволяет сохранять слои в изображении и поддерживает все типы графики. Изображения в PSD формате хранятся в файлах с расширением .psd.

Формат CDR — внутренний формат для пакета программ фирмы CorelDRAW. Изображения и текст подготовленные в программе CorelDRAW в CDR формате, хранятся в файлах с расширением .cdr.

Заключение

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

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

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

растровому графическому файлу соответствуют форматы *.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.

CDR (CorelDRaw files)

Оригинальный формат векторных графических файлов, используемый в системе обработки векторной графики CorelDraw.

AI (AdobeIllustrator files)

Оригинальный формат векторных графических файлов, используемый в системе обработки векторной графики AdobeIllustrator.

EPS (Encapsulated PostScript)

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

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

Форматы графических изображений

⇐ ПредыдущаяСтр 12 из 14Следующая ⇒

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

В компьютерной графике применяют более 30 форматов файлов для хранения изображений. Наиболее распространенными графическими форматами являются: BMP, TIFF, GIF, JPEG, CDR, EPS и PDF.

Все имеющиеся графические форматы можно разбить на три группы:

растровые;
векторные;
универсальные.

Лучше сохранить результаты работы в формате, который является «родным» для используемой программы, например: Paint – *. bmp, PhotoShop – *.psd, CorelDraw – *.cdr.

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

В таблице 10.2 приведены наиболее распространенные форматы графических изображений.

Таблица 10.2

№	Формат
	Формат .ВМР родной формат WINDOWS. Применяется для хранения растровых изображений, предназначенных для использования в WINDOWS (рабочий стол). В этом формате хранятся растровые документы программы Paint (*.bmp).
	Формат .JPEG является одним из наиболее распространенных графических форматов, которые используются для сжатия растровых картинок фотографического качества. Недостатком этого формата является частичная потеря хранящейся в файле информации (например, тонкие нюансы цветопередачи). Формат рекомендуется использовать только для электронных публикаций. Формат «JPEG» предназначен для хранения растровых изображений в виде (*.jpg).
	Формат .EPS предназначен как для векторных, так и для растровых изображений, надежный и универсальный формат, почти все программы, работающие с графикой, могут писать и читать файлы в этом формате. В этом формате хранятся как векторные, так и растровые документы (*.eps).
	Формат .PDF (Portable Documents Format) предназначен для хранения документов целиком с любыми рисунками, служит только для чтения – родной формат программы Adobe Acrobat (основное средство распространения документов). Формат «PDF» может использоваться для представления как векторных, так и растровых изображений, отличается высокой степенью сжатия, что обеспечивает компактность файлов при высоком качестве иллюстраций. В этом формате хранятся как векторные, так и растровые документы (*.pdf), предназначенные только для чтения, но не для редактирования
	Формат .TIFF (Tagged Image File Format) предназначен для хранения растровых изображений высокого качества, надежный и универсальный формат, почти все программы, работающие с графикой, могут писать и читать файлы в этом формате. Формат TIFF применяется в полиграфии. В этом формате хранятся растровые документы (*.tif).
	Формат .PSD (PhotoShop Documents) предназначен для хранения растровых изображений, родной формат программы Adobe PhotoShop. Основной недостаток заключается в отсутствии эффективных средств сжатия информации и поэтому файлы имеют большой объём. В этом формате хранятся растровые документы в виде (*.psd).
	Формат .PСX предназначен для хранения растровых изображений. Формат устарел из-за ряда недостатков. В этом формате хранятся растровые документы в виде (*.psх).
	Формат .GIF (Graphies Interchange Format) стандартизирован в 1987 году как средство хранения сжатых изображений, предназначен для хранения растровых изображений с фиксированным (256) количеством цветов. Данный формат применим в Интернете благодаря высокой степени сжатия. В этом формате хранятся растровые документы в виде (*.gif).
	Формат .PNG (Portable NetworkGraphies) предназначен для хранения растровых изображений, для публикаций в Интернете. Данный формат применим в Интернете благодаря высокой степени сжатия. Создавался для замены форматов JPEG, GIF, появился в 1995 году. В этом формате хранятся растровые документы в виде (*.png).
	Формат .CDR предназначен для хранения векторных изображений, родной формат программы CorelDraw. В этом формате хранятся векторные документы в виде (*.cdr).
	Формат PhotoCD разработан фирмой Kodak для хранения цифровых растровых изображений высокого качества. В этом формате хранятся растровые документы в виде (*.pcd).
	Формат WMF (Windows MetaFile)предназначен для хранениявекторных изображений операционной системы Windows. Формат имеет ограниченное применение из-за ряда недостатков. В этом формате хранятся векторные документы в виде (*.wmf).

Шрифты, поддерживаемые операционной системой Windows XP

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

Операционная система Windows XP позволяет работать с двумя классами шрифтов: растровыми и векторными.

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

Если растровые шрифты хранятся в виде наборов разных размеров, то размеры векторных шрифтов программно изменяются и эта операция управляема. Векторные шрифты описываются математическими формулами, по которым строятся криволинейные контуры. Линия – это элементарный объём векторной графики. Все рисунки и шрифты векторной графики строятся из линий.

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

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

На основе векторных шрифтов были разработаны стандарты TrueType и Type 1(PostScript). Позже появился новый общий стандарт, который получил название Open Type. Операционная система Windows XP поддерживает все эти три стандарта

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

В текстовых редакторах используются шрифтовые наборы. На основе стандартов Open Type, True Type, Type 1 создан шрифтовой набор, в котором шрифты называют контурными. Система Windows XP использует общее средство установки для всех категорий шрифтов.

В Windows XP используются шрифты трёх основных типов.

Контурные шрифты

Шрифты TrueType и OpenType являются контурными, то есть их изображение формируется с помощью прямых и кривых линий. Тип Open Type является расширением TrueType. Для тех и других шрифтов возможно масштабирование и поворот. Оба типа шрифтов хорошо смотрятся в любых размерах и во всех устройствах вывода, поддерживаемых Windows.

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

Windows содержит различные шрифты OpenType, в том числе Arial, Courier New, Lucida Console, Times New Roman, Symbol и Wingdings.

Векторные шрифты

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

Растровые шрифты

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

В текстовых редакторах прикладные программы не занимаются управлением шрифтами, установленными на компьютере. Этим занимается операционная система. Прикладные программы лишь опираются на операционную систему. Программа «Шрифты» относится к служебным программам для настройки операционной системы Windows XP и находится в приложении «Панель управления» (кнопка «Пуск»).

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

3. Примеры выполнения задания к практическому занятию №10

Практическое занятие №10 предусматривает работу с двумя видами графики, отмечая их достоинства и недостатки. Объектом рассмотрения выбраны шрифты, хранящиеся в виде стандартных шрифтовых наборов в служебной программе «Шрифты».

Задания практического занятия позволяют наблюдать недостатки растровой графики:

Большие объёмы памяти для хранения рисунков
Снижение качества при увеличении рисунков (плохая масштабируемость). Этот эффект называется пикселизацией.
Сложность управления размером и начертанием символьной информации.

Указания к работе.

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

Задания к практическому занятию №10

Задания к данному практическому занятию предусматривает работу со стандартными шрифтами, которые рассматриваются как графические объекты. Кроме того, данная работа касается темы настройки операционной системы, в частности, настройки шрифтов.

Задание 1. Работа со служебной программой «Шрифты».

Открыть папку «Панель управления» (кнопка «Пуск», выбрать «Панель управления»).
Выбрать программу «Шрифты». Откроется окно «Шрифты», в котором приводится список названий шрифтов, имена и размеры их файлов. В каждой строке с названием шрифта слева стоит символ, который отмечает тип шрифта.
Если символ похож на символ «0», то это тип OpenType, который относится к контурным шрифтам. Контурные шрифты составляют основную часть в списке.
Если символ похож на символ «А», то подразумеваются все остальные типы шрифтов, кроме типа OpenType.
Просмотреть основные виды шрифтов и определить их тип (контурные, векторные, растровые). Отличительным признаком является символ в каждой строке, который отмечает тип шрифта. В списке только три векторных шрифта: Modern, Roman и Script.
Так как большинство шрифтов относятся к контурным, то каждому выбрать из списка «Шрифты» по одному названию этого типа в соответствии с вариантом. Например, у студента пятый вариант, то он должен выбрать наименование контурного шрифта, который является пятым в списке «Шрифты». Для сравнения выбрать из списка «Шрифты» любой растровый шрифт.
Записать в тетрадь выбранные наименования шрифтов. Сделать выводы по выбранной паре шрифтов, в которых отметить их главное отличие.

Задание 2. Сравнение двух видов графики: векторной и растровой.

Задание практической работы направлено на сравнение двух видов графики: векторной и растровой. Объектом рассмотрения двух видов графики предлагается в данной работе выбрать шрифты.

Создать на рабочем столе папку с именем Шрифты.
В редакторе Word набрать текст из задания 2 Приложения 3 своего варианта векторным шрифтом размером 8.
Сохранить файл в папке «Шрифты» под именем «Шрифты векторные». Файл должен содержать текст в 0,5 страницы.
Скопировать текст данного файла и вставить его в графический редактор PAINT.
Сохранить файл под именем «Шрифты растровые» в папке Шрифты.
В папке «Шрифты» просмотреть размеры файлов в байтах и в соответствующих файлах записать их размеры в байтах. Отметить во сколько раз превышает размер файла под именем «Шрифты растровые» по сравнению с файлом «Шрифты векторные».
Представить результаты работы. В первом окне открыть файл под именем «Шрифты растровые» в папке «Шрифты», масштаб текста 100%.
Во втором окне открыть файл под именем «Шрифты растровые» в папке «Шрифты». Увеличить масштаб текста в четыре раза. Сохранить файл под именем «Шрифты растровые 1» в папке «Шрифты».
В третьем окне открыть файл под именем «Шрифты векторные» в папке «Шрифты», масштаб текста 100%.
В четвёртом окне открыть файл под именем «Шрифты векторные» в папке Шрифты, увеличить масштаб текста в четыре раза. Сохранить файл под именем «Шрифты векторные1» в папке «Шрифты».
Разместить четыре окна с текстами на экране в виде мозаики.
Сделать выводы по пункту 6 относительно размеров файлов и по пункту 11 следует отметить качество текста после увеличения масштаба.

Задания для ИДЗ №4 по теме «Компьютерная графика» не предусмотрено.

Вопросы для самоконтроля к практическому занятию № 10. Тема «Компьютерная графика»

1. Растровое изображение – это:

1) набор действий по созданию рисунка с помощью различных линий;

2) изображение;

3) набор фигур;

4) набор точек, расположенных на сетчатом поле.

2. Векторное изображение – это:

1) создание рисунка с помощью различных линий, фигур;

2) набор точек, расположенных на сетчатом поле;

3) создание рисунка с помощью различных наборов точек;

4) набор пикселей.

3. Недостаток растровой графики состоит в том, что:

1) изображение для своего хранения требует большое количество памяти;

2) изображение не обладает контрастностью;

3) изображение требует большого количества цветов;

4) все выше перечисленное.

4. Недостаток векторной графики:

1) описание объекта является простым и занимает мало памяти;

2) простота масштабирования изображения;

3) независимость объема памяти, требуемой для хранения изображения;

4) невозможность получения изображения фотографического качества.

5. Достоинство векторной графики – это:

1) описание объекта является простым и занимает мало памяти;

2) возможность передачи большого количества информации (фотографии) ;

3) Перед выводом на экран производит вычисления координат экранных точек в изображении объекта;

4) файлы векторных форматов содержат описания рисунков в виде команд.

6. В цветовой модели RGB в качестве компонентов применяются основные цвета:

1) пурпурный, черный, зеленый;

2) зеленый, синий, желтый;

3) красный, зеленый, синий;

4) желтый, синий, красный.

7. Цветовая модель RGB является моделью:

1) перцепционной, основанной на восприятии цветов;

2) субтрактивной, основанной на вычитании цветов;

3) аддитивной, основанной на сложении цветов;

4) формальной, основанной на умножении цветов.

8. Цветовая модель CMYK является моделью:

1) перцепционной, основанной на восприятии цветов;

2) субтрактивной, основанной на вычитании цветов;

3) аддитивной, основанной на сложении цветов;

4) формальной, основанной на умножении цветов.

9. Цветовая модель HSB является моделью:

1) субтрактивной, основанной на вычитании цветов;

2) аддитивной, основанной на сложении цветов;

3) перцепционной, основанной на восприятии цветов;

4) формальной, основанной на умножении цветов.

10. При выводе изображений на экран монитора используется цветовая модель …

1) CMYK; 2) HSB; 3) PDF; 4) RGB.

11. При выводе изображений на печать используется цветовая модель:

1) RGB; 2) CMYK; 3) HSB; 4) PDF.

Графические форматы

Растровая графика

GIF (Graphics Interchange Format)
Формат GIF был разработан в 1987 году компьютерной информационной службой CompuServe.
Преимущества

Малый размер, который достигается ограниченной цветовой гаммой — не более 256 цветов.
Прозрачный фон.
Анимация.

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

PNG (Portable Network Graphics)
Плод сообщества независимых программистов — ответная реакция на переход популярнейшего формата GIF в разряд коммерческих продуктов. Формат PNG делает почти все, что и формат GIF, за исключением анимации.
Преимущества

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

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

PNG-24
Формат, аналогичный PNG-8, но использующий 24-битную палитру цвета.
Что позволяет сохранять в этом формате фотографии и сложные рисунки.
Преимущества

Полная цветовая палитра.
Качественная прозрачность позволяет накладывать рисунок на любой фон

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

JPG, JPEG, JFIF (JPEG File Interchange Format)
Для поиска лучшего способа сжатия изображений фотографического качества, две организации по стандартизации – International Telecommunications Union (ITU) и International Organization for Standartization (ISO) – создали Joint Photographic Experts Group (JPEG).
Использует сжатие с «потерями» (lossy compression). При таком сжатии удаляется та информация, которая несущественна для восприятия изображения.

WBMP (WAP BitMap)
монохромные (двухцветные) изображения.
Максимальный размер картинки не должен превосходить ограничений на размер карты – 1,5 Кбайт.

BMP (BitMap)
Самый простой растровый формат BMP является родным форматом Windows. В BMP данные о цвете хранятся только в модели RGB, то есть этот формат создан для использования на экране.

PCX (PCExchange)
Изображения в формате PCX можно посмотреть большинством программ под DOS. Как и ВМР, этот формат в значительной мере устарел и поддерживается современными графическими программами исключительно для совместимости с антикварным софтом.

TIFF, TIF (Tagged Image File Format)
Изначально разработан компанией Aldus для своего графического редактора PhotoStyler. Как универсальный формат для хранения растровых изображений, TIFF достаточно широко используется, в первую очередь, в издательских системах, требующих изображения наилучшего качества.
Благодаря своей совместимости с большинством профессионального ПО для обработки изображений, формат TIFF очень удобен при переносе изображений между компьютерами различных типов (например, с PC на Mac и обратно).

PSD (Photoshop)
Формат Adobe Photoshop, отличается возможностью хранения слоев (layers). Удобен только для обработки в Photoshop и для хранения исходника для редактирования в будущем.

RAW (RAW Image Data)
Формат разработан для цифровых фотоаппаратов. Это точная копия картинки, запечатленной на матрице во время съемки, представляет из себя три фотографии, снятые в красных, синих и зеленых цветах.
Расширения RAW-файлов у разных производителей могут отличаться, и их далеко не всегда получается открыть с помощью программ для обработки изображений.
Хотя если камера поддерживает сохранение RAW, то, как правило, к ней в комплекте прилагается какая-нибудь программа для обработки файлов этого формата.
В настоящее время корпорацией Adobe предложен формат DNG (Digital Negative Specification), который создан для того, чтобы облегчить жизнь производителям средств для работы с графикой. Некоторые компании (Leica и Pentax) уже включили DNG в свои камеры, однако большинство поставщиков камер всё-таки продолжают использовать свои форматы.
Расширения формата RAW

     .dng — Adobe (универсальный)
     .crw .cr2 — Canon
     .raf — Fuji
     .kdc — Kodak
     .mrw — Minolta
     .nef — Nikon
     .orf — Olympus
     .ptx .pef — Pentax
     .x3f — Sigma
     .arw — Sony

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

CDR (CorelDRAW)

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

AI (Adobe Illustrator)

Являясь частью семейства Adobe, поддерживают практически все программы, так или иначе связанные с векторной графикой. Лучший посредник при передаче изображений из одной программы в другую, с РС на Macintosh и наоборот. Отличается наибольшей стабильностью и совместимостью с языком PostScript, на который ориентируются практически все издательско-полиграфические приложения.

WMF (Windows Metafile)

Еще один родной формат Windows, на сей раз векторный. Понимается практически всеми программами Windows, так или иначе связанными с векторной графикой.

EMF (Enhaced Metafile)

Подобный WMF.

ДРУГИЕ ФОРМАТЫ

SWF (ShokWaveFlash)
Формат Flash, продукт компании «Macromedia», позволяющий разрабатывать интерактивные мультимедийные приложения. Сфера использования Flash различна, это могут быть игры, веб-сайты, CD презентации, баннеры и просто мультфильмы. При создании продукта можно использовать медиа, звуковые и графические файлы, можно создавать интерактивные интерфейсы и полноценные веб-приложения с использованием PHP и XML.

SVG (Scalable Vector Graphics)
Стандарт, рекомендованый World Wide Web Consortium для описания с помощью XML markup двумерной векторной и комбинированной векторно-растровой графики.
В браузере SVG-графика отрисовывается с помощью растровых механизмов. Поддержка полупрозрачностей в каждом слое, градиенты линейные, градиенты радиальные, визуальные эффекты (тени, отмывки, блестящие поверхности, текстуры (фактуры), паттерны любой конструкции, символы любой сложности).
SVG — это формат для двухмерной векторной графики — так определено в спецификации, но с помощью добавления скрипта (а именно JavaScript) внутрь SVG файла можно создавать трехмерные анимированные изображения.
В SVG может быть встроено растровое изображение, к которому как и к любому другому объекту в SVG может быть применена трансформация, прозрачность и т.д.

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

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

PostScript

EPS (Encapsulated PostScript)
Самый надежным и универсальным способом сохранения данных. Он использует упрощенную версию PostScript
не может содержать в одном файле более одной страницы, не сохраняет ряд установок для принтера. Как и в файлы печати PostScript, в EPS записывают конечный вариант работы, хотя такие программы, как Adobe Illustrator и Adobe Photoshop могут использовать его как рабочий. EPS предназначен для передачи векторов и растра в издательские системы, создается почти всеми программами, работающими с графикой.

НОУ ИНТУИТ | Лекция | Графические форматы файлов. Сканирование изображений

Аннотация: Форматы графических файлов: BITMAP, GIF, JPEG, PNG, TIFF, TARGA. Подготовка и сканирование изображений.

Цели занятия

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

Содержание занятия

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

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

Собственные форматы файлов

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

«Родным» форматом для CorelDRAW является CDR, который чаще всего и используют. Для Microsoft Word собственным форматом является DOC, для Adobe Flash — формат FLA и т. д. Для графического редактора Adobe Photoshop собственным форматом является PSD, в котором можно сохранять не только графическую информацию, но и слои, и каналы. Adobe Photoshop, несомненно, является известнейшим средством редактирования изображений в мире. Популярность
Photoshop вынудила другие графические программы поддерживать формат PSD, чтобы художники могли экспортировать и импортировать файлы в Photoshop без необходимости предварительно конвертировать их в общедоступный файловый формат.

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

BITMAP

BITMAP (битовая карта) — один из первых растровых форматов. Формат отличает очень большой объем файла, поскольку данные записываются по каждому пикселу отдельно. Он представляет собой чрезвычайно простую структуру и служит для описания и визуализации небольших изображений-пиктограмм (icons), широко применяемых в графических интерфейсах Windows, а также используется в мультимедийных презентациях.

Существует несколько разновидностей этого формата. Нам наиболее знаком вариант с расширением *.bmp, поддерживающий данные до 24 b/p.

GIF

Растровый формат GIF (Graphics Interchange Format) был разработан компанией CompuServe Inс. в 1987 году для обеспечения сжатия цветных растровых файлов, загружаемых по телефонной линии и в компьютерных сетях.

Формат GIF позволяет хранить данные цветовой глубины только от 1 до 8 b/p. GIF использует очень эффективный архиватор. Формат нашел широкое применение на Web-страницах для изображений с небольшим количеством цветов (знаки, логотипы, кнопки, элементы оформления). Также мультимедийные программы позволяют вставлять изображения в формате GIF.

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

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

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

JPEG

Формат JPEG создан комитетом по стандартам Joint Photographic Experts Group (Объединенная группа экспертов по фотографии) в 1987 г. для хранения фотореалистичных изображений — фотографий. Основанный на особенностях человеческого зрения, этот формат использует алгоритмы сжатия с потерями и обеспечивает значительное уменьшение файла. Сжатие JPEG называют убыточным (lossy) — данные изображения теряются, когда файл сжимается, что вызывает ухудшение качества изображения.

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

Формат JPEG поддерживает глубину цвета до 24 b/p. Поскольку формат имеет очень маленький объем файла, он получил большое распространение в Web-публикациях и в библиотеках изображений в тех случаях, когда требуется многоцветное фотореалистичное изображение.

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

PNG

Формат PNG (Portable Network Graphics — переносимая сетевая графика) специально создан для размещения графики на Web-страницах. Этот формат молод и соединяет в себе достоинства форматов GIF и JPEG. Он позволяет значительно сжать файл с изображением без потери качества, но при этом не ограничен палитрой из 256 цветов, поддерживает 8, 24 и 32 (24 b/p плюс альфаканал) b/p.

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

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

TIFF

Одним из самых распространенных растровых форматов, используемых при подготовке изображений к печати, является TIFF (Target Image File Format), созданный Aldus Corporation в 1986 г. для преодоления трудностей, которые возникали при переносе графических файлов с IBM-совместимых компьютеров на Macintosh и обратно.

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

TIFF сегодня — это стандартный файловый формат, поддерживаемый большинством графических программ создания и обработки изображений, а также программными пакетами верстки. Формат поддерживает данные до 32 b/p. TIFF позволяет сохранять с изображением альфа-канал. В последних версиях программы Adobe Photoshop этот формат позволяет сохранять документы со слоями.

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

Сравнение новых и проверенных форматов изображений

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

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

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

Вот несколько кандидатов, которыми можно заменять существующие форматы.

WebP был разработан Google как альтернатива JPG. Файл в этом формате может быть на 80 % меньше, чем JPEG.

Opera и Google Chrome в настоящее время уже поддерживают его. Firefox объявил о планах по реализации поддержки этого графического формата.

Google и Facebook в настоящее время экспериментируют с этим графическим форматом. WebP уже используют около 95 % изображений на главной странице eBay. YouTube применяет формат для отображения больших миниатюр.

Для CMS существуют расширения, которые помогут добавить поддержку WebP на сайт. Например, Optimus и Cache Enabler для WordPress. Это не нарушит отображение сайта в браузерах, которые не поддерживают WebP, если предоставить резервные варианты в формате PNG или JPG.

Эти данные по поддержке браузерами взяты с Caniuse.

Десктопные

Chrome	Opera	Firefox	IE	Edge	Safari
32	19	65	Нет	18	Нет

Мобильные / Планшеты

iOS Safari	Opera Mobile	Opera Mini	Android	Android Chrome	Android Firefox
Нет	11.1	Все	4.2-4.3	73	Нет

High efficiency image files имеет расширение HEIC (.heic). Ранее корпорация Apple объявила о том, что ее линейка продуктов будет поддерживать формат HEIF по умолчанию.

Помимо файлов меньшего размера HEIF обеспечивает большую гибкость, чем другие форматы. Он поддерживает неподвижные изображения и последовательности картинок. Следовательно, в одном файле можно хранить серийные снимки, кадры из видео и другие коллекции изображений. HEIF также поддерживает прозрачность, 3D и 4K.

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

На момент написания этой статьи формат HEIF не поддерживался браузерами.

Настольные

Chrome	Opera	Firefox	IE	Edge	Safari
Нет	Нет	Нет	Нет	Нет	Нет

Mobile / Tablet

iOS Safari	Opera Mobile	Opera Mini	Android	Android Chrome	Android Firefox
Нет	Нет	Нет	Нет	Нет	Нет

Free Lossless Image Format (или FLIF) использует алгоритм, который на 14-74 % эффективнее по сравнению с устаревшими форматами. Поэтому FLIF отлично подходит для любого типа изображений или анимации. Файлы, сохраненные в этом формате, в среднем на 43% меньше, чем в PNG.

При тестировании FLIF часто оказывался наиболее эффективным форматом.

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

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

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

Является наиболее часто используемым форматом изображений в интернете. JPG назван в честь Joint Photographic Experts Group. Организации, которая разработала данную технологию. Вот почему JPG еще называют JPEG.

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

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

GIF (graphics interchange format) использует алгоритм сжатия LZW, который не ухудшает качество изображения. В формате GIF отсутствует поддержка цветов (которая есть в JPG и PNG). Тем не менее, формат популярностью благодаря возможности визуализировать анимацию путем объединения нескольких изображений в один файл. Изображения, хранящиеся в файле GIF, могут последовательно отображаться для создания короткого эффекта, похожего на фильм. GIF-файлы могут быть сконфигурированы для отображения последовательности изображений заданное количество раз.

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

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

Сравнение поддержки прозрачности JPG (слева) и PNG (справа).

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

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

Сеть доставки контента (CDN) ускоряет загрузку изображений, кэшируя их в своей сети распределенных серверов. Это может повысить скорость работы сайта. Особенно если ваши пользователи находятся далеко от исходного сервера.

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

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

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

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

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

Результаты сжатия изображений с помощью первых трех форматов, рассмотренных в статье.

Изображение 1
Изображение 2
Изображение 3

Приведенные ниже результаты значительно различаются из-за форматов изображений без потерь / с потерями.

	Размер изображения 1	Размер изображения 2	Размер изображения 3
WebP	1,8 МБ	293 КБ	1,6 МБ
HEIF	1,2 МБ	342 КБ	1,1 МБ
FLIF	7,4 МБ	2,5 МБ	6,6 МБ
JPG	3,9 МБ	1,3 МБ	3,5 МБ
GIF	6,3 МБ	3,9 МБ	6,7 МБ
PNG	13,2 МБ	5 МБ	12,5 МБ

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

Формат WebP показал близкие результаты и при этом обеспечивает поддержку браузерами. Для пользователей Chrome или Opera изображения в формате WebP, несомненно, помогут ускорить загрузку.

PNG значительно больше, чем его аналог JPG с потерями. При оптимизации с использованием FLIF экономия составила около 50%. Это делает FLIF отличной альтернативой для тех, кому нужны высококачественные изображения с меньшим размером файла. Но формат еще не поддерживается браузерами.

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

Данная публикация представляет собой перевод статьи «Comparing Novel vs Tried and True Image Formats» , подготовленной дружной командой проекта Интернет-технологии.ру

телеграм канал. Подпишись, будет полезно!

JPEG, GIF, PNG? Как выбрать лучшие графические форматы

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

Графические форматы: растр и вектор

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

Форматы векторных изображений содержат геометрическое описание, которое можно плавно создать при любом желаемом размере экрана. Примеры файлов векторной графики: EPS (Adobe Illustrator) и CDR (CorelDRAW). Векторная графика, когда она доступна, обычно лучше всего подходит для печати, потому что ее можно легко изменить размер без «зазубрин», но многие форматы широко не поддерживаются настольными программами.

Общие сведения о разрешении

Помимо конкретных форматов графических файлов, подробно описанных ниже, разрешение изображения также влияет на его внешний вид.Разрешение изображения описывается графическим измерением DPI (точек на дюйм). Например, большинство веб-графики имеют разрешение от 72 до 96 точек на дюйм, что хорошо для просмотра на экране и даже презентаций PowerPoint, но плохо для печати. Вот почему большинство изображений в Интернете при вставке в документ размываются. В идеале изображение, которое вы хотите напечатать, должно создаваться и редактироваться с минимальным разрешением 300 точек на дюйм.

У вас есть огромные файлы PowerPoint? Самая большая причина раздувания презентации — фотографии большого размера и высокого разрешения.Знаете ли вы, что даже если вы измените размер изображения в гораздо меньшем масштабе, PowerPoint и Word все равно сохранят фотографию в исходном размере? К счастью, программы Microsoft Office включают возможность сжатия изображений для уменьшения размера и удаления любых обрезанных областей. Еще лучше сначала изменить свои фотографии и другие изображения с помощью программы редактирования изображений, такой как Photoshop или Photoshop Elements, которые могут значительно уменьшить размер файлов.

IrfanView Форматы

Расширение	Имя формата	Читать	Сохранить
Графические форматы:
ANI, CUR	Анимированный курсор	X
AWD *	Формат Artweaver	X
B3D *	BodyPaint 3D формат	X
БМП, DIB	Растровое изображение Windows	X	X
САМ *	Формат цифровой камеры Casio ( только версия JPG )	X
CLP	Буфер обмена Windows	X
CPT	Формат CorelDraw Photopaint (только CPT версии 6 )	X
CRW / CR2 *	Canon RAW формат	X
DCM / ACR / IMA *	Формат файлов Dicom / ACR / IMA для медицинских изображений	X
DCX	Многостраничный формат PCX	X
ДДС *	Формат поверхности Direct Draw	X
DJVU, IW44 *	Формат файла DjVu	X
DPX, CIN *	Обмен цифровыми изображениями / формат Cineon	X
DXF *	Формат обмена чертежами, формат CAD	X
DXF, DWG, HPGL, CGM, SVG *	CAD-форматы (условно-бесплатные плагины)	X
ЭКВ *	Расширенный сжатый вейвлет	X	X
ЭДС	Расширенный формат метафайлов	X	X
EPS, PS, PDF, AI *	форматов PostScript (требуется Ghostscript )	X
EXR *	EXR формат	X	X
ПОДХОДИТ *	Гибкая система передачи изображений	X
FLIF *	Свободный формат изображений без потерь	X
FPX *	Формат FlashPix	X
G3 *	Группа 3 Факсимильный аппарат, формат	X
GIF	Формат обмена графикой	X	X
HDR *	Формат расширенного динамического диапазона	X
HDP, JXR, WDP *	JPEG-XR / Microsoft HD Photo формат	X
HEIC *	Высокоэффективный формат изображения	X
ICL, EXE, DLL	Формат библиотеки иконок	X
ICO	Значок Windows	X	X
МКС *	Стандартный формат цитометрии изображений	X
IFF, LBM *	Формат файла обмена	X
IMG *	GEM Растровый формат	X
JP2, JPC, J2K *	JPEG 2000 формат	X	X
JPG, JPEG	Объединенная группа экспертов по фотографии	X	X
JLS *	JPEG-LS, JPEG без потерь	X	X
JPM *	JPEG2000 / Часть 6, LuraDocument.иен	X	X
КДК *	Формат цифровой камеры Kodak	X
Mac PICT, QTIF *	Macintosh PICT format ( Требуется Apple Quicktime )	X
MNG, JNG *	Множественная сетевая графика	X
MRC *	MRC формат	X
MrSID, SID *	Формат вейвлета SID LizardTech	X
DNG, EEF, NEF, MRW, ORF, RAF, DCR, SRF / ARW, PEF, X3F, RW2, NRW *	Форматы RAW цифровых фотоаппаратов (Adobe, Epson, Nikon, Minolta, Olympus, Fuji, Kodak, Sony, Pentax, Sigma)	X
ПБМ	Портативный растровый формат	X	X
PCD	Kodak Photo CD	X
PCX	PC Paintbrush формат от ZSoft Corporation	X	X
PDF *	Формат переносимого документа	X	X
ПДН *	Краска.NET формат файла	X
PGM	Портативный формат серой карты	X	X
PNG	Переносимая сетевая графика	X	X
частей на миллион	Portable Pixelmap format	X	X
PSD	Adobe PhotoShop формат	X
PSP *	Paint Shop Pro формат	X
ПВР *	DreamCast Формат текстур	X
РАН, ВС *	Формат Sun Raster	X
RAW, YUV *	Необработанные (двоичные) данные	X
РЛЭ *	Юта Формат RLE	X
SFF *	Структурированный факс-файл	X
SFW *	Seattle Film Works формат	X
SGI, RGB *	Формат Silicon Graphics	X
SIF *	Формат SIF	X
SWF, FLV *	Macromedia Flash формат	X
TGA	Адаптер расширенной растровой графики Truevision (TARGA)	X	X
TIF, TIFF	Формат файлов изображений с тегами	X	X
TTF *	Шрифт True Type	X
TXT	Текстовый (ASCII) файл (как изображение)	X
VTF *	Формат текстуры клапана	X
WAD *	WAD3 Игровой формат	X
WAL *	Quake 2 текстуры	X
WBC, WBZ *	Форматы веб-снимков	X
WBMP *	Формат растрового изображения WAP	X
WebP *	Формат файла Weppy	X	X
WMF	Формат метафайлов Windows	X
WSQ *	Формат квантования вейвлет-скейлера	X
XBM *	X11 Растровое изображение	X
XCF *	Формат файла GIMP	X
XPM *	X11 пикселей	X
старые форматы *	Amiga, Atari, C64, ZX Spectrum и др.форматы	X

Видео / Аудио:
AIF	Звуковой файл, формат обмена аудио	X
AU, SND	Аудиоформат, используемый аппаратами Sun и NeXT	X
MED *	Формат звука MED / OctaMED	X
MID	Цифровой интерфейс для музыкальных инструментов (MIDI)	X
MP3 *	Формат аудио MPEG уровня 3	X
ОГГ *	Формат звука OGG Vorbis	X
RA *	Формат звука Real Audio (требуется Real Player )	X
WAV	Аудиофайл Windows	X
ASF	Расширенный формат систем	X
AVI	Аудио-видео с чередованием	X
MKV , M4V , M2T / MTS / TS / M2TS / M2V , MOV , MP4 , WEBM	Форматы фильмов	X
MOV , MP4	QuickTime Формат фильма ( Требуется Apple Quicktime, если активирована опция Quicktime )	X
MPG, MPEG	Формат группы экспертов по движущимся изображениям	X
WMA, WMV	Аудио / видео формат Windows Media	X

Апрель 2024
Пн	Вт	Ср	Чт	Пт	Сб	Вс
1	2	3	4	5	6	7
8	9	10	11	12	13	14
15	16	17	18	19	20	21
22	23	24	25	26	27	28
29	30

Графические форматы: когда и для чего использовать каждый тип

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

PDF

Готовые работы на аналогичную тему

TIFF

JPEG

CALS

BMP

PNG

GIF

SVG

CDR

AI

Форматы растровой графики | ITandLife.ru

Основы растровой графики

Форматы хранения изображений в растровой графике

Формат BMP

Формат TIFF

Формат GIF

Формат JPEG

Формат JPEG 2000 (jp2)

Формат PNG

Формат WMF

Форматы PSD и CDR

Рекомендации по использованию различных форматов растровой графики

Использование GIF

Использование PNG

Использование JPEG

Использование TIFF

Использование BMP

Заключение

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

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

RAW

JPEG (или JPG)

TIFF (Tagged Image File Format)

PSD (Photoshop Document)

BMP (Bit MaP image)

GIF (Graphics Interchange Format)

PNG (Portable network graphics)

JPEG 2000 (или jp2)

WMF (Windows MetaFile)

CDR (CorelDRaw files)

AI (AdobeIllustrator files)

EPS (Encapsulated PostScript)

Форматы графических изображений

Графические форматы

Растровая графика

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

ДРУГИЕ ФОРМАТЫ

PostScript

НОУ ИНТУИТ | Лекция | Графические форматы файлов. Сканирование изображений

Цели занятия

Содержание занятия

Собственные форматы файлов

BITMAP

GIF

JPEG

PNG

TIFF

Сравнение новых и проверенных форматов изображений

JPEG, GIF, PNG? Как выбрать лучшие графические форматы

Графические форматы: растр и вектор

Общие сведения о разрешении

Популярные графические форматы

IrfanView Форматы

Добавить комментарий Отменить ответ