Web Дизайн. Уроки фотошопа, photoshop. Статьи о дизайне. Как создать сайт. Обучение дизайну. Фото. Гламурные галереи
Веб дизайн

  Галереи дизайна       Статьи о дизайнерах и дизайне       Портфолио дизайнера      ЧМ 2018
Дизайн Форум


Дизайн как стиль жизни/ история, теория, практика


  Книги о дизайне, E-books       Хроники дизайнера       On-line Flash игры       Софт для дизайнера       О сайте       Реклама на сайте


На главную / Форум / Галереи дизайна / Flash игры / Геральдика / Книги о дизайне





  Статьи о дизайне





  Компьютерная графика (растр, вектор, графические
  форматы)





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

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

Компьютерная графика растр, вектор, графические форматы

Что такое пиксель?
Пиксель (англ. pixel - picture element - элемент картинки) - неделимый прямоугольный элемент растровой модели, параметры которого описывают соответствующий ему участок реального или синтезированного изображения.

Каковы параметры растровых изображений?

Размер - произведение ширины на высоту в пикселях.
Разрешение - количество информации на единицу длины. Измеряется в ppi (pixels per inch ≈ пиксели на дюйм) и dpi (dots per inch - точки на дюйм). Имеет смысл только, если известны реальные размеры изображения или отпечатка.
Модель - способ описания элементов изображения в цифровом виде. Например, Bitmap, Grayscale, Indexed, RGB, HLS, Lab, CMYK. В WWW используются модели Grayscale, Indexed, RGB.
Цветовая модель RGB - естественный язык цвета сканнеров, мониторов и других электронных устройств.
Глубина цвета - количество бит памяти, выделяемых для описания тоновых или цветовых характеристик каждого пикселя в соответствие с моделью. Например, 1бит/пикс. (Bitmap, Halftone), 8 бит/пикс. (Grayscale, Indexed), 24 бит/пикс. (RGB).

Какое разрешение требуется для публикации изображений в Web?
Так как информация представляется на экране монитора, то при сканировании в масштабе 1:1 следует задавать разрешение 72 ppi - типовое значение разрешающей способности большинства мониторов PC и 95 ppi - для MAC.

Что такое формат файла?
Формат - способ организации информации в файле. Графические файлы служат для хранения изображений между сеансами работы с графическими программами и переноса изображений между программами и компьютерами. Графическая информация в файлах кодируется несколько иначе, чем в памяти компьютера. Более того, способов кодирования, называемых форматами, существует множество. Сосуществование большого числа форматов графических файлов обусловлено специфическими сферами их применения. Для Web используются следующие основные форматы со сжатием информации:
GIF - для хранения рисунков и анимаций (недеструктивное сжатие)
JPEG - для хранения фотографий (деструктивное сжатие)
PNG8 - для рисунков и фотографий в моделях Grayscale и Indexed (недеструктивное сжатие)
PNG24 - для рисунков и фотографий в модели RGB (недеструктивное сжатие)

Параметры графических форматов:

Распространенность
Многие приложения имеют собственные форматы файлов. Они поддерживают особые возможности конкретных программ, но могут оказаться несовместимыми с другими приложениями. Программы иллюстрирования и издательские системы могут не уметь импортировать такие форматы или делать это некорректно. Вопрос распространенности касается не только собственных форматов программ. Некоторые форматы разрабатывались специально под аппаратное обеспечение (например, форматы Scitex, Targa, Amiga IFF). Если вы не располагаете этой аппаратурой, не используйте подобных форматов. Сохраняя изображения в малораспространенных форматах, вы создаете потенциальные проблемы при переносе их на другие компьютеры.

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

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

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

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

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

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

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

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

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

В чем заключается оптимизация файлов изображений для Web?
Основной критерий - минимизация объема файла, а значит времени его передачи по сети при допустимом уровне качества. Достигается использованием соответствующего формата файла (GIF, JPEG или PNG) и подбором совокупности параметров, определяющих наилучшее соотношение качество/размер.

Любое изображение на компьютере может быть представленно в двух графических режимаж:
1. в векторном виде
2. в растровом виде (в Web поддерживается только растр)



Чемпионат мира по футболу 2018



Векторная графика (Vector drawing)
Форматы: .cdr .ai ...

Вид кодировки графическихх изображений,основанный на геометрии, но не точек (как в растровой графике), а кривых. В качестве сплайнов выбраны кривые Безье. (Пьер Безье - французский математик, рассчитавал сплайны корпуса автомобилей).
Сплайн - основное понятие векторной графики. Линейные картинки - это сплайны. На сплайнах построены современные шрифты TryeType и PostScript. Суть сплайна: любую элементарную кривую можно построить, зная четыре коэффициента P0, P1, P2 и P3, соответствующие четырем точкам на плоскости. Перемещая эти точки, меняем форму кривой.
Примером векторной графики служат работы, созданные в графическом редакторе CorelDraw. В отличии от растра векторное изображение состоит из отдельных линий-направляющих (векторов) которые образуют изображение. В файле хранится информация не о каждой точке, а об элементах, из которых состоит изображение, т.е. о направляющих из которых она создана. Векторные изображения занимают сравнительно небольшой объем и легки в редактировании. Любой элемент картинки может быть изменен отдельно от других. Изображение легко меняет размер не теряя качества и сохраняя первоначальную композицию (расположение элементов) Вектор пластичен, что позволяет отображать его на устройствах с различной разрешающей способностью одинаково качественно. Но изображения векторной графики просты по визуальному восприятию и в основном выглядят "нарисованными".

Достоинства векторной графики:

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

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

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

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

1. Программная зависимость. Каждая программа строит кривые Безье по своим алгоритмам. (Например, формат .cdr программы Corel Draw не описан и является нестандартным). Часто необходимо конвертирование. Каждая программа сохраняет данные в своем собственном формате, поэтому изображение, созданое в одном векторном редакторе, как правило, не конвертируется в формат другой программы без погрешностей.

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

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


Растровая графика (Raster drawing)
Форматы: .tif .bmp .gif .jpg .png ...


Изображения в растровой графике состоят из отдельных точек разнличных цветов, образующих цельную картину (наподобии мозаики) Типичным примером растровой графики служат отсканированные фотографии или изображения созданные в графическом редакторе PhotoShop. Применение растровой графики позволяет добиться изображения высочайшего фотореалистичного качества. Но такие файлы очень объемны и трудноредактируемы (каждую точку приходиться подправлять вручную) При изменении размеров качество изображения ухудшается. Так при уменьшении исчезают мелкие детали, а при увеличении картинка превращается в набор пикселей :) При печати растрового изображения или при просмотре его на устройствах, имеющих недостаточную разрешающую способность значительно ухудшается восприятие образа.
Изображение (объект) может быть монохромным (штриховым), черно-белой фотографией (в градациях серого) и цветным. Любой рисунок можно представить набором мозаичных точек.
Суть принципа точечной графики: если надо закодировать какой-то обект, то на него "накладываем" сетку и создаем матрицу (таблицу) той же размерности, заполняя единицами ячейки, наложенные на обект, и нулями вне обекта. Еслиграницы оригинал-объекта параллельны границам ячеек сетки, получается идеальная матрица (bitmap) из нулевых и единичных битов, которая представляет закодированное изображение обекта. Если эту матрицу вывести на экран или принтер или на диск для хранения, то получим оттиск обекта. Таким образом, с помощью отдельных блоков можно закодировать обект - известный древний способ рисования по клеточкам!
Но идеальный случай, когда границы объекта совпадают с направляющими линиями матрицы, реализуется редко. Ясно, что, если имеем полносью пустые и полностью заполненные квадратики - это биты 0 и 1. А если не полностью заполненные и не полностью пустые? Очевидно, что в общем случае нужно устанновить порог: Ниже этого порога - нолики? а выше - единицы. Например, если порог меньше 1/2, то 0, если больше, то 1.

Разрешение измеряется в единицах:
ppi (pixel per inch - пиксел на инч (дюйм)) - количество пикселов на единицу длины в 1 дюйм
dpi (dots per inch - точки на дюйм) - количество точек на единицу длины в 1 дюйм
1 дюйм = 25,4 мм.

Достоинства растровой графики:
1. Каждый пиксел независим друг от друга.

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

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

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

5. Можно использовать в Web-дизайне :)

Недостатки растровой графики:
1. Объём файла точечной графики одназначно определяется произведением площади изображения на разрешение и на глубину цвета (если они приведены к единой размерности). При этом совершенно неважно, что отображено на фотографии: белый снежный пейзаж с одиноким столбом вдалеке, или сцена рок-концерта с обилием цвета и форм. Если три параметра одинаковы, размер файла будет практически одинаковым.

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

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


Растровые форматы: GIF, BMP, WBMP, PCX, PCD, PSD, FLM, IFF, PXR, PNG, SCT/PICT, PCT, RAW, TIF/TIFF, BMP, JPEG , TGA, FPX, GIF , PhotoCD, MNG, ICO, FLA/SWF

GIF
В 1987 году специалисты из фирмы CompuServe поднатужились и явили миру новый формат для хранения изображений в режиме индексированных цвето. Формат GIF (Graphics Interchange Format) создан крупнейшей сетевой службой CompuServe (ныне подразделение AOL, America OnLine) специально для передачи растровых изображений в глобальных сетях. В 1989 году формат был модифицирован, и его новая версия получила название gif89a. Gif ориентирован в первую очередь на хранение изображений в режиме индексированных цветов (не более 256), также поддерживает компрессию без потерь LZW. Но главная соковыжималка для картинок в формате gif ≈ это, все таки, приведение их к меньшему числу цветов. Само собой, что такое пройдет без последствий лишь на картинках с изначально небольшим количеством цветов: рисованной графике, элементах оформления, маленьких надписях (кстати, для хорошего сглаживания надписи классическим шрифтом на однородном фоне достаточно от 7 до 11 цветов в зависимости от кегля).
Используется только по своему первоначальному предназначению - в интернете, поскольку поддерживает только индексированные изображения. Не поддерживает дополнительных каналов, обтравочных контуров, цветовых профилей. Версия GIF 89a позволяет сохранять в одном файле несколько индексированных изображений. Браузеры способны демонстрировать все эти изображения по очереди, получая в результате несложную анимацию. В файле анимации хранятся не только кадры анимации, но и параметры ее демонстрации. GIF анимация в силу своей простоты наиболее распространена в интернете. Кроме того, один из цветов в палитре индексированного изображения можно объявлять прозрачным. В браузере сквозь участки этого цвета будет виден фон страницы.
Настраиваемая палитра (не более 256 цветов), задаваемая прозрачность одного из цветов, возможность сохранения с чередованием строк (при просмотре сначала выводится каждая 8-я, затем каждая 4-я и т.д. - это позволяет судить об изображении до его полной загрузки). Способен содержать несколько кадров в одном файле с последующей последовательной демонстрацией (т.н. "анимированный GIF"). Уменьшение размера файла достигается удалением из описания палитры неиспользуемых цветов и построчного сжатия данных (записывается количество точек повторяющегося по горизонтали цвета, а не каждая точка с указанием ее цвета). Такой алгоритм дает лучшие результаты для изображений с протяженными по горизонтали однотонными объектами. К сожалению, с 1995 года разработчик GIF компания Compuserve сделала платным любое его использование в программных продуктах (кроме бесплатного ПО). Это приводит к постепенному вытеснению этого популярного формата из Интернет. Можно сказать, что на поверхности его держит только способность содержать анимацию. Она используется для создания рекламных баннеров.

JPEG
Формат JPEG (Joint Photographic Experts Group) впервые реализовал новый принцип сжатия с потерями информации. Он основан на удалении из изображения той части информации, которая слабо воспринимается человеческим глазом. Лишенное избыточной информации изображение занимает гораздо меньше места, чем исходное. Степень сжатия, а следовательно и количество удаляемой информации, плавно регулируется. Низкие степени сжатия дают лучшее качество изображения, а высокие могут существенно его ухудшить. Наиболее широко JPEG используется при создании изображений для электронного распространения на компакт дисках или в интернете. Компактность файлов JPEG делает этот формат незаменимым в тех случаях, когда размер файлов критичен, например при их передачи по каналам связи. В полиграфии использовать его не рекомендуется, хотя формат допускает хранение цветовых профилей и контуров обтравки. JPEG поддерживает полутоновые и полноцветные изображения в моделях RGB и CMYK. Не поддерживаются дополнительные цветовые альфа-каналы. Используйте формат JPEG только для хранения фотографических изображений. на рисунках с четкими границами и большими заливочными областями сильно проявляются дефекты сжатия. Особенно характерно проявление грязи вокруг темных линий на светлом фоне и видимых квадратных областей. Последний дефект связан с тем , сто алгоритм сжатия обрабатывает изображения квадратными блоками со стороной 8 пикселов.
Миллионы цветов и оттенков, палитра ненастраиваемая, предназначен для представления сложных фотоизображений. Разновидность progressive JPEG позволяет сохранять изображения с выводом за указанное количество шагов (от 3 до 5 в Photoshop'e) - сначала с маленьким разрешением (плохим качеством), на следующих этапах первичное изображение перерисовывается все более качественной картинкой. Анимация или прозрачный цвет форматом не поддерживаются. Уменьшение размера файла достигается сложным математическим алгоритмом удаления информации - заказываемое качество ниже - коэффициент сжатия больше, файл меньше. Главное, подобрать максимальное сжатие при минимальной потере качества. Кроме коэффициента сжатия еще приходится делать выбор между типами формата - стандартый, оптимизированный или прогрессивный. Наиболее подходящий формат для размещения в Интернете полноцветных изображений. Вероятно, до появления мощных алгоритмов сжатия изображения без потери качества останется ведущим форматом для представления фотографий в Web. Плохо, что качество теряется при каждом последующем сохранении.
Существует три подформата jpg: обычный, optimized (файлы несколько меньше, но не поддерживаются старыми программами) и Progressive (чересстрочное отображение, аналог interlaced в gif). Некоторые приложения позволяют хранить изображение в jpg в режиме CMYK и даже включать в файл обтравочные контуры. Однако, использовать jpg для полиграфических нужд категорически не рекомендуется из-за взаимодействия регулярной структуры блоков 8х8 пикселей, получающихся в результате компрессии, с не менее регулярной структурой типографского растра, что в итоге приводит к образованию муара. Из долговременного пользования этим безусловно полезным форматом можно извлечь две вещи. Во-первых, не стоит сохранять в нем все что попало, а только крупные фотографии с большим количеством плавных цветовых переходов. А, во-вторых, ни в коем случае не стоит сохранять одно и то же изображение в jpg больше одного раза: слишком заметными оказываются деструктивные изменения картинки от повторного использования компрессии.

BMP
Растровый формат BMP (BitMap), созданный Microsoft, ориентирован на применение в операционной системе windows. Он используется для представления растровых изображений в ресурсах программ. Поддерживаются только изображения в модели RGB с глубиной цвета до 24 бит. Не поддерживаются дополнительные цветовые и альфа-каналы, контуры обтравки, управление цветом. В принципе формат предполагает использование простейшего алгоритма сжатия (Run Length Encoding, RLE) без потерь информации, но этот вариант используется редко из-за потенциальных проблем несовместимости.

WBMP
Последняя версия Photoshop 7 в модуле Save for Web умеет сохранять картинки в формате Wireless Bitmap (WBMP), специально оптимизированном для сотовых телефонов, смартфонов, карманных компьютеров и прочих мобильных устройств. Описание этого формата вместе с языком разметки WML (Wireless Markup Language) включено в спецификацию WAP (Wireless Application Protocol). Кроме Photoshop создавать изображения WBMP способна также Macromedia Fireworks 4 и выше. Формат поддерживает только два цвета, но можно имитировать больше с помощью разброса пикселей (dithering). Теоретически файлы WBMP могут содержать анимацию. Сжатие не поддерживается, что очень удивительно, так как на практике графический файл для WAP не может быть больше 1461 байт (это ограничение связано с небольшим объемом памяти сотовых телефонов). Из-за скромного разрешения дисплеев мобильных устройств безопасный размер файлов ограничено 90х24 пикселями. Помимо вышеперечисленных недостатков WBMP еще довольно сыроват: лишь немногие устройства способны отображать графику в этом формате.

PCX
Формат PCX (PC eXchange) - один из первых растровых форматов, созданных фирмой ZSoft для программы PC Paintbrush. Поддерживает монохромные, индексированные и полноцветные изображения модели RGB. Не поддерживаются дополнительные цветовые и альфа-канлалы, контуры обтравки, управление цветом. Формат предполагает использование простейшего алгоритма сжатия (Run Length Encoding, RLE) без потерь информации. Ныне имеет преимущественно историческое значение. Свою пальму первенства по примитивизму когда-то взрастил и формат pcx: он почти так же прост внутри, как и bmp. Возможности у этого формата такие же, как и у bmp, только поддержка OS/2 отсутствует. Зато pcx можно посмотреть большинством программ под DOS, в том числе внутренним просмотрщиком Norton Commander.

PCD
Формат PCD (Photo CD) был разработан фирмой Kodak для хранения сканированных фотографических изображений. Сканирование выполняется на специальной аппаратуре (рабочих станциях Kodak, PIW), а его результат записывается на компакт-диск особого формата, Kodak Photo CD. Его можно просматривать с помощью промышленных видеоплееров и игровых приставок на обычном телевизоре. На практике Photo CD чаще применяются в издательских технологиях как источник изображений. Большинство производителей библиотек фотоснимков используют именно этот формат на своих компакт-дисках. Формат PCD имеет ряд полезных особенностей, делающих эту его область применения превалирующей. Файл PCD содержит изображение сразу в нескольких фиксированных разрешениях. Базовое (Base) разрешение, 512x768 пикселов, используется для просмотра на телевизорах NTSC и PAL. Кроме него имеются пониженные разрешения Base4, Base16 и более высокие 4Base, 16Base и 64Base. Последнее разрешение, 64Base, равное 4096x6144 пикселов, есть только на дисках стандарта Pro Master. Любопытно, что наличие в одном файле шести вариантов одного изображения не увеличивает его размер. Дело в том, что копии высокого разрешения представлены в виде разностей с базовым. Таким образом удается избежать дублирования графической информации. Изображения на Photo CD представлены в особой цветовой модели YCC, разработанной специалистами Kodak и во многом аналогичной модели Lab. YCC тоже имеет три базовых компонента, яркостный и два хроматических. Поскольку глаз более чувствителен к яркостям, чем к цвету, половина цветовой информации отбрасывается при сканировании: на каждые два пиксела приходится только одно значение хроматических компонентов. Благодаря этому удается сократить объем графических данных и размер PCD-файла. Для дальнейшего уменьшения размеров файла используется обычная схема сжатия без потерь качества LZW. Существуют несколько форматов Photo CD. Формат Master Photo CD содержит изображения, сканированные с обычной фотопленки формата 35 мм. Максимальное разрешение для этого типа 16 Base. Профессиональным фотографам адресован формат Master Pro Photo CD, для которого используется пленка большего формата (120 мм и 4x5 дюймов). Для полиграфических приложений предназначен формат Print Photo CD. Оригинал сканируется профессиональными сканерами (Crosfield, Linotype, Scitex) и сохраняется с несжатым разрешением 64 Base. Формат Catalog Photo CD позволяет разместить на одном диске до 4500 изображений с базовым разрешением. И наконец, на мультимедийные приложения ориентирован формат Portfolio PhotoCD. На компакт-диске такого формата можно разместить до 800 изображений, а также звук, интерактивные сценарии и т. п.

TIF, TIFF
Формат TIFF (Tagged Image File Format) создан обьединенными силами таких гигантов, как Aldus, Microsoft и Next специально для хранения сканированных изображений. Исключительная гибкость формата сделала его действительно универсальным. ТIFF - один из самых древних форматов в мире микрокомпьютеров, на сегодняшний день он является самым гибким, универсальным и активно развивающимся. В нем можно хранить графику в любом режиме: от битового и индексированных цветов до Lab, CMYK и RGB (кроме дуплексов и многоканальных документов). Хотя с момента его создания прошло уже много времени, TIFF до сих пор является основным форматом, используемым для хранения сканированных изображений и размещения их в издательских системах и программах иллюстрирования. Версии формата существуют на всех компьютерных платформах, что делает его исключительно удобным для переноса растровых изображений между ними. TIFF поддерживает монохромные, индексированные, полутоновые и полноцветные изображения в моделях RGB и CMYK с 8- и 16-битными каналами. Он позволяет хранить обтравочные контуры, калибровочную информацию, параметры печати. Допускается использование любого количества дополнительных альфа-каналов. Дополнительные цветовые каналы не поддерживаются. Большим достоинством формата остается поддержка практически любого алгоритма сжатия. Наиболее распространенным является сжатие без потерь информации по алгоритму LZW (Lempel Ziv Welch), обеспечивающему очень высокую степень компрессии. Кстати, этот же алгоритм используется многочисленными программами сжатия общего назначения, поддерживающими формат ZIP.

PSD
Формат PSD (PhotoShop Document) - это собственный формат программы Adobe Photoshop. Единственный формат, поддерживающий все возможности программы. Предпочтителен для хранения промежуточных результатов редактирования изображений, так как сохраняет их послойную структуру. Все последние версии продуктов фирмы Adobe Systems поддерживают этот формат и позволяют импортировать файлы Photoshop непосредственно. К недостаткам формата PSD можно отнести недостаточную совместимость с другими распространенными приложениями и отсутствие возможности сжатия.
Поддерживаются все цветовые модели и любая глубина цвета от бело-черного до true color, сжатие без потерь. Начиная с версии 3.0 Adobe добавила поддержку слоев и контуров, поэтому формат версии 2.5 и ранее выделяется в отдельный подформат. Для совместимости с ним в более поздних версиях Photoshop имеется возможность включить режим добавления в файл одного базового слоя, в котором слиты все слои. Такие файлы свободно читаются большинством популярных просмотрщиков, импортируются в другие графические редакторы и программы для 3D моделирования.

FLM
FLM (Filmstrip) - собственный формат Adobe Premier, программы редактирования видеоинформации и создания презентаций.

IFF
Формат IFF (Amiga Interchange File Format) используется на компьютерах Commodore Amiga с программно-аппаратным комплексом Video Toaster. Он ориентирован на создание и обработку высококачественных видеоматериалов в реальном времени. Поддерживается также некоторыми программами рисования на платформе Windows, например Deluxe Paint фирмы Electronic Arts. Формат IFF поддерживает все типы изображений, за исключением многоканальных и полноцветных CMYK. Обтравочные контуры, цветовые профили и альфа-каналы не поддерживаются.

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

PNG
На сегодня самый прогрессивный формат графики для Сети - это png (Portable Network Graphics, читается "пинг"). Этот луч света и уникальное решение кучи головной боли, он позволяет создавать "зоны прозрачности" как .gif, но в довесок может быть и полупрозрачным (сквозь него может просвечивать фон), был, по сути, выпадом независимых групп и консорциумов в сторону безмерно обнаглевшей компании Ulead, которая в 1995 году "прихватизировала" народный алгоритм сжатия без потерь LZW . Вместо последнего в формате png используется алгоритм Deflate, дающий, кстати, несколько лучшие результаты, чем LZW . Изначально призванный заменить морально устаревший gif на искусственных ландшафтах Сети, png предлагает целый ряд новых возможностей, недостаток которых в gif не раз делал его объектом бессильных ругательств.
Это достаточно "молодой" формат для Web-графики, конкурирующий с GIF. Все последние версии браузеров поддерживают его без специальных подключаемых модулей. Формат поддерживает полутоновые и полноцветные RGB-изображения с единственным альфа-каналом, а также индексированные и монохромные изображения без альфа-каналов. Альфа-канал служит маской прозрачности. Таким образом, формат PNG - единственный из распространенных в Интернете форматов, позволяющий получать полноцветные изображения с прозрачным фоном. В формате PNG использован мощный алгоритм сжатия без потерь информации, основанный на популярном LZW-сжатии. Будучи ориентированным на Web, формат PNG не поддерживает многоканальных изображений, цветовых профилей и контуров обтравки.

Существует два подформата: PNG8 и PNG24, цифры означают максимальную глубину цвета, возможную в подформате. В PNG24 наконец-то была реализована поддержка 256 градаций прозрачности за счет дополнительного альфа-канала с 256 градациями серого. С помощью этой функции, например, полупрозрачный логотип может выглядеть одинаково на абсолютно любом фоне. К тому же png нашпигован такими полезными возможностями, как двумерный interlacing (т.е. изображение проявляется постепенно не только по строкам, но и по столбцам) и встроенная гамма-коррекция, позволяющая сохранять изображения, яркость которых одинакова как на PC, так и на компьютерах Mac, Sun и Silicon Graphics. Загорелись? Я тоже. Давайте остывать вместе. Ни одна из полезных функций не поддерживается ни одним из существующих браузеров. PNG8 - малораспространен из-за слабой рекламы, создавался специально для Интернета как замена первых двух форматов и благодаря патентной политике Compuserve постепенно вытесняет GIF. Позволяет выбирать палитру сохранения - серые полутона, 256 цветов, true color (истинные цвета). В зависимости от свойств изображения действительно иногда предпочтительнее GIF-a. Позволяет использовать "прозрачный" цвет, но, в отличие от GIF-a таких цветов может быть до 256. В отличие от GIF сжатие без потери качества производится и по горизонтали и по вертикали (алгоритм собственный, параметры тоже ненастраиваемые). Не поддерживает анимацию.
Почему же такой замечательный и удобный формат не получил распространения? Дело в том что наша "самя любимая" фирма Microsoft сочла этот формат неперспективным на основании того, что разработан он не ими.

SCT
Формат SCT (Scitex Continuous Tone) используется сканерами, фотонаборными автоматами и графическими станциями Scitex для получения высококачественной полиграфической продукции. Особый формат используется патентованным растеризатором Scitex. Он поддерживает полутоновые и полноцветные изображения в моделях RGB и CMYK без альфа-каналов. Обтравочные контуры и цветовые профили не поддерживаются.
Scitex используется исключительно на этапе растрирования смеси из векторных и растровых данных в одну битовую карту, предназначенную для high-end фотонаборных автоматов фирмы Scitex - она то и сохраняется в этом формате. Можно не доверять растрирование файла сервисному бюро, а самому сохранить макет в формате Scitex. Он не поддерживает никаких алгоритмов сжатия.

PCT/PICT
Pict (Macintosh QuickDraw Picture Format) - это внутренний формат операционной системы Mac, аналог bmp. Он способен нести в себе растровую и векторную информацию, текст и даже звук. Такая потрясающая гибкость формата лишний раз подтверждает эффективность использования Mac при работе с мультимедиа. Изображение может храниться как в RGB, так и в CMYK, причем глубина цвета варьируется от индексированных цветов до true color; реализован алгоритм компрессии без потерь RLE. Формат pict открывается всеми приложениями, разработанными для Mac (QuickTime, Photoshop, etc.)

RAW
Замечательный контраст с предыдущим форматом составляет формат raw. Он не поддерживает ничего. То есть совсем. Не хранятся даже данные о количестве каналов, глубине цвета и разрешении, так что во время открытия вам придется вводить эти параметры вручную, по памяти. Изображение хранится просто как поток пикселей с фиксированным заголовком, куда можно впоследствии поместить любую текстовую информацию. Кстати, размер этого заголовка в байтах вам тоже придется указывать при открытии картинки в этом формате. Архаизм? Нет! Просто претензия на полную мультиплатформенность и совместимость со всеми программами. Претензия, к слову сказать, неудачная: далеко не каждый графический редактор или просмотрщик поддерживает raw. Простота, доведенная в погоне за совместимостью до полного маразма.

TGA
Довольно старый формат TGA (Targa) создан специально для работы с графическим акселератором TrueVision. Этот акселератор широко используется приложениями на платформе DOS. Формат поддерживает 24-битное и 32-битные RGB изображения с одним альфа-каналом, а также полутоновые, индексированные и 16-битные RGB изображения без альфа-каналов. Обтравочные контуры и цветовые профили не поддерживаются. Также пользуется уважением среди программ DOS формат targa (Truevision Targa Image File). Он поддерживает глубину цвета от 8 до 32 бит на пиксель и использует алгоритм компрессии без потерь RLE . Файлы формата targa часто применялись DOS версией 3DStudio Max для хранения текстур.

FPX
Еще один формат, не ставший популярным ввиду слабой маркетинговой поддержки - это FlashPix. Он был разработан фирмой Kodak, известной по формату PhotoCD своими попытками загнать в один файл несколько копий одного и того же изображения с разными разрешениями. FlashPix не стал исключением из фирменного правила и тоже поддерживает несколько копий с разным разрешением в одном файле. Веб-дизайнер, никогда не сталкивавшийся с файлами полиграфического качества, возможно спросит о смысле такого расточительного расходования дискового пространства. Он есть. Дело в том, что в полиграфии нередко работают с изображениями, занимающими десятки и даже сотни мегабайт. Их приведение к нужному размеру занимает гораздо больше времени, чем просто считывание копии с нужным разрешением, а размер файлов в предпечатной подготовке роли не играет. FlashPix также обладает встроенной системой защиты изображений с помощью водяных знаков. Формат достаточно редкий, и немногие программы умеют с ним работать.

PXR
Для рядового пользователя Pixar - всего лишь музейная редкость. Это и понятно: он применяется исключительно на high-end графических станциях Pixar, предназначенных для профессиональной трехмерной анимации. Его возможности невелики: отсутствие компрессии, поддержка лишь модели RGB и градаций серого и одного альфа-канала.

ICO
ICO - формат мелких картинок (иконок) в WWW. Картинки используются броузерами для маркировки Web-проектов в строке URL и в избранном. Поддерживается и используется программками для создания иконок типа IconXP.

FLA
FLA - внутренний формат программы для создания интерактивной анимации Flash
SWF
SWF - формат публикации Flash для отображения на разных платформах.

MNG - разрабатывается...


Векторные форматы: WMF, EMF, CGM, EPS, WPG, AutoCAD, DXF, DWG, CDR, AI, PCT, FLA/SWF

EPS (Encapsulated PostScript)
Благодаря своей надежности, совместимости со многими программами и платформами и куче настраиваемых параметров, формат eps (Encapsulated PostScript) является выбором большинства профессионалов в области полиграфии. Он предназначен сугубо для переноса готовых изображений в программы верстки, поддерживает цветовые модели CMYK, RGB, дуплексы и содержит готовые команды устройству вывода. В eps можно сохранить информацию о треппинге, типографском растре, внедренных шрифтах и обтравочных контурах. Данные хранятся тремя способами: ASCII (медленный, но наиболее совместимый), Binary (быстрый и компактный), JPEG (быстрый, но с потерями качества и плохой совместимостью). При сохранении в eps можно указать формат и глубину цвета эскиза, который для ускорения работы будет выводиться на экран в программах верстки вместо большого оригинала.
PCT
Pict (Macintosh QuickDraw Picture Format) - это внутренний формат операционной системы Mac, аналог bmp. Он способен нести в себе растровую и векторную информацию, текст и даже звук. Такая потрясающая гибкость формата лишний раз подтверждает эффективность использования Mac при работе с мультимедиа. Изображение может храниться как в RGB, так и в CMYK, причем глубина цвета варьируется от индексированных цветов до true color; реализован алгоритм компрессии без потерь RLE. Формат pict открывается всеми приложениями, разработанными для Mac (QuickTime, Photoshop, etc.)

FLA
FLA - внутренний формат программы для создания интерактивной анимации Flash
SWF
SWF - формат публикации Flash для отображения на разных платформах.


 Форматы файлов для печати: TIFF, EPS
 Форматы графических файлов для web-дизайна: PNG, GIF, SWF, JPG

 Редакторы векторной графики и анимации:
Macromedia Freehand, Macromedia Flash, Adobe Illustrator, Adobe Streamline, CorelDRAW, Corel Xara и др.
 Редакторы растровой графики и анимации:
Adobe Photoshop, Adobe ImageReady, PaintShop Pro, Animation Shop, PhotoPaint, Painter, Image 2000, LViev Pro, Microsoft PhotoDRAW, Microsoft Photo Editor, Microsoft Paint и др.
 Редакторы 3D графики и анимации:
3D Studio MAX, Xara 3D, CorelDream 3D, trueSpace, Bryce, World Construction Set, Piasma, 3D VIZ, Organica, Maya и др.

Материал составил Клюев М.


Смотри также:
Компьютерная графика
Web-дизайн макеты
Безопасная палитра, системные цвета Windows и прочая фигня...






Электронные книги о дизайнеЧМ 2018Гламурные картинкиГраффити галереяЯпония фотографииО путешествиях и странах, дешевые авиабилеты и отелиДизайн форум



    Rambler's Top100     Яндекс.Метрика  


Web дизайн и создание сайтов. Мы в сети с 2003 года
При копировании материалов проекта обязательна обратная индексируемая ссылка


Карта сайта       Наверх