РАСТРОВАЯ ГРАФИКА
растровая графика — Область машинной графики, в которой изображения генерируются из массива пикселей, упорядоченных по строкам и столбцам. [ГОСТ 27459 87] растровая графика Рисунок, который хранится и представляется в виде карты битов (растра).… … Справочник технического переводчика
Растровая графика — компьютерная графика, хранящаяся в памяти компьютера в виде карты данных (типа цвета и яркости) для каждого пиксела, из массива которых состоит изображение. Математическое описание изображения в виде матрицы пикселов (точек). При трансформации… … Реклама и полиграфия
РАСТРОВАЯ ГРАФИКА — Это прямоугольная матрица, состоящая из множества очень мелких неделимых точек (пикселей) Словарь бизнес терминов. Академик.ру. 2001 … Словарь бизнес-терминов
Растровая графика — Схема хранения растровой графики. Растровое изображение представляет собой сетку пикселей или цветных точек (обычно прямоугольную) на компьютерном мониторе, бумаге и других отображающих устройствах и материалах ( … Википедия
Растровая графика — 3. Растровая графика Raster graphics Область машинной графики, в которой изображения генерируются из массива пикселей, упорядоченных по строкам и столбцам Источник: ГОСТ 27459 87: Системы обработки информации. Машинная графика. Термины и… … Словарь-справочник терминов нормативно-технической документации
растровая графика (точечная) — Графическое изображение, представленное в виде точек. В отличии от векторного изображения качество изображения ухудшается при изменении размера. Пример использования gif и jpg баннера. [http://www.lexikon.ru/rekl/a eng.html] Тематики реклама … Справочник технического переводчика
Растровая графика — графическое представление объекта в виде множества точек (как правило, это фотография). Для работы с таким форматом предназначен графический редактор Adobe Photoshop; Разновидность компьютерной графики, построенная на работе с массивами точек,… … Краткий толковый словарь по полиграфии
растровая (машинная) графика — Технология, используемая в мониторах ЭВМ и в телевизионных приемниках. [Е.С.Алексеев, А.А.Мячев. Англо русский толковый словарь по системотехнике ЭВМ. Москва 1993] Тематики информационные технологии в целом EN raster graphics … Справочник технического переводчика
растровая единица — Единица, определяемая расстоянием между центрами соседних пикселей. [ГОСТ 27459 87] Тематики машинная графика EN raster unit … Справочник технического переводчика
При трансформации качество изображения ухудшается какая графика
Основные форматы графических файлов и их назначение.
«Побитовая карта» изображения, формат хранения растровых изображений. Глубина цвета: 24 бит, максимальное число цветов: 16777216, максимальный размер: 65535×65535 пикселей. Особенности: мало используется в силу большого объема конечных файлов, имеется поддержка сжатия RLE. Область применения: используется для хранения небольших по размеру изображений.
Graphics Interchange Format
«Формат для обмена графикой», растровые изображения. Глубина цвета: 8 бит, число цветов: 256, максимальный размер: 65536×65535 пикселей. Особенности: эффективно сжимает цветные области по методу LZW , сохраняя детали, возможность сохранения прозрачных участков (за счет этого широко применяется в веб-дизайне), создания простой анимации; свободный от потерь метод сжатия. Область применения: логотипы, анимированные картинки, иллюстрации с четкими краями, изображения с прозрачными участками, сканированные файлы.
Joint Photographic Experts Group
Формат растровых изображений, глубина цвета зависит от степени сжатия (задается в у.е., от 1 до 100), принято, что глубина цвета 24 бит/пиксель, максимальное количество цветов в 16777216, максимальный размер: 65536×65535 пикселей. Особенности: возможность сжатия с потерями (по одноименному методу), при сильном сжатии возникают заметные искажения от оригинала, однако при сжатии от 90 до 100 у.е. на экране монитора искажения малозаметны, при этом размер файла заметно уменьшается. Область применения: самый распространенный формат растровых изображений большого размера, используется в любительской цифровой фотографии, изображениях в Интернете (не в качестве элементов веб-страниц, а в качестве «пользовательского» формата), подходит для сканированных файлов.
Tagged Image File Format
Формат хранения растровых изображений, изначальная цель – для работы с PostScript. Глубина: 24 бит на пиксель, максимальное число цветов: 16777216, максимальный размер: 65536×65535 пикселей. Особенности: позволяет сохранять фотографии в различных цветовых режимах: черно-белый 2-битный, черно-белый с градациями серого, CMYK, RGB, YCbCr и др, может использовать различные методы сжатия: LZW, RLE и др., поддерживает многостраничность Область применения: удобен для хранения сканированных изображений, изображений для отправки факса, распознавания текста, популярен за счет возможности хранения графики с большой глубиной цвета.
Portable Network Graphics
Формат хранения растровых изображений, по своему назначению аналогичен GIF. Сообщается, что использует улучшенный формат сжатия данных Deflation (однако на практике результаты не всгда оптимальны). Особенности: не отображает анимацию; различают PNG-8 (использует 8-битную палитру, 256 цветов – и имеет возможность выбора их количества, от 2 до 256) и PNG-24 (использующий 24-битную палитру цвета, подобно JPEG, сохраняет яркость и оттенки цветов в фотографиях, использует больше 16 миллионов цветов, может применяться для полноцветных изображений, поддерживает многоуровневую прозрачность, однако объем графического файла при таких параметрах получается наибольшим). Также существует PNG с 48 бит/пиксель, максимальным числом цветов 65536 3 и максимальным размером 2147483647×2147483647 пикселей, однако используется очень редко. Область применения: PNG-8 – логотипы, изображения с градиентной прозрачностью, веб-дизайн, иллюстрации, текст; PNG-24 – фотографии, рисунки с прозрачными областями, большим количеством цветов и четкими деталями
От англ. «сырой», растровый формат с избыточными данными, аналог пленочного негатива, созданный специально для обработки изображения в графических программах. Как правило, аналогово-цифровой преобразователь камеры обеспечивает глубину цвета 12 бит, но есть и более продвинутые исключения. Перед каждой ячейкой матрицы камеры стоит фильтр одного из трех цветов – зеленого, красного и голубого, которые в сумме дают нужный оттенок, на каждую ячейку с красным и голубым фильтрами приходится две с зеленым, поскольку этот цвет содержит основную информацию о яркости. После преобразования в цифровую форму картинка состоит из пикселей красного, зеленого и синего цветов; чтобы каждый пиксель на выходе имел естественный оттенок, процессор камеры или RAW-конвертер суммирует цвет соседних пикселей, для чего используется сложный алгоритм цветовой интерполяции. Дальнейшая редакция на компьютере предлагает широкие вариации экспокоррекции, без сдвигов тона и других побочных эффектов (которые обязательно проявляются при редактировании JPEG изображений). Особенности: возможность получения фотографий с расширенным динамическим диапазоном — High Dynamic Range (HDR). Область применения: в профессиональных и просьюмерских цифровых камерах, фотографии в исходном качестве.
Форматов векторной графики существует множество, многие из них предназначены для специализированных программ по созданию чертежей, 3D моделей, профессиональной векторной графике. Наиболее известными и часто используемыми пользователями Windows форматами векторной графики являются EMF
(Enhanced Metafile, расширенный метафайл Windows), WMF (Windows Metafile) и SVG (Scalable Vector Graphics). Первые два – достаточно простые векторные форматы, в которых можно хранить основную информацию для использования в офисных приложениях: узлы, кривые Безье, заливки, обводки. EMF может сохранять и векторную, и растровую информацию в одном файле, а также имеет ряд преимуществ перед более старым WMF (например,лучше поддерживает кривые, используемые в рисунках Flash, отлично воспринимает «связанные» из нескольких программ векторные изображения, к примеру, из MS PowerPoint и ChemWin), однако многие приложения все еще не поддерживают этот более современный формат. WMF широко используется в офисных пакетах типа MS Office, с 97-го года обширная коллекция ClipArt объектов сохраняется именно в нем. SVG, «масштабируемая векторная графика» – это основанный на XML формат разметки, предназначенный для описания двухмерной векторной графики, как неподвижной, так и анимированной. Особенности SVG: возможность читать и редактировать при помощи обычных текстовых редакторов, возможность выделять и копировать текст из SVG, возможность сжатия в SVGZ (через алгоритм GZip).
Виды растровой графики, классификация, назначение.
Полное количество пикселей (разрешение), и количество информации в каждом пикселе (обычно называемой глубиной цвета) определяют качество растровой печати. Из-за большого количества информации, требуемой для хранения высококачественных картинок, часто используются методы сжатия для уменьшения размера файла изображения. Некоторые методы сжатия приводят к потере информации, качество изображения ухудшается в пользу меньшего размера файла.
Растровая графика зависит от разрешения. Изображения не могут быть масштабированы на произвольное разрешение без потери качества. Растровая графика чаще имеет дело с фотографиями и изображениями фотографического типа. Мониторы обычно показывают от 72 до 130 ppi (pixels per inch – пикселей на дюйм), некоторые современные принтеры могут печатать 2400 dpi (dots per inch – точек на дюйм) и даже больше.
Растровую графику можно разделить по назначению. Для Интернета требуются изображения среднего качества, при небольших разрешениях (70-200 dpi) и малых размерах (15-640 пикселей) изображения лучше и быстрее отображаются на странице браузера и не возникает особых проблем с размером экрана и масштабированием. Фотографические снимки должны храниться и использоваться в лучшем качестве и по возможности в лучшем формате (RAW, JPEG), исходные файлы с камер – важные документы, для которых перед редактированием рекомендуется делать back-up. Сканированные документы обычно имеют разрешение 200-600 dpi, при больших существенно увеличивается размер файла и это не имеет особой практической пользы. Черно-белые сканированные документы обычно сохраняются в форматах TIFF и GIF, цветные – в JPEG или GIF. В последнее время часто используют форматы PDF и DJVU (или подобные, от Adobe и LizardTech), т.к. они гораздо лучше стандартных форматов сжимают полученные сканированные оттиски и более удобны для чтения и пересылки документации и электронных книг через Интернет, однако PDF по сути является векторным форматом и имеет гораздо более широкие возможности, которые касаются не только графики. Изображения для печати с принтера лучше иметь в достаточно высоком разрешении, около 1200 dpi, в таких разрешениях человеческому глазу не заметны переходы и неровности на отпечатанном листе.
Принципы масштабирования растровой графики.
Увеличение или уменьшение изображение называется масштабированием. В зависимости от типа графики масштабирование может выполняться по различным алгоритмам. При трансформации (увеличении, вращении, вытягивании и пр.) растровая графика становится менее четкой и, в отличие от векторной графики, теряет качество изображения. Растровая графика представляет собой матрицу точек. Каждый пиксель увеличивается пропорционально заданному увеличению. При сжатии соседние пиксели аппроксимируются и образуется «смешанный» цвет, суммируются данные с соседних пикселей и выдаётся среднее значение. При этом, соответственно, изображение теряет свою четкость и яркость. Существуют программы и алгоритмы, помогающие сжимать и увеличивать растровые изображение с минимальными дефектами и отрицательными последствиями в конечном изображении, например в программе ACDSee одним из наиболее удачных алгоритмов масштабирования является Lanczos.
Достоинства и недостатки векторной и растровой графики.
Основное преимущество растровой графики — это возможность создать практически любой рисунок любой сложности, с различными цветовыми переходами и элементами. Растровая графика легко воспринимается графическими программами. Широкая распространенность благодаря Интернету и цифровой фотографии. Недостаток: большой объем файла и невозможность изменения размера без нежелательных
«эффектов» с потерей качества изображения.
Основные достоинства векторной графики: возможность любого масштабирования, трансформации объектов, при этом толщина линий может оставаться постоянной, изображение остается ярким и контрастным и его качества не ухудшится, параметры объектов хранятся и могут быть изменены. Размеры обычно указаны в аппаратно-независимых единицах. Основной (и неустранимый) недостаток: не каждый объект может быть представлен в векторной графике. Сложные объекты имеют большой размер файла.
Особенности векторной графики, разновидности.
Векторная графика использует простые геометрические объекты (линии, точки, многоугольники) для построения изображения. Векторная графика идеальна для простых или составных рисунков, удобна в печати и масштабируема. В большинство форматов векторной графики возможно внедрить текст (с поддержкой Юникод), который затем тоже может являться элементом векторной графики в изображении, однако часто может быть оттуда вновь импортирован. Также в векторную графику можно вставить и растровые изображения – при масштабировании их размер будет изменяться пропорционально остальным элементам (аналогично прямоугольнику), но со всеми вытекающими для этого типа последствиями. Векторная графика удобна для использования в офисных приложениях – в построении диаграмм, схем, чертежей и простых рисунков.
Понятие векторизации.
Векторизация – это процесс перевода растрового изображения в векторную графику. Используется сложный алгоритм, который не может быть выполнен в автоматическом режиме. Обычно векторизация проходит удачно для изображений с четкими линиями, без градиентных заливок, т.е. в идеальном варианте векторизируемое изображение должно быть чертежом. При векторизации сложных объектов размер конечного файла может быть увеличен в десятки и сотни раз, а сам процесс может не увенчаться успехом. Векторизация фотографий невозможна, поэтому растровая графика распространена гораздо шире, чем векторная.
Сканер: назначение, методика сканирования, основные параметры.
Сканер – это электронное устройство, которое переводит изображение объекта (рисунок или текст) в цифровой вид. По принципу действия сканер немного походит на цифровой фотоаппарат: отраженный от объекта свет попадает на матрицу, а затем через
аналогово-цифровой преобразователь в компьютер.
Параметры сканера определяют качество полученного изображения в цифровом виде. Основной характеристикой является оптическое разрешение. Поскольку на выходе со сканера получается файл растровой графики, то от этой характеристики напрямую зависит четкость изображения. Бывает, что разрешение сканнера не одинаково по ширине (определяется матрицей сканера) и высоте (определяется количеством «ходов» лампы сканера для снятия изображения). Интерполированное разрешение практической ценности мало представляет, поскольку те же операции возможны и в графических редакторах. При съемке объекта нужно правильно подобрать контраст и яркость – эти параметры можно отрегулировать практически в любом ПО для сканеров. Также нужно ограничить область сканирования, задать получаемому файлу имя и формат (для ч/б и градаций серого лучше подходит GIF и TIFF , для цветных – JPEG ). Конечный файл будет отличаться от того, что можно увидеть на экране ПО для сканера – обычно ввиду малого размера окна ПО детали неразличимы, и вместо них просто ничего не видно, но на самом деле изображение выходит четким (все зависит от конкретной программы и сканера и подбирается индивидуально).
Сканирование объекта – это сложный процесс, при котором желаемое изображение нужно расположить как можно аккуратнее и ровнее. Если текст или изображение нанесены на обычный лист формата А4, то сканирование заметно упрощается выравниванием краев листа по границе стекла сканера. Сканирование толстых книг и журналов заметно сложнее – нужно учитывать возможный сдвиг книги относительно стекла после закрытия крышки сканера, неровности вблизи переплета. Иногда удачнее бывает снять крышку из шарниров и просто положить на сканируемую книгу сверху. Отклонение изображения и текста даже на малый угол будет хорошо заметно при распечатывании и при вставке в другие файлы (например, иллюстрации к MS Word документам) и тяжело поддается редактированию в графических программах.
Два вида статичной графики
Сначала поговорим о двух принципиально разных видах статичной компьютерной графики. А именно, о растровой и векторной графике. Это нам очень пригодится в дальнейшем.
Растровая графика
Если хорошенько рассмотреть фотографию в электронном виде на мониторе компьютера при большом увеличении, то можно увидеть, что она состоит из множества точек квадратной формы. Если рассматривать такую иллюстрацию на некотором расстоянии, а не вблизи, как сделали мы, отдельные точки сливаются в единое, кажущееся цельным, изображение. Это классический пример растровой графики. Такая графика, как мы выяснили, состоит из множества разноцветных точек — пикселов. Поэтому растровую графику иногда называют пиксельной.
На рис. 1.1 показан небольшой пример растрового изображения — литера А, как она отображается на экране компьютера. Хорошо видно, что она состоит из множества разноцветных — белых, серых и черных — пикселов.
Вообще, все, что отображается на экране компьютера, суть растровая графика. Дело в том, что компьютерный экран сам представляет собой не что иное, как растр. Поэтому самые первые компьютерные графические форматы были именно растровыми.
В случае растровой графики в графическом файле сохраняется упорядоченный набор (опытные компьютерщики говорят — массив) значений цветов в пикселах растра. Разумеется, где-то в начале файла, в его заголовке, должен быть записан размер изображения, например, 320?200 пикселов, иначе программное обеспечение не сможет правильно обработать файл. Также иногда в файл записываются дополнительные данные: сведения о создателе, о программе, в которой редактировался файл, и пр.
Для кодирования каждого пиксела растрового изображения отводится определенное количество битов, поэтому изображение может содержать только ограниченное количество цветов, называемое цветностью. Понятно, что чем больше выделяется битов на кодирование одного пиксела, тем большее количество цветов может быть использовано в изображении. В табл. 1.1 приведены используемые в настоящее время значения цветности изображений.
Да, но каким образом представляются значения цветов? Для этого используются два способа, которые мы сейчас рассмотрим.
В случае графики с цветностью TrueColor (фотореалистичной, или полноцветной) все очень просто. Значение цвета пиксела представляет собой три числа, обозначающих доли красной, зеленой и синей составляющих соответственно. Причем каждое число занимает ровно восемь битов, т. е. один байт. Такой способ задания цвета называется RGB (от английского Red, Green, Blue — красный, зеленый, синий).
Если изображение содержит меньшее количество цветов, то все немного сложнее. Сначала создается палитра — особая таблица, в которой записаны все цвета, используемые в изображении, в формате RGB. А значение цвета каждого пиксела в этом случае — просто номер (индекс), указывающий на нужный цвет в палитре. Такие цвета называются индексированными, а сама графика — графикой с палитрой. Размер палитры зависит от количества битов, выделяемых на представление цвета; например, если выделено 4 бита (полубайт), то палитра может содержать 16 цветов.
Очень часто, особенно в последнее время, применяются полупрозрачные изображения, сквозь которые «просвечивает» то, что находится под ними. Вы, наверно, видели шикарные пиктограммы Windows ХР, в которых полупрозрачность используется очень часто. В этом случае наряду со значением цвета каждого пиксела нужно хранить и степень его прозрачности. Для этого также используются два способа.
В случае полноцветной графики TrueColor все тоже довольно просто. Степень прозрачности пиксела задается с помощью дополнительных восьми битов («Одного байта!» — кричат бывалые компьютерщики), добавляемых к уже имеющимся двадцати четырем (если 8 бит умножить на 3 цвета, получится как раз 24). Эти восемь битов называются каналом прозрачности или альфа-каналом, а сама цветность — TrueColor с каналом прозрачности или просто 32-битной.
Полноцветная графика позволяет художнику задать прозрачность отдельно для каждого пиксела. Графика же с палитрой таких вольностей не допускает. Здесь используется другой способ задания прозрачности: один из цветов палитры «в приказном порядке» объявляется прозрачным (прозрачный цвет). Обычно это цвет левого верхнего пиксела изображения.
Растровая графика имеет как достоинства, так и недостатки. Перечислим их, начав, разумеется, с достоинств.
? Простота вывода. В самом деле, для того чтобы вывести растровое изображение на экран монитора или принтер, не требуются сверхсложные вычисления. Отображение растровой графики не «нагружает» слишком сильно процессор компьютера, а значит, вывод изображения происходит очень быстро. Какая-либо дополнительная обработка при этом отсутствует, за исключением, может быть, подстройки цветов.
? Размер массива пикселов, а значит и графического растрового файла, зависит от геометрических размеров самого изображения и от его цветности (фактически — от количества битов на точку). Размер растрового изображения не зависит от его сложности. Это означает, что маленькие черно-белые изображения занимают меньше места, чем большие полноцветные. Это очень хорошо для Web-дизайна — там как раз используются, в основном, небольшие изображения.
? Высокая точность и достоверность передачи полутоновых изображений, например, сканированных картин и фотографий. В самом деле, если использовать достаточно большое разрешение и цветность TrueColor, то цифровая копия визуально не будет отличаться от оригинала.
Теперь рассмотрим недостатки растровой графики.
? Мы уже знаем, что размер массива пикселов зависит от геометрических размеров самого изображения и от его цветности. Иногда это выходит боком. Так, если мы сохраним в растровом формате простенькое, но полноцветное и, вдобавок, огромное по размерам изображение, оно вполне может занять на диске десятки мегабайт. Что ж, очень часто недостаток является обратной стороной достоинства…
? Растровая графика зависит от разрешения устройства вывода: монитора или принтера. Разрешение — это максимальное количество пикселов по горизонтали и вертикали, которое может вывести устройство. В самом деле, если вывести изображение размером 640?480 пикселов на монитор с таким же разрешением, то этот рисунок займет весь экран целиком. Если же его вывести при разрешении 1024?768, то на экране отобразится только часть рисунка. Так что нам либо придется мириться с этим, либо выполнять масштабирование изображения — пропорциональное изменение его размеров, — чтобы «вписать» его в нужное нам разрешение.
? Качество растровых изображений ухудшается при сильном масштабировании.
Последний пункт нужно пояснить на примере. Предположим, что мы имеем небольшое растровое изображение, и у нас возникло желание его увеличить. Откроем его в программе графического редактора, выполним команду увеличения и… Получим результат, показанный на рис. 1.2.
Слева на рис. 1.2 показано исходное изображение, справа — результат его увеличения. Видно, что каждый пиксел исходного изображения увеличился до размеров огромного «кирпича», в результате чего правое изображение сильно исказилось.
Как можно преодолеть этот недостаток?
Во-первых, по мере возможности не следует менять размеры растровых изображений. Лучше всего создавать их именно такого размера, какой нужен. В крайнем случае их можно уменьшить или совсем немного увеличить, чтобы точечная структура была незаметна.
Во-вторых, рекомендуется использовать достаточно мощные графические пакеты, например, последние версии Adobe Photoshop, для масштабирования растровой графики. Реализованные в них алгоритмы позволяют менять размеры изображений практически без потерь качества. Поставляемый в составе Microsoft Windows простейший графический редактор Paint этого не может.
Что касается первого недостатка растровой графики — прямой зависимости размера графического файла от геометрических размеров изображения — то он также практически преодолен. Дело в том, что подавляющее большинство графических форматов предоставляют возможность сжатия массива пикселов, в результате которого размер графического файла сильно уменьшается. Правда, такой подход чреват ростом затрат процессорного времени на распаковку изображения и риском потери данных при использовании слишком сильного сжатия.
Вот и все о растровой графике. Предоставим слово конкурирующей стороне.
Векторная графика
Рассказ о векторной графике мы начнем с небольшого допущения. Предположим, что любое, даже очень сложное графическое изображение можно разбить на простейшие элементы: прямые и кривые линии, эллипсы, прямоугольники и т. п. Эти простейшие элементы, называемые примитивами, описываются с помощью определенных формул. В результате мы получим набор параметров для этих формул, используя которые, можно точно воссоздать исходный набор примитивов, а значит и исходное изображение. Так вот, графика, состоящая из примитивов, и называется векторной графикой.
В качестве примера возьмем все ту же литеру А в векторном представлении. Если внимательно присмотреться к ней (рис. 1.3), можно увидеть, что она состоит из трех примитивов — прямых линий. (На рис. 1.3 они немного отделены друг от друга для лучшей наглядности.)
Но, спросите вы, как же компьютер выводит векторные изображения на экран? Ведь экран компьютера — это растр, и компьютер должен сначала преобразовать изображение в набор пикселов, т. е. растрироватъ его? Вы правы. Да, компьютер растрирует векторную графику, для чего дополнительно тратятся его системные ресурсы. Затраты системных ресурсов на растеризацию — один из главнейших недостатков векторной графики, но неоспоримые достоинства с лихвой его окупают.
Перечислим эти достоинства.
? Независимость размера файла векторного изображения от геометрических размеров самого изображения. Ведь в этом случае в файл записывается не огромный массив цветовых значений для всех пикселов, составляющих изображение, а только типы и параметры всех задействованных в нем примитивов, занимающие сравнительно небольшой объем.
? Прекрасная масштабируемость. В самом деле, для того чтобы изменить размеры изображения, нужно лишь умножить параметры размера всех формул примитивов на значение масштаба, вычислить их повторно и перерисовать изображение. Взглянем на рис. 1.4 — векторное изображение в любом масштабе выглядит идеально.
? Как следствие масштабируемости — независимость от разрешения устройства вывода: монитора или принтера.
? Исключительные возможности по обработке изображений. Векторные изображения можно поворачивать, искажать, отображать зеркально, перекрашивать, делать полупрозрачными и т. п. (рис. 1.5). Аналогичные манипуляции с растровыми изображениями потребуют много системных ресурсов.
Кстати, знаете ли вы, что обычные компьютерные шрифты, используемые Windows, суть векторные изображения? (Здесь имеются в виду так называемые шрифты формата TrueType, файлы которых имеют расширение ttf.) Благодаря векторному представлению они исключительно хорошо масштабируются до любых размеров. Однако системные шрифты, используемые для вывода надписей на диалоговых окнах, заголовков окон, пунктов меню, хранятся все же в растровом виде, чтобы зря не расходовать системные ресурсы.
Теперь перечислим недостатки векторной графики и укажем пути их преодоления.
? Размер файла векторного изображения зависит от уровня его сложности. В самом деле, чем сложнее изображение, тем больше примитивов включает оно в себя и тем больше данных потребуется сохранить в файле.
? Вывод векторной графики (а именно, ее растеризация) требует больше времени и больших системных ресурсов. В этом смысле растровая графика «работает» быстрее.
? Практически невозможно преобразовать полутоновое растровое изображение TrueColor в векторное (выполнить векторизацию) без больших потерь его качества.
Первые два недостатка вполне преодолимы. Во-первых, не нужно без нужды создавать слишком сложные векторные изображения. Во-вторых, надо стараться комбинировать векторную и растровую графику — современные графические пакеты предоставляют такую возможность. В-третьих, чересчур сложную векторную графику для распространения ее среди потребителей (или поклонников) можно перевести в растровый вид (кстати, так часто и делают).
К сожалению, третий недостаток преодолеть практически невозможно. Все продукты изобразительного искусства, созданные людьми до появления компьютера и векторной графики, в большинстве случаев лучше передаются растровой графикой. Если же попытаться превратить растровое изображение в векторное с помощью программы векторизации, наступит момент, когда оно окажется слишком сложным для этой программы. Да и качество получившегося шедевра будет очень низким. Так что ваши фотографии, снятые во время последнего отпуска, пусть остаются в растровом формате.
Вместе с тем, векторная графика неплохо подходит для сохранения штриховых изображений. Так что если у вас случайно завалялись чертежи — почему бы не попробовать!
Вот и все — о векторной графике нам больше сказать нечего. Давайте же теперь еще раз сравним возможности растровой и векторной графики и выясним, какая из них и в каких случаях предпочтительнее.
Применение растровой и векторной графики
Главный козырь растровой графики — точность передачи сканированных изображений. При этом растровая графика занимает тем больший объем, чем больше само изображение, плохо масштабируется и медленно обрабатывается. Главный козырь векторной графики — наличие развитых средств обработки изображения, а главный ее недостаток — невозможность сохранения полутоновых изображений в близком к оригиналу виде. Исходя из этого, можно определить область применения для каждого из двух видов компьютерной графики.
Итак, растровая графика применяется:
? для хранения и обработки полутоновых изображений (сканированные или изначально созданные на компьютере картины, фотографии);
? в Web-дизайне. Применяемые на Web-страницах изображения, как правило, невелики, а вывод их на экран осуществляется самими Web-обозревателями без привлечения дополнительных программ.
Векторная графика лучше всего подойдет, если нужно:
? сохранить штриховые изображения (карты, чертежи, рисунки карандашом, гравюры) в электронном виде;
? создать небольшие изображения, которые в дальнейшем будут всячески обрабатываться при выводе. Хороший пример таких изображений — шрифты формата TrueType, которые при выводе на экран не только масштабируются, но и раскрашиваются в разные цвета, поворачиваются и т. п.
В остальных случаях можно использовать как векторную, так и растровую графику. Нужно только помнить о недостатках, присущих обоим этим видам, и, разумеется, об их преимуществах.
Осталось напомнить о том, что Flash — формат векторной графики. Точнее же будет сказать: гибридной.
Гибридная графика
Собственно, гибридная графика — это разновидность векторной графики, поддерживающая включение в изображение растровых фрагментов. Благодаря такому подходу часто удается преодолеть главнейшие недостатки и растровой, и векторной графики: слишком большой размер файла растрового изображения и невозможность точной передачи полутоновых изображений средствами векторной графики.
Все современные редакторы векторной графики, в том числе Flash, предоставляют возможность создания гибридной графики. Фактически их можно назвать редакторами гибридной графики. Гибридную графику создают также настольные издательские программы.
Вот и все о двух видах графики: растровой и векторной. Далее мы рассмотрим конкретные форматы сохранения графики, поговорим об их достоинствах и недостатках и опишем область применения каждого формата.
Данный текст является ознакомительным фрагментом.
Продолжение на ЛитРес
Читайте также
5.1. Настройка внешнего вида
5.1. Настройка внешнего вида Как и в предыдущих версиях Windows, внешний вид Панели управления зависит от способа отображения, который можно изменять. По умолчанию используется режим просмотра, в котором все механизмы сгруппированы в восемь категорий (рис. 5.1). Под каждой
Установка вида в плане
Установка вида в плане План – это вид в заданной ПСК из точки зрения, находящейся точно над началом координат плоскости построений (точки с координатами 0,0,1). Таким образом, в плане плоскость построений параллельна экрану.Команда PLAN, обеспечивающая установку вида рисунка
9.1. Создание картографического вида
9.1. Создание картографического вида Постановка задачи Необходимо инстанцировать и отобразить карту в экранном
9.2. Обработка событий картографического вида
9.2. Обработка событий картографического вида Постановка задачи Необходимо обрабатывать различные события, которые картографический вид может посылать своему
17.17. Получение изображения со скриншотом вида
17.17. Получение изображения со скриншотом вида Постановка задачи Требуется сохранить содержимое объекта-вида, находящегося в вашем приложении, в виде изображения. Возможно, также потребуется сохранить это изображение на диске и выполнить с ним другое действие —
Установка вида в плане
Установка вида в плане План – это вид в заданной ПСК из точки зрения, находящейся точно над началом координат плоскости построений (точки с координатами 0,0,1). Таким образом, в плане плоскость построений параллельна экрану.Команда PLAN, обеспечивающая установку вида рисунка
Установка вида в плане
Установка вида в плане План – это вид в заданной ПСК из точки зрения, находящейся точно над началом координат плоскости построений (точки с координатами 0,0,1). Таким образом, в плане плоскость построений параллельна экрану.Команда PLAN, обеспечивающая установку вида рисунка
Изменение внешнего вида эмуляторов
Изменение внешнего вида эмуляторов Разработчик может также создать собственный внешний вид эмулятора. Соответствующую информацию можно найти в справочной системе. Описание внешнего вида эмулятора хранится в XML- файлах, которые описывают внешний вид устройства. Если
3.8. Параметры внешнего вида
3.8. Параметры внешнего вида Конфигуратор Система | Параметры | Внешний вид позволяет настроить графическое оформление GNOME. На вкладке Тема (рис. 3.11) можно выбрать одну из графических тем, поставляемых вместе с Ubuntu. Дополнительные темы для GNOME можно скачать на сайте
Два вида сортировки
Два вида сортировки Алгоритмы qSort() и qStableSort()могут быть использованы при сортировке элементов QList<T>, QVector<T> или в любом динамическом C++ массиве. С Qt 4, также возможно определить любой оператор сравнения (вместо operator<()). Stable сортировка имеет свойство сохранения порядка
Распознавание вида компонент
Распознавание вида компонент Компоненты x и y объявлены как относящиеся к типу REAL без ассоциированного алгоритма, следовательно, они являются атрибутами. Все остальные компоненты содержат конструкции видаisdo. Инструкции . endкоторые описывают алгоритм, что является
Два вида компьютерной анимации
Два вида компьютерной анимации Компьютерные анимация и видео (в дальнейшем мы будем употреблять эти термины как синонимы, так как особой разницы между ними нет) могут быть покадровыми или трансформационными.Покадровая анимацияПокадровая анимация (ее еще называют
Два вида трансформационной анимации
Два вида трансформационной анимации Flash позволяет создавать трансформационную анимацию двух видов: движение и морфинг. Оба этих вида имеют практически одинаковые возможности, но применяются к разным видам элементов изображения.Первый вид трансформационной анимации —
Что такое растровая и векторная графика
Векторная графика — карты, схемы. Растровая — фотографии.
Содержание
Картинки в растре и векторе на первый взгляд похожи. Но стоит увеличить растровое изображение — и сразу видны отличия: появляются пиксели. Векторные изображения, наоборот, не теряют качество при увеличении, потому что описаны математической формулой.
Растровая графика
Растр — это сетка цветных пикселей. К растровому формату изображений относят фотографии, детализированные изображения, сканированные документы и всё, что можно создать в программах Photoshop, Procreate, Photo-Paint, Paint Pro, Painter.
�� Применение и примеры
Растровые изображения используют, когда важно передать максимальную реалистичность цветов и деталей сложного натурального объекта. Например, дизайн ландшафта с множеством элементов растений, точный портрет человека.
Первая картинка в нормальном размере, поэтому пикселей не видно. Но при увеличении они появятся, как на втором примере
Популярные растровые расширения для статичных изображений: jpeg, png, bmp, dib, rle. Для анимированных картинок — gif.
✔️ Преимущества
Главный плюс — это возможность передавать цвета. Можно передать естественные оттенки, градиенты и переходы тонов на сложных иллюстрациях. С помощью растровой графики создают картинки, приближенные к реальности.
Еще один плюс — такие файлы легко печатать, потому что принтеры используют принцип «точка на каждый элемент картинки», под который как раз подходит растр.
❌ Недостатки
Качество изображения сильно ухудшается, если изменить его размер. Например, приблизить. На увеличенном изображении появляются цветные прямоугольники.
Еще к минусам растра относят большой размер файла. Чтобы обрабатывать такие высококачественные фотографии, нужна дополнительная мощность процессора и большой объем оперативной памяти. Значит, для хранения и обработки таких файлов нужны компьютеры повышенной мощности.
Векторная графика
Векторное изображение состоит из математических формул, которые описывают опорные точки и соединяющие линии. Такой формат картинок можно бесконечно масштабировать без потери качества.
Вектор используют в случаях, когда возможность менять размер без потери качества важнее реалистичности.
�� Применение и примеры
Чаще всего векторную графику применяют для схематических рисунков, карт, логотипов, диаграмм, иконок и смайликов. Такие изображения состоят из контура и его заливки в один цвет. Компьютер рассчитывает фигуры по математической формуле, поэтому картинка не расплывается, даже если сильно приблизить.
Популярные векторные форматы: svg — для веб-дизайна, eps — для полиграфии.
✔️ Преимущества
Главный плюс — возможность увеличивать и уменьшать размер файла до предела без ухудшения качества. Карту в формате svg можно масштабировать во сколько угодно раз, при этом контур не изменится. Еще преимущество такого формата в небольшом размере файла. Растровые картинки весят больше.
Векторную графику можно приближать до бесконечности — качество не потеряется
❌ Недостатки
Один из главных минусов — нереалистичность и схематичность изображения. Векторная графика не может передать цвета и переходы оттенков для демонстрации реальных объектов. Векторный формат не используют, когда нужно фотографическое качество, чтобы передать плавные переходы цвета с градиентом.
Как сконвертировать растровое и векторное изображения
Растровые картинки при конвертировании в векторные теряют реалистичность и переходы цветов и оттенков. Это связано с тем, что одна векторная фигура может быть залита только одним цветом. У растровой же есть многообразие градиентов благодаря пикселям.
Картинка переведена из растрового формата в векторный в онлайн-редакторе Vector Magic
Вектор можно легко перевести в растр в любом графическом редакторе или просто сделать скриншот изображения.
Что изучать и как научиться
Дизайнеры редактируют и создают растровые изображения чаще всего в программе Photoshop. Чтобы самостоятельно научиться работать в ней, можно посмотреть бесплатные уроки, например пошаговое обучение фотошопу. Помимо уроков для новичков на ютубе есть много идей уже готовых проектов.
Для работы с векторными изображениями применяют редакторы — Adobe Illustrator, Figma, CorelDRAW. В Adobe Illustrator есть руководство пользователя с подробными инструкциями по работе, например основы рисования.
Если бесплатных материалов недостаточно, вы хотите пойти дальше и стать дизайнером, присмотритесь к онлайн-курсам. В Skypro освоите профессию графического дизайнера с нуля за 10 месяцев. Не только научитесь работать в программах, но и соберете портфолио из учебных работ, получите обратную связь от экспертов. При этом первые проекты на фрилансе сможете выполнять уже через четыре месяца после старта.
Основные характеристики растровой и векторной графики: сводная таблица
| Растровая графика | Векторная графика | |
| Состав | Пиксели — совокупность мелких прямоугольников | Геометрические фигуры и линии, которые заданы математическими формулами |
| Качество | Высокая реалистичность | Схематичность |
| Возможности масштабирования | Качество картинки портится | Качество не меняется |
| Программы для работы | Paint, Adobe Photoshop | Adobe Illustrator, CorelDRAW |
| Сферы применения | Детальные иллюстрации, фотографии, сканы документов | Чертежи, схемы, карты, схематические картинки |
На первой картинке фотография — растровая графика. На второй схематично нарисован заяц — векторная