Ответ
Растровая графика представляет изображение как сетку пикселей (точек) фиксированного размера. Каждый пиксель имеет свой цвет.
Векторная графика описывает изображение с помощью математических формул (геометрических примитивов: точки, линии, кривые).
Ключевые различия:
| Критерий | Растровая графика | Векторная графика |
|---|---|---|
| Основа | Матрица пикселей (битовая карта) | Математические формулы и пути |
| Масштабирование | При увеличении теряет качество, пиксели становятся видны (ступенчатость) | Масштабируется без потери качества, так как пересчитывается |
| Типичные форматы | JPEG, PNG, GIF, WebP, BMP | SVG, AI, EPS, PDF (может содержать и растровые данные) |
| Использование | Фотографии, сложные изображения с градиентами | Логотипы, иконки, шрифты, технические чертежи, инфографика |
| Размер файла | Зависит от разрешения и глубины цвета, может быть большим | Обычно меньше для простых изображений, зависит от сложности контуров |
Пример векторного формата (SVG):
<svg width="100" height="100">
<circle cx="50" cy="50" r="40" fill="red" stroke="black" stroke-width="2"/>
</svg>Почему это важно? Выбор типа графики напрямую влияет на качество конечного продукта. Использование растрового логотипа на крупном баннере приведет к "замыливанию", а попытка редактировать фотографию как вектор будет крайне неэффективна.