Содержание

Форматы графических файлов: RAW, JPG, PNG, TIFF,

Форматы файлов — основа работы с цифровыми фотографиями. FotoTips.ru расскажет вам о всех основных форматах графических файлов.

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).

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

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

  1. растровому графическому файлу соответствуют форматы *.bmp, *.tif, *psd, *.gif, *.png, *.jpg;
  2. векторному графическому файлу соответствуют форматы *.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)

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

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

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

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

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

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

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

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

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

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


2. векторному графическому файлу соответствуют форматы *.wmf, *.eps, *.cdr, *.ai

 

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

RAW

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

Форматы графических файлов — урок. Информатика, 7 класс.

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

Растровые форматы

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

 

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

 

Наиболее распространенные растровые форматы — это BMP, GIF, TIFF, JPEG и PSD.

 

Название формата

Описание

BMP

 (Windows Device Independent Bitmap)

— формат хранения растровых изображений, разработанный компанией Microsoft.

С форматом BMP работает огромное количество программ, так как его поддержка интегрирована в операционные системы Windows и OS/2.

Формат BMP поддерживается всеми графическими редакторами, работающими под ее управлением, способен хранить как индексированный (до 256 цветов), так и RGB-цвет (16,7 млн. оттенков).

Имена файлов BMP используют расширения *.bmp, *.dib и *.rle

GIF

 (Graphic Interchange Format)

— стандартный растровый формат представления изображений в WWW.
Формат GIF позволяет хорошо сжимать файлы, в которых много однородных заливок (логотипы, надписи, схемы), записывать изображение «через строчку» (Interlaced mode), благодаря чему, имея только часть файла, можно увидеть изображение целиком, но с меньшим разрешением.
Применяется для хранения рисунков и анимации в Интернете.

Имена файлов GIF используют расширение *.gif .

TIFF

 (Tagged Image File Format)

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

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

TIFF может сохранять векторную графику программы Photoshop, Alpha-каналы для создания масок в видеоклипах Adobe Premiere и др.
Имена файлов TIFF используют расширение *.tiff и *.tif.

JPEG

 (Joint Photographic Experts Group)

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

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

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

Имена файлов JPEG используют расширения:  .jpeg, .jfif, .jpg, .JPG, или .JPE.

PSD

 (PhotoShop Document)

— формат фирмы Adobe Photoshop с неразрушаемым сжатием.

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

Имена файлов PSD используют расширение *.psd.

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

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

 

Различные векторные форматы отличаются набором команд и способом их кодирования.

 

Наиболее распространенных векторных форматов — WMF и CDR.

 

Название формата

Описание

WMF

(Windows MetaFile)

— формат, созданный для использования с ОС Windows. Служит для передачи векторов через буфер обмена.
«Понимается» и поддерживается практически всеми программами, работающими под Windows и так или иначе связанными с векторной графикой. Однако, несмотря на кажущуюся простоту и универсальность, пользоваться форматом WMF рекомендуется только в крайних случаях для передачи так называемых голых векторов.
WMF искажает цвет, не сохраняет ряд параметров, которые могут быть присвоены объектам в различных векторных редакторах, не понимается программами, ориентированными на ПК Macintosh.
Файлы WMF используют расширение *.wmf.

CDR

(Corel Draw)

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

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

CDR-файлы не поддерживаются многими программами, предназначенными для редактирования изображений. Однако, файл можно экспортировать с помощью Corel Draw в другие, более распространенные и популярные форматы изображений.

Файлы CDR используют расшир *.cdr.

 

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


BMP и PCX
WMF и PICT
GIF
TIFF
EPS
PDF
PSD
JPEG
CDR
FH7, FH5

Основные критерии выбора формата — совместимость с программами и компактность записи.Существует множество форматов для записи изображений. Условно их можно разделить на три категории: хранящие изображение в растровом виде (BMP, TIFF, PCX, PSD, JPEG), хранящие изображение в векторном виде (WMF) и те, что могут совмещать оба представления (EPS, PICT, CDR, AI, FH7 и др.).

Какому формату отдать предпочтение? Основные критерии здесь — это совместимость между программами и компактность записи.

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

BMP и PCX

Формат BMP (от слова bitmap) был создан компанией Microsoft и широко используется в ОС Windows для растровой графики. Вам необходимо записать изображение в этом формате, если вы хотите использовать его в качестве фона вашего рабочего стола. Хотя в этом формате может применяться компрессия, большинство программ ее не используют. BMP-файлы с компрессией могут иметь расширение RLE. Без компрессии размер файла оказывается близок к максимальному. Такой же размер будет и у файла в формате PCX, предложенном компанией Z-Soft в программе PhotoFinish. Оба эти формата достаточно известны и могут быть использованы на платформе Macintosh, хотя были написаны для PC.

WMF и PICT

Формат WMF (Windows Meta-file) используется для векторных изображений. В него конвертируются векторные изображения, при переносе из программы в программу через clipboard (буфер обмена).

Он отличается наибольшей совместимостью для PC, его понимают и некоторые программы для Macintosh.

На платформе Macintosh аналогичную роль играет формат PICT. В этом формате может быть записана как векторная, так и растровая графика. Многие программы для PC также понимают этот формат. «Родной» программой для формата PICT является MAC Pict, программы, «родной» для WMF не существует, приходится считать таковой для этого формата систему Windows.

GIF

Популярный формат GIF разработан фирмой CompuServe как не зависящий от аппаратного обеспечения. Он предназначен для хранения растровых изображений с компрессией. В одном файле этого формата может храниться несколько изображений, но обычно эта возможность не используется. GIF-формат позволяет записывать изображение «через строчку» (In-terplaced), благодаря чему, имея только часть файла, можно увидеть изображение целиком, но с меньшим разрешением. Эта возможность широко применяется в Сети. Сначала вы видите картинку с грубым разрешением, а по мере поступления новых данных ее качество улучшается. Основное ограничение формата GIF состоит в том, что цветное изображение может быть записано только в режиме 256 цветов. Для полиграфии этого явно недостаточно.

TIFF

Предложенный компанией Al-dus формат TIFF (Tag Image File Format) на сегодняшний день ближе всех к статусу стандартного. Помимо прочих достоинств формат TIFF позволяет сохранять растровые изображения с компрессией без потери качества. Помимо традиционных цветов CMY формат поддерживает цветоделение с большим числом красок, в частности систему Hexahrome компании Pantone. Однако использование таких возможностей может стать причиной несовместимости между программами. Родная программа для этого формата Photo-Styler на сегодняшний день «снята с производства», но формат продолжает развиваться и дополняться новыми возможностями. Фирма Letraset ввела сокращенную версию TIFF-формата под названием RIFF (Raster Image File Format).

EPS

Другой претендент на звание стандартного — формат EPS (En-capsulated PostScript) можно использовать для записи как растровой, так и векторной графики. Кроме того, этот формат позволяет записать векторный контур, который будет ограничивать растровое изображение. Так можно получить фотографию не прямоугольную, а круглую, овальную или любой другой формы.

Основной козырь EPS — его универсальность. Едва ли не все программы, работающие с графикой, могут писать и читать файлы в этом формате. Иногда, правда, создается впечатление, что это уже разные форматы: EPS-файлы, созданные различными программами, открываются по-разному, а порой и вовсе не открываются. Причин тому несколько. Во-первых, сегодня известно уже три версии языка PostScript, который используется в этом формате. Во-вторых, изображение в файле обычно хранится в двух копиях: основной и дополнительной (preview). По этой причине растровое изображение, записанное в формате EPS, будет иметь несколько больший размер, чем PCX или BMP. Дополнительная копия используется для предварительного просмотра и не только для этого. Программы верстки (такие как QuarkXPress, Adobe PageMaker) хранят эту копию в своих документах и используют при отображении на экране в режиме стандартного качества и при печати на принтерах, не поддерживающих PostScript; программы векторной графики, такие как CorelDraw и FreeHand, импортируя EPS-файл, могут работать только с дополнительной копией изображения. Основная копия используется при выводе на печать на PostScript-устройство и, иногда, для просмотра на экране в режиме максимального качества.

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

Остановимся на нем подробнее. Preview может быть записано в формате TIFF или WMF (только для РС) или вовсе опущено. Некоторые программы при записи EPS-файла предлагают выбрать вид preview.

TIFF-формат хранит preview в растровом виде, поэтому важным становится его разрешение. Чем оно выше, тем выше качество при предварительном просмотре. Но высокое разрешение приводит к увеличению размера файла. Записав EPS-файл с TIFF-preview, программы CorelDraw и FreeHand уже не смогут его редактировать, это можно будет сделать только в Adobe Illustrator. Preview в WMF-формате возможно только для векторных изображений. В этом случае дополнительная копия также становится векторной и почти не отличается от основной. Такие файлы могут быть отредактированы в CorelDraw. Однако эти файлы обладают меньшей совместимостью. Во всех случаях для редактирования EPS-файлов возможен такой способ: изображение импортируется любой вышеназванной программой и посылается на печать в PostScript-файл; который потом может быть открыт непосредственно в CorelDraw, или, после преобразования с помощью Acrobat Distiller в формат PDF, во Free-Hand. Родная программа для формата EPS — Adobe Illustrator, недавно появилась ее новая версия 7.0 сразу для трех платформ: PC, Macintosh и Silicon Graphics. У этой программы есть еще один формат — AI, однако он не имеет такой широкой поддержки, как EPS.

PDF

Формат PDF (Portable Document Format) предложен фирмой Adobe как независимый от платформы формат, в котором могут быть сохранены и иллюстрации (векторные и растровые), и текст, причем со множеством шрифтов и гипертекстовых ссылок. Для достижения продекларированной в названии переносимости размер PDF-файла должен быть малым. Для этого используется компрессия — для каждого вида объектов применяется свой способ. Например, растровые изображения записываются в формате JPEG. Для работы с этим форматом компания Adobe выпустила пакет Acrobat.

Бесплатная утилита Acrobat Reader позволяет читать документы и распечатывать их на принтере, но не дает возможности создавать или изменять их. Acrobat Distiller переводит в этот формат PostScript-файлы. Многие программы (Adobe PageMaker, coreldraw, FreeHand) позволяют экспортировать свои документы в PDF, а некоторые еще и редактировать графику, записанную в этом формате. Обычно в этом формате хранят документы, предназначенные только для чтения, но не для редактирования. Файл в формате PDF содержит все необходимые шрифты. Это удобно и позволяет не передавать шрифты для вывода (передача шрифтов не вполне законна с точки зрения авторского права).

PSD

Формат PSD используется программой Photoshop, но его понимают и некоторые другие программы. Он позволяет записывать растровое изображение со многими слоями, дополнительными цветовыми каналами и другой информацией. Когда вы полюбите богатые возможности работы с изображением, которые предлагает замечательный пакет фирмы Adobe, вам понадобится формат PSD, который сможет сохранить все, что вы создали на экране. Однако, поскольку этот формат неизвестен программам верстки, для работы с ними необходимо сделать упрощенную копию файла в другом формате. Начиная с версии 3.0 Photoshop записывает такие файлы с компрессией, которая никак не сказывается на качестве изображения при заметном уменьшении размера. При работе с версией Photoshop 4.0 файлы становятся еще меньше.

JPEG

Компрессия, используемая в формате JPEG, необратимо искажает изображение. Это, как правило, не заметно при простом просмотре, но становится явным при последующих манипуляциях. Зато размер файла получается от 10 до 500 раз меньше, чем BMP! Если вы решили записать изображение в этом формате JPEG, то лучше выполнить все необходимые операции перед первой записью файла.

При записи обычно предлагается выбрать степень компрессии. Здесь надо искать компромисс: чем сильнее компрессия, тем больше искажения.

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

CDR

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

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

FH7, FH5

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

Недавно вышла версия 7.0. Как Adobe Illustrator и CorelDraw, Free-Hand работает с векторными и растровыми изображениями. Она имеет свой формат — FH7 (последний символ в расширении файла указывает на номер версии программы). Чтобы передать готовое изображение другой программе, обычно приходится записать его в более совместимом формате, например EPS.

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

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

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


Пояснение к таблицам

Исследования проводились на компьютере Pentium-100 c 48 Мбайт оперативной памяти. Сравнение с аналогичными программами для Macintosh показало, что программы одинаковых версий на разных платформах открывают файлы одинаково. Возникают только отличия, связанные с различными кодировками русских букв. Были выбраны три наиболее популярных векторных редактора: CorelDraw 7.0, Adobe Illustrator 7.0 и Macromedia FreeHand 7.0. Изображения рассматривались как совокупность объектов четырех типов: векторных рисунков, вставок в виде растровых изображений, объектов с неоднородными заливками (градиенты и текстуры) и блоков текста (все программы различают три вида текста: строка текста, параграф и текст, расположенный по кривой). Для каждого типа объектов существует возможность переноса из программы в программу в конкретном формате. В каждой таблице приводятся результаты открытия файлов программой, в которой они созданы, и другими программами.

Таблица 1

Формат файла

CorelDRAW!

Adobe Illustrator

Macromedia FreeHand

CDR, ver. 5 Все изображения полностью воспроизводятся.
Все объекты воспроизводятся полностью.
Весь текст воспроизводится полностью.
Векторные рисунки воспроизводятся полностью.
Растровые вставки теряются.
Объекты могут воспроизводиться с искажениями.
Воспроизводится только текст в одну строку.
Векторные рисунки воспроизводятся полностью.
Возможна потеря растровых изображений.
Объекты могут воспроизводиться с искажениями.
Текст может воспроизводиться с потерями.
Возможна потеря некоторых рисунков.
CDR, ver. 6 Все изображения полностью воспроизводятся.
Все объекты воспроизводятся полностью.
Весь текст воспроизводится полностью.
Векторные рисунки воспроизводятся полностью.
Все изображения полностью воспроизводятся.
Объекты могут воспроизводиться с искажениями.
Воспроизводится только текст в одну строку.
Векторные рисунки воспроизводятся полностью.
Возможна потеря растровых изображений.
Объекты могут воспроизводиться с искажениями.
Текст может воспроизводиться с потерями.
Возможна потеря некоторых рисунков.
AI Растровые вставки теряются.
Воспроизводятся только градиенты
Воспроизводится только текст в одну строку
Векторные рисунки воспроизводятся полностью
Растровые вставки теряются.
Объекты теряются
Файл открывается как пустой или не открывается
Растровые вставки теряются.
Все объекты воспроизводятся полностью
Весь текст воспроизводится полностью.
Векторные рисунки воспроизводятся полностью
WMF Все изображения полностью воспроизводятся
Воспроизводятся только градиенты
Текст может воспроизводиться с потерями
Векторные рисунки воспроизводятся полностью
Все изображения полностью воспроизводятся
Воспроизводятся только градиенты
Текст может воспроизводиться с потерями
Векторные рисунки воспроизводятся полностью
Растровые вставки теряются
Объекты теряются
Файл открывается как пустой или не открывается
EMF Все изображения полностью воспроизводятся.
Все объекты воспроизводятся полностью.
Текст превращается в растровый рисунок
Векторные рисунки воспроизводятся полностью
Все изображения полностью воспроизводятся.
Объекты могут воспроизводиться с искажениями
Текст может воспроизводиться с потерями
Возможна потеря некоторых рисунков
EPS, TIFF prev. Все изображения полностью воспроизводятся.
Все объекты воспроизводятся полностью.
Весь текст воспроизводится полностью.
Векторные рисунки воспроизводятся полностью.
Все изображения полностью воспроизводятся.
Все объекты воспроизводятся полностью.
Воспроизводится только текст в одну строку.
Векторные рисунки воспроизводятся полностью.
Все изображения полностью воспроизводятся.
Все объекты воспроизводятся полностью.
Весь текст воспроизводится полностью.
Векторные рисунки воспроизводятся полностью
EPS, WMF prev. Все изображения полностью воспроизводятся.
Воспроизводятся только градиенты
Весь текст воспроизводится полностью.
Векторные рисунки воспроизводятся полностью
Все изображения полностью воспроизводятся.
Все объекты воспроизводятся полностью.
Воспроизводится только текст в одну строку.
Векторные рисунки воспроизводятся полностью.
Изображение выглядит как пустой прямоугольник. Редактировать изображение невозможно, однако на PostScript-устройствах оно печатается полностью без искажений.
EPS, no preview Изображение выглядит как пустой прямоугольник. Редактировать изображение невозможно, однако на PostScript-устройствах оно печатается полностью без искажений. Все изображения полностью воспроизводятся.
Все объекты воспроизводятся полностью.
Воспроизводится только текст в одну строку.
Векторные рисунки воспроизводятся полностью.
Изображение выглядит как пустой прямоугольник. Редактировать изображение невозможно, однако на PostScript-устройствах оно печатается полностью без искажений.
PostScript Все изображения полностью воспроизводятся.
Все объекты воспроизводятся полностью.
Воспроизводится только текст в одну строку.
Векторные рисунки воспроизводятся полностью.
Все изображения полностью воспроизводятся.
Все объекты воспроизводятся полностью.
Воспроизводится только текст в одну строку.
Векторные рисунки воспроизводятся полностью.
——
Таблица 2

Формат файла

CorelDRAW!

Adobe Illustrator

Macromedia FreeHand

AI,ver.3-5 Растровые вставки теряются
Все объекты воспроизводятся полностью
Воспроизводится только текст в одну строку
Векторные рисунки воспроизводятся полностью
Растровые вставки теряются
Все объекты воспроизводятся полностью
Весь текст воспроизводится полностью
Векторные рисунки воспроизводятся полностью
Изображение выглядит как пустой прямоугольник. Редактировать изображение невозможно, однако на PostScript-устройствах оно печатается полностью без искажений.
AI,ver. 6.0 Возможна потеря растровых изображений
Объекты могут воспроизводиться с искажениями
Воспроизводится только текст в одну строку
Возможна потеря некоторых рисунков
Все изображения полностью воспроизводятся
Все объекты воспроизводятся полностью
Весь текст воспроизводится полностью
Векторные рисунки воспроизводятся полностью
Изображение выглядит как пустой прямоугольник. Редактировать изображение невозможно, однако на PostScript-устройствах оно печатается полностью без искажений.
PDF Растровые вставки теряются
Объекты теряются
Файл открывается как пустой или не открывается
Все изображения полностью воспроизводятся
Все объекты воспроизводятся полностью
Весь текст воспроизводится полностью
Векторные рисунки воспроизводятся полностью
Все изображения полностью воспроизводятся
Все объекты воспроизводятся полностью
Воспроизводится только текст в одну строку
Векторные рисунки воспроизводятся полностью
WMF Растровые вставки теряются
Объекты теряются
Файл открывается как пустой или не открывается
Все изображения полностью воспроизводятся
Все объекты воспроизводятся полностью
Воспроизводится только текст в одну строку
Кривые превращаются в ломанные (при этом значительно возрастает число опорных точек в кривой, что может привести к некорректному выводу на PostScript-устройствах)
Растровые вставки теряются
Объекты теряются
Файл открывается как пустой или не открывается
EPS, TIFF prev. Все изображения полностью воспроизводятся
Все объекты воспроизводятся полностью
Весь текст воспроизводится полностью
Векторные рисунки воспроизводятся полностью
Все изображения полностью воспроизводятся
Все объекты воспроизводятся полностью
Весь текст воспроизводится полностью
Векторные рисунки воспроизводятся полностью
Все изображения полностью воспроизводятся
Все объекты воспроизводятся полностью
Весь текст воспроизводится полностью
Векторные рисунки воспроизводятся полностью
ESP, no preview Растровые вставки теряются
Все объекты воспроизводятся полностью
Файл открывается как пустой или не открывается
Все изображения полностью воспроизводятся
Все объекты воспроизводятся полностью
Весь текст воспроизводится полностью
Векторные рисунки воспроизводятся полностью
Изображение выглядит как пустой прямоугольник. Редактировать изображение невозможно, однако на PostScript-устройствах оно печатается полностью без искажений.
PostScript Все изображения полностью воспроизводятся
Все объекты воспроизводятся полностью
Текст может воспроизводиться с потерями
Векторные рисунки воспроизводятся полностью
Все изображения полностью воспроизводятся
Все объекты воспроизводятся полностью
Воспроизводится только текст в одну строку
Векторные рисунки воспроизводятся полностью
——
Таблица 3

Формат файла

CorelDRAW!

Adobe Illustrator

Macromedia FreeHand

AI Растровые вставки теряются
Все объекты воспроизводятся полностью
Весь текст воспроизводится полностью
Векторные рисунки воспроизводятся полностью
Растровые вставки теряются
Все объекты воспроизводятся полностью
Весь текст воспроизводится полностью
Векторные рисунки воспроизводятся полностью
Растровые вставки теряются
Все объекты воспроизводятся полностью
Весь текст воспроизводится полностью
Векторные рисунки воспроизводятся полностью
PDF Растровые вставки теряются
Объекты теряются
Файл открывается как пустой или не открывается
Все изображения полностью воспроизводятся
Все объекты воспроизводятся полностью
Текст может воспроизводиться с потерями
Векторные рисунки воспроизводятся полностью
Все изображения полностью воспроизводятся
Все объекты воспроизводятся полностью
Воспроизводится только текст в одну строку
Векторные рисунки воспроизводятся полностью
WMF Возможна потеря растровых изображений
Объекты могут воспроизводиться с искажениями
Текст может воспроизводиться с потерями
Возможна потеря некоторых рисунков
Возможна потеря растровых изображений
Объекты могут воспроизводиться с искажениями
Текст разбивается на отдельные буквы
Возможна потеря некоторых рисунков
Растровые вставки теряются
Все объекты воспроизводятся полностью
Весь текст воспроизводится полностью
Векторные рисунки воспроизводятся полностью
EPS, TIFF prev. Растровые вставки теряются
Все объекты воспроизводятся полностью
Весь текст воспроизводится полностью
Векторные рисунки воспроизводятся полностью
Все изображения полностью воспроизводятся.
Все объекты воспроизводятся полностью.
Воспроизводится только текст в одну строку.
Векторные рисунки воспроизводятся полностью.
Растровые вставки теряются
Все объекты воспроизводятся полностью
Весь текст воспроизводится полностью
Векторные рисунки воспроизводятся полностью
ESP, no preview Изображение выглядит как пустой прямоугольник. Редактировать изображение невозможно, однако на PostScript-устройствах оно печатается полностью без искажений. Все изображения полностью воспроизводятся
Все объекты воспроизводятся полностью
Воспроизводится только текст в одну строку
Векторные рисунки воспроизводятся полностью
Растровые вставки теряются
Все объекты воспроизводятся полностью
Весь текст воспроизводится полностью
Векторные рисунки воспроизводятся полностью
PostScript Все изображения полностью воспроизводятся
Все объекты воспроизводятся полностью
Текст разбивается на отдельные буквы
Векторные рисунки воспроизводятся полностью
Все изображения полностью воспроизводятся
Все объекты воспроизводятся полностью
Воспроизводится только текст в одну строку
Векторные рисунки воспроизводятся полностью
——

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

PDF

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

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

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

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

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

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

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

  1. Перейти к команде «Печать», которая обычно находится в меню «Файл».
  2. В открывшемся окне найти список установленных принтеров и среди них выбрать FoxitReader PDF Printer.
  3. Нажать кнопку «Печать».
  4. Указать адрес на жестком диске, куда следует сохранить полученный 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. Поддерживается большинством векторных редакторов.

4 основных формата графических файлов в веб-дизайне

Фотографии, графические рисунки, фоновые изображения – это визуальные элементы веб-дизайна, от которых зависит внешний вид сайта и скорость его загрузки.in-blog

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

JPEG

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

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

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

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

GIF

GIF (Graphic Interchange Format) — это тип растрового изображения, ограниченный 256 цветами. Алгоритм сжатия для файлов этого формата менее сложен, чем для файлов JPG. Сжатие не вызывает потерю данных. GIF расширение очень эффективно для логотипов, иконок, таблиц, но абсолютно не подходит для цифровых фотографий, которые имеют тысячи оттенков.

У GIF формата есть две отличительные особенности. Это поддержка прозрачности изображения и возможность анимации.

•  Прозрачность носит относительный характер: пикселы могут быть либо 100% прозрачны, либо 100% непрозрачны. Промежуточных значений не бывает. Если сделать какой-либо цвет прозрачным, то он будет прозрачным на всем изображении. Например, можно разместить рисунок логотипа поверх другого рисунка. В течение многих лет GIF был единственным форматом, который поддерживал прозрачность. Теперь же с этой целью можно использовать расширения PNG и SVG.

•  Анимированные GIF –распространенный формат изображений в интернете. Любой файл анимации GIF состоит из нескольких последовательных кадров, идущих с небольшой задержкой друг за другом. Повтор кадров может быть зациклен в бесконечном повторении либо может быть принудительно остановлен в конце.

PNG

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

Используя программы Adobe Illustrator, Adobe Photoshop дизайнеры создают, редактируют, изменяют размеры файлов PNG. При сохранении готовых изображений применяются два типа расширений: PNG-8 (8 бит) или PNG-24 (24 бита).

•  PNG-8 отображает только 256 цветов. Имеет хорошие параметры прозрачности, характеризуется улучшенным форматом сжатия.

•  PNG-24 позволяет работать с максимальной глубиной цвета (24 бита). Благодаря встроенному альфа-каналу, формат PNG поддерживает как прозрачность, так и полупрозрачность. Из-за процесса сжатия без потерь файлы по-прежнему остаются сравнительно большими, поэтому расширение PNG менее подходит для фотографий, чем JPG. Но в случае, когда качество изображения важнее, чем его размер, предпочтение отдается расширению PNG-24.

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

SVG

SVG (Scalable Vector Graphics) – наиболее распространенный масштабируемый векторный формат. В отличие от растровых расширений (JPG, GIF и PNG), SVG файлы используют векторы для создания небольших файлов, которые могут быть увеличены до любого размера без потери качества.

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

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

графических форматов файлов | Руководство по стилю 3

Основными форматами веб-файлов являются файлы gif (произносится как «jiff»), jpeg («jay-peg») и, в гораздо меньшей степени, файлы png («ping»). Все три распространенных веб-графических формата — это так называемая растровая графика, состоящая из шахматной сетки из тысяч крошечных цветных квадратных элементов изображения или пикселей. Растровые файлы представляют собой файлы знакомых типов, создаваемые сотовыми телефонами и цифровыми камерами, и их легко создавать, редактировать, изменять размер и оптимизировать для использования в Интернете с помощью таких широко доступных инструментов, как Adobe Photoshop или Elements, Corel Paint Shop Pro и Painter и других. программы для редактирования фотографий.

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

  • Характер изображения (является ли изображение «фотографической» коллекцией плавных тональных переходов или схематичным изображением с резкими краями и линиями?)
  • Влияние различных видов сжатия файлов на качество изображения
  • Эффективность техники сжатия при получении файла наименьшего размера, который выглядит хорошо

GIF Графика

Информационная служба CompuServe в 1980-х годах популяризировала формат обмена графическими данными (gif) как эффективное средство передачи изображений по сетям передачи данных.В начале 1990-х годов дизайнеры World Wide Web приняли GIF за его эффективность и широкое знакомство. Многие изображения в Интернете представлены в формате GIF, и практически все веб-браузеры, поддерживающие графику, могут отображать файлы GIF. GIF-файлы включают в себя схему сжатия «без потерь», позволяющую поддерживать минимальный размер файла без ущерба для качества. Тем не менее, файлы GIF представляют собой 8-битную графику и, следовательно, могут вместить только 256 цветов.

Сжатие файла GIF

Формат файла gif использует относительно базовую форму сжатия файлов (Lempel Ziv Welch, или lzw), которая устраняет недостатки в хранении данных без потери данных или искажения изображения.Схема сжатия lzw лучше всего подходит для сжатия изображений с большими полями однородного цвета, такими как логотипы и диаграммы. Он гораздо менее эффективен при сжатии сложных «фотографических» изображений с множеством цветов и сложных текстур (рис. 11.4).

Рис. 11.4. Сжатие LZW, встроенное в графический формат GIF, очень эффективно для сохранения схематической графики (справа), но плохо при сжатии более сложных фотографических изображений (слева).

Дизеринг

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

Рисунок 11.5 — Сглаживание полноцветной фотографии (слева) до 256-цветного изображения (справа) приводит к изображению с большим количеством визуального шума и резкими переходами между пикселями разных цветов. К счастью, такие компромиссы в настоящее время остались в прошлом, поскольку большинство пользователей теперь имеют мониторы «настоящих цветов», которые могут отображать тысячи или миллионы цветов.

Улучшение сжатия GIF

Вы можете воспользоваться характеристиками сжатия lzw, чтобы повысить его эффективность и тем самым уменьшить размер вашей GIF-графики.Стратегия состоит в том, чтобы уменьшить количество цветов в вашем GIF-изображении до минимально необходимого количества и удалить цвета, которые не требуются для представления изображения. Графическое изображение не может иметь более 256 цветов, но может иметь меньше. Изображения с меньшим количеством цветов будут сжиматься более эффективно при сжатии lzw. Например, при создании GIF-графики в Photoshop не сохраняйте каждый файл автоматически с 256 цветами. Простое изображение в формате gif может хорошо выглядеть при 8, 16 или 32 цветах, а экономия размера файла может быть значительной.Для максимальной эффективности в графике GIF используйте минимальное количество цветов, которое дает хороший визуальный результат.

чересстрочный GIF

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

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

Прозрачный GIF

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

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

Рисунок 11.6 — Страшный «белый ореол» в прозрачной графике GIF.

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

JPEG графика

Другим форматом графических файлов, обычно используемым в Интернете для минимизации размеров графических файлов, является схема сжатия Joint Photographic Experts Group (jpeg). В отличие от графики gif, изображения в формате jpeg представляют собой полноцветные изображения, которые выделяют не менее 24 бит памяти для каждого пикселя, в результате чего изображения могут содержать 16,8 миллиона цветов.

Изображения в формате

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

Сжатие jpeg

использует сложную математическую технику, называемую дискретным косинусным преобразованием, для получения скользящей шкалы сжатия графики. Вы можете выбрать степень сжатия, которую хотите применить к изображению в формате JPEG, но при этом вы также определяете качество изображения.Чем больше вы сжимаете изображение с помощью сжатия JPEG, тем больше вы ухудшаете его качество. jpeg может достигать невероятных коэффициентов сжатия, сжимая графику до целых ста раз меньше, чем исходный файл. Это возможно потому, что алгоритм jpeg отбрасывает «ненужные» данные при сжатии изображения и поэтому называется техникой сжатия с «потерями». Обратите внимание на рис. 11.7, как увеличение сжатия JPEG постепенно ухудшает детали изображения. Клетчатый рисунок и темные «шумовые» пиксели в сжатом изображении — это классические артефакты сжатия JPEG.Обратите внимание на сильный шум сжатия и искажения, представленные на изображении ниже, особенно вокруг переднего края головы рыбы.

Рисунок 11.7 — Сжатие JPEG обходится дорого: значительное увеличение визуального шума и других артефактов сжатия, которые ухудшают качество изображения при чрезмерном использовании.

Сохраните ваши оригинальные несжатые изображения!

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

PNG графика

Portable Network Graphic (png) — это формат изображения, разработанный консорциумом разработчиков графического программного обеспечения в качестве непатентованной альтернативы формату изображения GIF. Как уже упоминалось выше, CompuServe разработал формат gif, а gif использует запатентованную схему сжатия lzw, которая была запатентована Unisys Corporation, а это означает, что любой разработчик графического инструмента, создающий программное обеспечение, сохраненное в формате gif, должен был платить роялти Unisys и CompuServe.Срок действия патента истек, и разработчики программного обеспечения могут свободно использовать формат GIF.

Графика

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

PNG поддерживает полноцветные изображения и может использоваться для фотографических изображений. Однако, поскольку он использует сжатие без потерь, результирующий файл намного больше, чем при сжатии JPEG с потерями. Как и gif, png лучше всего справляется с штриховыми рисунками, текстом и логотипами — изображениями, которые содержат большие области однородного цвета с резкими переходами между цветами. Изображения этого типа, сохраненные в формате png, выглядят хорошо и имеют такой же или даже меньший размер файла, чем при сохранении в формате GIF. Однако широкое распространение формата png было медленным.Частично это связано с несовместимой поддержкой в ​​веб-браузерах. В частности, Internet Explorer не полностью поддерживает все функции PNG-графики. В результате большинство изображений, подходящих для сжатия в формате png, используют вместо этого формат gif, который имеет преимущество полной и согласованной поддержки браузера.

,

Ian’s Graphics Site — форматы файлов компьютерной графики

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

Введение в растровую графику

Что такое растровая графика?

Растровое изображение (или «растровое» изображение) — это изображение, состоящее из строк и столбцов отдельных цветных точек, называемое пикселей (= элементы изображения).Этот пример фото Улуру состоит из сетки 57 600 пикселей (ширина 240 × 240 высокий).

Растровые графические данные

Кто бы ни придумал фразу — «Картина стоит тысячи слов» — вероятно, никогда не понимал, насколько это будет правдой по отношению к компьютерной графике. При хранении в виде несжатого растрового изображения файл, этот образ занимает 172 854 байт дискового пространства. Чтобы поместить это в контекст, это о 50 страниц письма (более 25 000 слов!)

Сжатие растрового изображения

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

Сжатие растровых графических данных

Существует много способов сжатия данных изображения. Ниже приводится краткое нетехническое описание некоторых распространенных методы сжатия.

Кодировка длины пробега

(красный: зеленый: зеленый: зеленый: зеленый: синий) → (КРАСНЫЙ: 4 × ЗЕЛЕНЫЙ: СИНИЙ)

Одно простое сжатие графики использует то, что называется «Run Length Encoding».Если есть несколько точек одного цвета сразу друг за другом данные можно сжать, сохранив «Длина цикла» (количество точек) с последующим цветом стоимость.

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

Кодировка на основе токенов

(КРАСНЫЙ: ЯНТАРЬ: ЗЕЛЕНЫЙ: КРАСНЫЙ: ЯНТАРЬ: ЗЕЛЕНЫЙ) → (Фары: фары)

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

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

Кодирование на основе визуальных деталей

(НЕБО: НЕБО: НЕБО: ТРАВА: ТРАВА: ТРАВА) → (НЕБО: ТРАВА: ТРАВА)

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

Например, если блок содержит только небо, может быть отброшено довольно много данных, потому что есть только незначительный цвет вариации между соседними синими пикселями. Если блок содержит траву, потребуется гораздо больше данных, потому что трава более подробный. Это все равно что читать кому-то документ и говорить: «и т. Д. И т. Д.» на неважных разделах, затем чтение важные детали в полном объеме.

Уменьшение цвета

(РУБИНОВЫЙ КРАСНЫЙ: ИЗУМРУДНО-ЗЕЛЕНЫЙ: САПФИР-СИНИЙ) → (КРАСНЫЙ: ЗЕЛЕНЫЙ: СИНИЙ)

Альтернативой сжатию является уменьшение объема данных, необходимых для хранения каждой точки. С фотографическими изображениями, каждый точка нуждается в трех байтах данных, что позволяет этой точке иметь один из 16,7 миллионов цветов. Если вы уменьшите количество допустимые цвета, вы уменьшаете необходимое хранилище данных. Два байта данных допускают 65 536 цветов, один байт позволяет 256 цветов, в то время как для 16 цветов требуется только половина байта.С человеческой точки зрения это похоже на написание предложения с слова из 5 букв или меньше.

ПРИМЕЧАНИЕ. Большинство форматов сжатых файлов теряют качество исходного изображения. Если вы будете работать над изображением (например, ретуширование для удаления пятен), вы должны сохранять его в несжатом формате (например, .BMP = формат растрового изображения), пока не получите завершил работу над этим. В противном случае вы будете постепенно терять качество при каждой загрузке и повторном сохранении изображения (аналогично когда вы делаете ксерокопию фотокопии).

Расширения растровых графических файлов

растровые файлы в основном идентифицируются по добавочных . Например, файл с именем «Image.bmp» является файлом «BMP» (Bitmap), в то время как другой файл называется «Image.gif» это файл «GIF», а другой файл с именем «Image.jpg» является файлом «JPG» (или «JPEG»). Кроме того, сообщая нам формат, в котором данные хранятся в файле (т. е. как они сжаты), они также сообщают системе, какую программу использовать с этим файлом и, следовательно, какой значок отображать для этого файла.

Microsoft, по своей мудрости, решила, что не следует путать пользователей с такими вещами, как расширения файлов, поэтому стандарт установка Windows не будет отображать их . Это может быть очень запутанным, когда папка содержит два или более одинаковых файла с разными расширения, так как нет простого способа различить их. Например, без расширений, три иконки выше будет выглядеть так, как будто у них одно и то же имя: «Изображение».

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

Обеспечение отображения расширений графического файла

  • Windows 95:
    1. Пуск> Программы> Windows Explorer;
    2. Нажмите в меню «Вид» и выберите «Параметры»;
    3. Снимите флажок «Скрыть расширения файлов MS-DOS …» и нажмите «ОК».
  • Windows 98:
    1. Пуск> Программы> Windows Explorer;
    2. Нажмите в меню «Вид» и выберите «Параметры папки»;
    3. Нажмите на вкладку «Вид»;
    4. Снимите флажок «Скрыть расширения файлов для известных типов файлов» и нажмите «ОК».
  • Windows XP:
    1. Пуск> Программы> Windows Explorer;
    2. Откройте меню «Инструменты», меню «Параметры папки»;
    3. Нажмите на вкладку «Вид» и выберите «Параметры»;
    4. Снимите флажок «Скрыть расширения для известных типов файлов» и нажмите «ОК».

Общие форматы графических файлов для растровых изображений

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

GIF (произносится «Jiff»)

Формат файла GIF берет свое начало с 1987 года. Не слишком технически, важными особенностями являются то, что он обрабатывает изображения с ограниченным количеством цветов (до 256) и с использованием сжатия типа токена, который «без потерь» (т. е. когда в несжатом виде полученное изображение идентично оригиналу).

Образец GIF-файла

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

Пример сжатия файлов GIF

Вот статистика сжатия для образца логотипа справа:

• 240 × 240 пикселей, до 16 цветов;

• Несжатый растровый файл = 28 918 байт;

• Сжатый файл GIF = 3447 байт = степень сжатия 88%.

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

Логотипы, заголовки, кнопки, границы, простые диаграммы, анимация.

Дополнительные функции

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

JPG (произносится «Jay-Peg»)

Этот формат был разработан специально для обработки фотографий фотографического типа с разрешением до 16.7 миллионов цветов. куда предыдущие форматы файлов редко достигают сжатия даже 40%, JPG регулярно достигает от 80 до 90% или лучше! Это сжатие «с потерями» (т. е. при получении изображение потеряло некоторые детали оригинала) с выбираемым «качеством» настройка, позволяющая найти компромисс между качеством изображения и размером файла.

Образец файла JPG

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

Образец сжатия файлов JPG

Вот статистика сжатия для образца фотографии справа:

• 240 × 240 пикселей, до 16,7 миллионов цветов;

• Несжатый растровый файл = 172 854 байта;

• Сжатый файл JPG = 26 838 байт = сжатие 84%.

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

Фотографии, изделия, декорации, лица, текстуры, фоны.

PNG (произносится «Пинг»)

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

Образцы файлов PNG

Любое из приведенных выше типичных изображений можно сохранить в виде файлов PNG, создавая изображения, идентичные эквивалентным файлам GIF или JPG.

Образец сжатия файлов PNG — логотип

Вот статистика сжатия для образца логотипа справа:

• 240 × 240 пикселей, до 16 цветов;

• Несжатый растровый файл = 28 918 байт;

• Сжатый файл PNG = 2769 байт = сжатие 90%.

Это работает чуть лучше , чем эквивалентное сжатие GIF-файла на 88%.

Образец сжатия файлов PNG — Фото

Вот статистика сжатия для образца фотографии справа:

• 240 × 240 пикселей, до 16,7 миллионов цветов;

• Несжатый растровый файл = 172 854 байта;

• Сжатый файл PNG = 116 163 байта = 33% сжатия.

Это намного хуже , чем эквивалентное сжатие файла JPG на 84%.

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

Дополнительные функции

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

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

Введение в векторную графику

Что такое векторная графика?

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

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

Увеличенная растровая графика

Увеличение в растровом изображении просто увеличивает отдельные точки цвета. В результате получаются более крупные, более короткие точки без дополнительная деталь

увеличенная векторная графика

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

общих форматов файлов векторной графики

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

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

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

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

Метод 1: Отдельный файл SVG

Это изображение флага хранится в отдельном файле:

FlagOfAustralia.svg

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

Метод 2: встроенное изображение SVG

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

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

Дополнительные функции

Каждый элемент изображения SVG может быть анимирован или иным образом изменен веб-браузерами.Это открывает некоторые экстраординарные возможности — которые только сейчас начинают изучать веб-разработчики.

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

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

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

— Ян Фигген, 18 января 2018 года

,

png — Как работают графические типы файлов?

Переполнение стека
  1. Товары
  2. Клиенты
  3. Случаи использования
  1. Переполнение стека Публичные вопросы и ответы
  2. Команды Частные вопросы и ответы для вашей команды
  3. предприятие Частные вопросы и ответы для вашего предприятия
  4. работы Программирование и связанные с ним технические возможности карьерного роста
  5. Талант Нанимать технический талант
.

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

[Предыдущая] [Следующий]

Существует ряд различных типов графических форматов файлов. каждый Тип хранит графические данные по-другому. Растровое изображение, вектор и форматы метафайлов на сегодняшний день являются наиболее часто используемыми форматами, и мы сосредоточиться на них. Тем не мение, Есть и другие типы форматов — сцена, анимация, мультимедиа, гибрид, гипертекст, гипермедиа, 3D, виртуальное моделирование язык реальности (VRML), аудио, шрифт и страница язык описания (PDL).Увеличивающийся Популярность Всемирной паутины сделала некоторые из этих форматов более популярны, и мы ожидаем повышения интереса к ним в будущем. Хотя большинство этих типов файлов выходят за рамки этой книги, мы представим их в этом разделе.

растровых форматов

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

Microsoft BMP, PCX, TIFF и TGA являются примерами часто используемых растровых форматов. Глава 3 описывает построение растровых файлов в некоторых деталях.

Векторные форматы

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

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

AutoCAD DXF и Microsoft SYLK — примеры часто используемых векторов форматы.Глава 4, Векторные файлы , описывает конструкцию вектора файлы в некоторых деталях.

Форматы метафайлов

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

WPG, Macintosh PICT и CGM являются примерами часто используемых метафайлов форматы. Глава 5, Метафайлы , описывает конструирование метафайлов в некоторые детали.

Форматы сцены

Файлы формата сцены (иногда называемые сценой описание файлов) предназначены для хранения сжатых представление изображения или сцены, которая используется программой для реконструировать фактическое изображение. Какая разница между векторный формат файла и файл формата сцены? Только что векторные файлы содержат описания частей изображения, а файлы сцены содержат инструкции, которые программа рендеринга использует для построения образ.На практике иногда трудно решить, является ли конкретный формат — сцена или вектор; это больше вопрос степени, чем что-либо абсолют.

Форматы анимации

Форматы анимации существуют уже давно. Основная идея это из флипбуков, с которыми ты играл в детстве; с этими книгами ты быстро отображать одно изображение поверх другого, чтобы сделать его появляются, как будто объекты на изображении движутся. Очень примитивно форматы анимации хранят целые изображения, которые отображаются в последовательности, обычно в цикле.Чуть более продвинутые форматы хранят только один изображение, но несколько цветных карт для изображения. При загрузке в новый цвет карта, цвета на изображении меняются, и объекты появляются шаг. Расширенные форматы анимации хранят только различия между два соседних изображения (называемые кадров ) и обновление только пиксели, которые фактически изменились, поскольку каждый кадр отображается. Скорость отображения 10-15 кадров в секунду является типичной для мультипликационных анимаций.Видео анимация обычно требует скорость отображения 20 кадров в секунду или лучше для получения более плавного движение.

TDDD и TTDDD являются примерами форматы анимации.

Мультимедийные форматы

Мультимедийные форматы относительно новые, но их становится все больше важный. Они предназначены для хранения данных разные типы в одном файле. Мультимедийные форматы обычно позволяют включение графики, аудио и видео информации.от Microsoft RIFF, Apple QuickTime, MPEG и FLI Autodesk хорошо известны примеры и другие, вероятно, появятся в ближайшем будущем. Глава 10, Мультимедиа , описывает различные вопросы, касающиеся мультимедийных форматов.

Гибридные форматы

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

Гипертекст и Гипермедиа Форматы

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

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

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

Гипертекстовые и гипермедиа системы, такие как World Wide Web, содержат миллионы информационных ресурсов хранятся в виде GIF, JPEG, PostScript, MPEG и AVI файлы.Многие другие форматы также используются.

3D форматы

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

Приложения рендеринга, которые могут использовать трехмерные данные, обычно моделируют и анимационные программы, такие как NewTek’s Lightwave и Autodesk 3D Студия. Они предоставляют возможность настроить внешний вид рендеринг изображения с помощью изменений и дополнений в освещении, текстуры, применяемые к элементам сцены, и относительные положения элементы сцены. Кроме того, они позволяют пользователю анимировать или назначать движения, элементы сцены. Затем приложение создает серию растровые файлы или кадры, взятые в последовательности, могут быть собраны в фильм.

Важно понимать, что векторные данные исторически были 2D в природа. То есть приложение-создатель, с которого были получены данные, не пытаться моделировать 3D-дисплей с помощью приложения перспектива. Примеры векторных данных включают чертежи САПР и большинство клип-артов, предназначенных для использования в настольных издательских приложениях. На рынке существует определенная путаница относительно того, что представляет собой 3D-рендеринг. Это осложняется тем фактом, что 3D-данные теперь поддерживаются по ряду форматов, в которых ранее сохранялись только 2D векторные данные. Примером этого является формат Autodesk DXF. Форматы как DXF иногда называют расширенным векторные форматы .

Форматы языка моделирования виртуальной реальности (VRML)

VRML (произносится как «Vermel») можно рассматривать как гибрид трехмерной графики и HTML. VRML v1.0 по сути подмножество формата файла Silicon Graphics Inventor и добавляет к нему поддержка ссылок на унифицированные указатели ресурсов URL-адреса во всемирной паутине.

VRML кодирует 3D-данные в формате, подходящем для обмена через Интернет с использованием протокола передачи гипертекста (HTTP). Данные VRML, полученные из Интернета сервер отображается в веб-браузере, который поддерживает VRML языковая интерпретация. Мы ожидаем, что VRML на основе 3D графика скоро будет очень распространена в World Wide Web.

Эта книга не содержит углубленного обсуждения VRML по тем же причинам, по которым мы не предоставляем подробного описания гипертекст, гипермедиа и 3D форматы.VRML спецификация является движущейся целью, но вы можете не отставать от нее, посмотрев на следующие ресурсы в интернете:

http://www.oki.com/vrml/VRML_FAQ.html

VRML FAQ

http://www.sdsc.edu/vrml/
http://www.vrml.org
http://vrml.wired.com

Информационные репозитории VRML

Аудио форматы

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

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

Где форматы аудио файлов сильно различаются в методах данных сжатие они используют.Кодирование Хаффмана обычно используется как для 8-битных графические и аудиоданные. 16-битные аудиоданные, однако, требуют алгоритмы, специально адаптированные к задачам сжатия звука данные. Такие схемы сжатия включают CCITT (Международный телеграфно-телефонный консультативный комитет) рекомендации G.711 (uLAW), G.721 (ADPCM 32) и G.723 (ADPCM 24), и Федеральные стандарты США FIPS-1016 (CELP) и FIPS-1015 (КЛП-10E).

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

http://cuiwww.unige.ch/OSG/AudioFormats/

Руководство по форматам аудио файлов

ftp://rtfm.mit.edu/pub/usenet/news.answers/audio-faq/part[1-2]

FAQ по форматам аудиофайлов

ftp: // rtfm.mit.edu/pub/usenet/news.answers/compression-faq/part[1-3]

comp.compression FAQ

ftp://rtfm.mit.edu/pub/usenet/news.answers/dsp-faq/part[1-4]

comp.dsp FAQ

ftp://rtfm.mit.edu/pub/usenet/news.answers/mpeg-faq/part[1-6]

MPEG FAQ

Форматы шрифтов

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

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

Исторически существовало три основных типа файлов шрифтов: растровые, обводка и сплайн-контуры, описанные в следующем разделы.

Мы решили не включать файлы шрифтов в эту книгу, потому что технология шрифтов это мир для себя, с другой терминологией и проблемами.Многие из форматы файлов шрифтов по-прежнему являются собственностью и зашифрованы, а в На самом деле, не доступны для широкой публики. Хотя есть несколько старых форматов шрифтов на основе сплайнов все еще используются, данные о шрифтах в Форматы TrueType и Adobe Type 1 легко доступны на всех основные платформы и хорошо документированы в других публикациях легко доступны для разработчиков. Мы рекомендуем вам проверить из следующих ресурсов в интернете:

ftp: // rtfm.mit.edu/pub/usenet/news.answers/fonts-faq/part[1-17]

Шрифты FAQ

http://www.adobe.com
http://www.eworld.com
http://microsoft.com
http://jasper.ora.com/compfont

Шрифты информационных хранилищ

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

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

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

.