Все материалы

SVG, векторы, градиенты и blur: что останется нативным

Граница между редактируемыми элементами и безопасным графическим fallback.

Какие формы переносятсяКогда нужен SVGКак проверять эффекты
01

Простые формы

Прямоугольники, круги, линии, заливки и границы лучше сохранять элементами Zero Block. Они легче, остаются редактируемыми и корректно меняются между адаптивами.

02

Сложные контуры

Иконки и иллюстрации с большим числом узлов надёжнее переносить как SVG. Вектор остаётся резким, но внутренние path уже не редактируются средствами Zero Block.

03

Градиенты и прозрачность

Линейные и радиальные градиенты проверяйте на угол, точки цвета и прозрачность. Комбинации blend mode и background blur могут отличаться между canvas редактора и браузером.

04

Практическое правило

Если эффект отвечает за структуру, оставляйте его нативным. Если он чисто декоративный и сложный, выбирайте SVG или растр — это уменьшает число нестабильных CSS-комбинаций.