23 апреля 2021
Содержание статьи:
Любой, кто работает с графическими файлами, сталкивается с двумя их вариантами: векторными и растровыми изображениями. У каждого из этих форматов есть плюсы и минусы. Заказчики-неспециалисты часто не понимают принципов обоих видов и разницы между ними: когда нужен векторный файл, а когда только растровый. В статье расскажем, что это за форматы графических данных и чем они различаются.
Растровые изображения

Растр – это любые файлы, изображающие окружающий мир с натуры: отсканированные рисунки, фотографии, картинки, сделанные в компьютерных программах – хотя бы в том же Paint. Элементарная единица таких файлов – пиксель: очень маленький квадрат, залитый определенным цветом. Количество пикселей на единицу длины (чаще всего – дюймы, inches по-английски) определяет разрешение растрового изображения – dpi.
Растровые изображения имеют следующие свойства и характеристики:
- Для сайтов минимальное разрешение составляет 75 точек на дюйм: меньше – качество окажется слишком низким, больше – страница будет долго загружаться.
- Для печати требуется разрешение от 150 до 300 dpi – при меньшем количестве пикселей на дюйм изображение получится нечетким, размытым, зернистым.
- Масштабирование растра крайне нежелательно: при увеличении картинки становятся видны пиксели, изображение разбивается на цветные квадраты.
- Уменьшение растра менее проблематично, но если из большого файла сделать совсем маленький, контуры и мелкие детали будут сильно деформированы.
Растр применяют в дизайне, оформлении, иллюстрациях и других подобных сферах в том случае, если нужно максимально реалистично и полноценно передать сложный естественный объект, например, портрет или пейзаж с обилием мелких деталей. Для растровой графики практически не существует ограничений по типам изображений.
Существует много редакторов растровой графики, от совсем простых вроде Paint до профессиональных: Adobe Photoshop или программ семейства Corel: Photo-Paint, Paint Pro, Painter. Самый популярный формат (расширение) – JPEG (.jpg, .jpeg, .jpe, .jfif). Также часто используют BMP (.bmp, .dib, .rle), TIFF (.tiff), GIF (.gif), PNG (.png) и ряд других.
Векторные изображения

Векторы – это файлы, созданные в специальных программах посредством сложного набора инструментов. Они состоят из объектов и контуров, взаиморасположение которых описывается математическими формулами. В редакторах векторной графики возможно формирование сложных многоцветных многокомпонентных изображений. Графический планшет существенно повышает сложность и реалистичность векторов.
Векторные изображения имеют следующие свойства и характеристики:
- их можно свободно масштабировать в любую сторону: что при увеличении, что при уменьшении четкость линий не снизится, и не появится зернистости;
- масштабируя векторные рисунки, важно переводить контуры (абрисы) в объекты или же активировать функцию масштабирования с объектом (ставить галочку);
- векторы можно экспортировать в растровые форматы, задавая необходимый размер в разных единицах измерения: пикселях, сантиметрах, дюймах и т. п.;
- векторное изображение, в отличие от растрового, можно существенно изменить в любой момент: удалить или добавить детали, перекрасить, поменять пропорции.
Вектор применяют в тех же сферах, что и растр, но в том случае, когда возможность свободного качественного и количественного изменения куда важнее реалистичности передачи окружающего мира. В векторе формируют простые элементы, эмблемы и гербы, рекламную продукцию, рукотворные объекты, интерьеры, географические карты.
Редакторов векторной графики меньше, чем растровой, потому что они сложнее и сфера их применения более ограничена. Самые известные программы – Adobe Illustrator (более профессиональный) и Corel DRAW (подходит для любителей и начинающих). Основные форматы и расширения – AI (.ai) у Adobe, CDR (.cdr) у Corel DRAW, SVG (.svg).
Сравнение вектора и растра

К достоинствам растровых изображений можно отнести высокую реалистичность и фотографическое качество картинки, относительную легкость получения (камера на смартфоне, самый простой фотоаппарат и т. п.), естественные цвета и переходы тонов.
К недостаткам растровых изображений относят большой объем файла с разрешением высокой четкости, ограниченность изменений (только минимальное редактирование), нежелательность масштабирования, потеря качества при увеличении или уменьшении.
Растровые файлы используют для хранения любительской и профессиональной фотографии, оцифровки произведений живописи, создания книжных иллюстраций. Большинство изображений вокруг – именно растр. Они могут дополняться векторными элементами.
Очевидные преимущества векторной графики – возможность существенных изменений рисунка, неограниченное масштабирование без потери качества, небольшой объем файла даже при крупном и сложном изображении, простота экспортирования в растровые форматы.
Основные недостатки векторного изображения – это его схематичность упрощенные цвета, не подходящие для цветной передачи реальных объектов окружающего мира, относительная сложность создания (нужна программа и умение в ней работать).
Впрочем, эти недостатки частично компенсируются созданием вектора с графического планшета. Рисование в редакторе от руки, а не с помощью мышки, упрощает работу, но все же построить реальный детализированный объект сложно, и файл выйдет большим.
Конвертация между форматами
Конвертация векторного файла в растр выполняется путем экспорта изображения в любой растровый формат. Это функция встроена и в Adobe Illustrator, и в Corel DRAW. А вот конвертация растрового изображения в вектор куда сложнее. Есть такие варианты:
- импорт растра в редактор векторной графики с последующей трассировкой (есть разные виды, дающие разный уровень качества итоговой векторной картинки);
- автоматическая трассировка в онлайн-редакторах (нужно загрузить на такой сайт растровую картинку, выбрать вид машинной отрисовки и скачать готовый вектор).
Однако оба варианта ограничены в применении и подходят фактически только для простых изображений с максимально четкими и ровными контурами, чистыми цветами без сложного перехода оттенков. Использование трассировки оправдано для растра, экспортированного из вектора, если у вас нет самого файла-исходника.
Во всех остальных случаях единственный вариант – ручная отрисовка по растровому изображению. Онлайн-конверторы дают возможность редактирования, но для сложных картинок этого недостаточно. Кроме того, далеко не любое изображение можно перевести из растра в вектор: любой фотопейзаж для этого слишком детален.
Коротко подведем итоги этого материала в сравнительной таблице:
Параметр |
Растровая графика |
Векторная графика |
Элемент |
Пиксели (точки), измерение – в точках на дюйм (dots per inch) |
Объекты и контуры, описанные математическими формулами |
Качество |
Фотографическое, с высокой реалистичностью |
Упрощенное, схематическое, с низкой реалистичностью |
Размер файла |
В целом большой, чем выше разрешение, тем файл тяжелее |
В целом небольшой, чем сложнее изображение, тем файл тяжелее |
Мастша-бирование |
Нежелательно и уменьшение, и увеличение – страдает качество |
Неограниченные увеличение и уменьшение без потери качества |
Форматы |
JPEG (.jpg, .jpeg, .jpe, .jfif), BMP (.bmp, .dib, .rle), TIFF (.tiff), GIF (.gif), PNG (.png) |
AI (.ai) у Adobe Illustrator, CDR (.cdr) у Corel DRAW, SVG (.svg) – общий универсальный формат |
Редакторы |
Paint, Adobe Photoshop или программы семейства Corel: Photo-Paint, Paint Pro, Painter |
Adobe Illustrator (более сложный и профессиональный), Corel DRAW (проще, для всех желающих) |
Применение |
Универсальное; фотографии, оцифровка живописи, книжные иллюстрации, разные рисунки – сложные естественные объекты |
Схемы, чертежи, графики, планы; эмблемы, знаки, гербы, логотипы; географические карты, орнаменты; инфографика, простые рисунки |
Преимущества |
Высокая реалистичность и фотографическое качество, легкость получения, естественные цвета и переходы оттенков |
Возможность существенных изменений, масштабирование без потери качества, небольшой объем файла, экспорт в растр |
Недостатки |
Большой объем файлов с разрешением высокой четкости, ограниченные изменения, потеря качества при масштабировании |
Схематичность изображения, упрощенные цвета, непригодность для передачи реальных объектов, высокая сложность создания |
При использовании материалов - ссылка на наш сайт обязательна.