SVG и PNG

Не всё нужно живым. Иногда от работы требуется просто картинка: иконка для приложения, логотип, статичная иллюстрация. Для этого есть экспорт в SVG и PNG — два привычных формата картинок.

Статичный рисунок выгружается картинкой. PNG — обычная картинка, как фотография. SVG — векторная: её можно увеличить во сколько угодно раз, и края останутся идеально чёткими.

PNG — обычная картинка

PNG понимают все: соцсети, мессенджеры, документы. Это готовая картинка фиксированного размера, с поддержкой прозрачного фона. Подходит, когда нужно «просто изображение, которое везде вставляется».

Пример: превью работы для поста или аватарка.

SVG — векторная картинка

SVG хранит не пиксели, а саму форму — линии и заливки. Поэтому такая картинка не мылится: хоть на визитке, хоть на билборде края останутся чёткими. Это идеальный формат для иконок и логотипов.

Векторное рисование — сильная сторона Formo (вспомните перо и векторную сеть), а чистый SVG-экспорт даёт этим рисункам выход наружу. Тем, кто рисует иконки, это особенно ценно: аккуратная форма внутри — аккуратный SVG на выходе.

Принести чужой SVG

Работает и обратное: готовый SVG можно принести в Formo. Перетащили файл — и его формы появились на холсте как обычный рисунок, который дальше можно править пером, красить и анимировать.

Что запомнить

  • Статичная работа выгружается картинкой: PNG или SVG.
  • PNG — обычная картинка фиксированного размера, понятная везде.
  • SVG — векторная, не мылится при любом увеличении; лучший выбор для иконок и логотипов.
  • Чужой SVG можно принести в Formo и редактировать как свой рисунок.

Дальше — Сохранение и проекты: как не потерять работу.

← НазадЭкспорт в HTMLДальше →Сохранение и проекты