Растровая и векторная графика: в чём разница?

Главное отличие растровой графики от векторной заключается в способе хранения изображения: растр состоит из сетки цветных точек (пикселей) и теряет качество при увеличении, а вектор описывается математическими формулами, поэтому остаётся идеально чётким при любом масштабе. Для фотографий используют растровые форматы (JPEG, PNG), а для логотипов и чертежей — векторные (SVG, AI).

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

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

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

Характерные черты растра:

• Зависимость от разрешения. У каждого изображения есть фиксированная ширина и высота в пикселях (например, 1920×1080).
• Потеря качества при увеличении. Если сильно приблизить растровую картинку, вы увидите отдельные квадратики («лесенку» или «зерно»). Это называется пикселизацией.
• Реалистичность. Растр идеально подходит для передачи сложных цветовых переходов, теней и фотореалистичных изображений, где каждая точка может иметь уникальный оттенок.

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

Векторное изображение строится не из точек, а из геометрических примитивов: точек, линий, кривых, окружностей и многоугольников. Компьютер хранит не цвет каждого пикселя, а математическое описание фигуры. Например: «нарисуй круг радиусом 5 см с центром в точке X, залей его красным цветом».

Характерные черты вектора:

• Независимость от разрешения. Вы можете растянуть векторный объект до размера небоскрёба или уменьшить до марки — линии останутся гладкими и чёткими.
• Малый вес файлов. Для простых изображений (логотипы, схемы) файл весит очень мало, так как хранит только формулы, а не миллионы точек.
• Легкость редактирования. Можно легко изменить цвет, форму или размер любого элемента, не затрагивая остальные части рисунка.

Сравнение: ключевые отличия

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

Таблица сравнения растровой и векторной графики

Популярные форматы файлов

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

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

1. JPEG (JPG)
   • Самый популярный формат для фотографий.
   • Использует сжатие с потерями: удаляет часть информации, незаметной глазу, чтобы уменьшить размер файла.
   • Не поддерживает прозрачность.
2. PNG
   • Формат без потерь качества.
   • Поддерживает прозрачный фон (альфа-канал).
   • Идеален для скриншотов, интерфейсов и графики с текстом.
3. GIF
   • Поддерживает простую анимацию.
   • Ограниченная палитра (всего 256 цветов), поэтому для фото не подходит.
4. BMP
   • Старый формат Windows без сжатия.
   • Файлы занимают очень много места, сейчас используется редко.

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

1. SVG
   • Современный стандарт для веба.
   • Основан на XML-коде, можно редактировать даже в «Блокноте».
   • Поддерживается всеми браузерами, отлично масштабируется.
2. AI
   • Родной формат программы Adobe Illustrator.
   • Используется профессиональными дизайнерами для создания макетов.
3. CDR
   • Формат программы CorelDRAW.
   • Популярен в полиграфии и наружной рекламе.
4. PDF
   • Универсальный формат документов.
   • Может содержать как векторные, так и растровые элементы внутри одного файла.

Как выбрать подходящий формат

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

• Фотография человека или пейзажа? Выбирайте JPEG (для экономии места) или PNG (если нужно максимальное качество). Вектор здесь бесполезен.
• Логотип компании или иконка сайта? Обязательно используйте SVG или другой векторный формат. Логотип должен выглядеть чётко и на визитке, и на билборде.
• Скриншот программы или текст на изображении? Лучше всего подойдёт PNG, так как он сохраняет чёткие границы букв без размытия.
• Чертеж или схема для печати? Используйте векторные форматы (PDF, AI), чтобы линии при печати остались тонкими и точными.

Частые ошибки новичков

1. Сохранение логотипа в JPEG.
   • Проблема: При изменении размера логотип станет мутным, а вокруг букв появится белый фон (так как JPEG не умеет в прозрачность).
   • Решение: Используйте PNG для веба или SVG для адаптивности.
2. Увеличение маленькой картинки из интернета.
   • Проблема: Появятся крупные квадраты (пиксели), изображение станет нечитаемым.
   • Решение: Ищите изображения в нужном разрешении сразу или используйте векторные аналоги.
3. Попытка редактировать текст на растровой картинке.
   • Проблема: В формате JPEG или PNG текст становится частью картинки, его нельзя исправить как текст в Word.
   • Решение: Всегда храните редактируемые исходники в форматах, поддерживающих слои (PSD) или вектор (AI, SVG).

FAQ: Ответы на вопросы

Можно ли перевести растровое изображение в векторное? Да, этот процесс называется трассировкой (или векторизацией). Специальные программы (например, Adobe Illustrator) пытаются угадать контуры и заменить пиксели на кривые. Однако результат часто требует ручной доработки, особенно если исходное фото сложное.

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

Какой формат лучше для печати? Для печати фотографий — TIFF или JPEG высокого качества (300 dpi). Для печати логотипов, визиток и буклетов с текстом — PDF или EPS (вектор), чтобы текст остался чётким.

Что такое DPI и почему это важно для растра? DPI (dots per inch) — количество точек на дюйм. Для экрана монитора достаточно 72–96 DPI. Для качественной печати требуется 300 DPI. Если распечатать экранную картинку (72 DPI), она будет выглядеть зернистой и размытой.