Raster Vector Compare
Интерактивное демо «Raster Vector Compare» — раздел Энциклопедия · Основы.
Растр и вектор: масштабирование
Одна и та же сцена — слева фиксированная сетка пикселей, справа параметрическое SVG. Увеличьте масштаб, прокрутите или перетащите область просмотра и сравните края.
Масштаб200%
Растр (120×120 px)
При увеличении 200% браузер интерполирует 120×120 → 240×240: появляются "лесенки".
Вектор (SVG)
Кривые и прямоугольники пересчитываются при каждом масштабе (200%) — границы остаются гладкими до растрирования на экране.
Растр: 14 400 пикселей в данных; при печати или Retina нужны отдельные копии (@2x, @3x).
Вектор: описание из нескольких примитивов; на мониторе всё равно растрируется, но параметры пересчитываются под текущий DPI.