Изучите материал о растровой компьютерной графике и форматах растровых изображений. Чтобы перейти к учебному материалу, кликните на каждую из иконок.
Компьютерная графика – это процесс создания, обработки и вывода изображений разного рода с помощью компьютера.
Растровая графика - представляет собой упорядоченный набор точек (пикселей) разного цвета.
Растровое изображение подобно мозаике - когда приближаете (увеличиваете) его, то видите отдельные пиксели, а если удаляете (уменьшаете), пиксели сливаются.
Пиксель - минимальный участок изображения, для которого независимо можно задать цвет.
Качество растрового изображения зависит от размера изображения (количества пикселей по горизонтали и вертикали) и количества цветов, которые можно задать для каждого пикселя.
Например:
Достоинства:
Недостатки:
Растровая и векторная графика (сравнительная таблица)
Растровое изображение | Векторное изображение | |
Способ формирования | Множество пикселей, каждому из которых присваивается положение и цвет | Математические формулы, которые задают прямые и кривые линии + цвета |
Сфера применения | Реалистичные или близкие к реалистичным изображения: фотография, видео, компьютерная графика Полиграфия: создание небольших изображений (буклетов, листовок, лифлетов). Также возможно создание крупных билбордов, но файл будет иметь очень большой размер. | Графика, которой не нужна реалистичность: иконки, логотипы, плоские иллюстрации Полиграфия, для которой важно масштабирование без потери качества: билборды, растяжки, лайтбоксы и др. |
Возможность увеличения без потери качества | Низкая, ограничена изначальным разрешением | Высокая, не ограничена ничем |
Реалистичность | Высокая | Низкая |
Ограничения | Нельзя увеличить без потери качества. При повышении разрешения повышается размер файла, требовательность к производительности устройства и пропускной способности канала присваивается положение и цвет | Нельзя создавать фотореалистичные изображения |
Требовательность к оперативной памяти | От средней до высокой | Низкая |
Скорость обработки | От средней до высокой (у изображений с высоким разрешением) за счет того, что компьютеру нужно обработать каждый пиксель | Средняя за счет небольшого количества вычислительных операций |
Программы для работы | Adobe Photoshop, Procreate, Krita | Adobe Illustrator, CorelDRAW |
JPEG (Joint Photographic Experts Group) — один из самых популярных форматов. В нем представлены изображения на большинстве фотобанков. Он подходит для хранения картинки с плавными цветовыми переходами, например фотографий. В нем используется алгоритм частичного сжатия, который может давать артефакты (видимые искажения изображения) при резком контрасте, поэтому формат не применяется в работе с чертежами и схемами. JPEG не может содержать прозрачных пикселей. То есть даже если на изображении есть фигура на белом фоне, ее потребуется вырезать вручную в редакторе, отделив от фона.
png (Portable Network Graphics) — еще один популярный формат, в котором дизайнеры обычно сохраняют статичные изображения. В отличие от JPEG, в нем используется алгоритм сжатия без потерь. Это позволяет получить картинку лучшего качества, но при большем размере файла. Ценно то, что png поддерживает «прозрачные» пиксели. То есть при наличии «прозрачного» фона изображение можно использовать сразу, не проводя дополнительной обработки.
GIF (Graphics Interchange Format) — это формат не только анимированных, но и статичных изображений. Его главное преимущество — возможность создания простых анимаций с ограниченным количеством цветов (до 256).
Есть и менее известные форматы. Одни используются в цифровой съемке (.nef, .cr2, .crw), другие — в конкретных графических редакторах (например, .psd для Adobe Photoshop). Умение работать с растровыми изображениями необходимо для дизайнера независимо от его специализации: веб, полиграфия, геймдизайн и других.