SVG (Scalable Vector Graphics)

.svg · image/svg+xml · 2001 · W3C

Векторная графика — бесконечно масштабируемая. Растрируйте в PNG/JPEG для приложений, которым нужны пиксели. Ниже — в чём SVG лучше всего, где слабее и как сравнивается — плюс бесплатные инструменты в браузере для конвертации SVG в другие форматы и обратно, без загрузки на сервер.

SVG вообще не пиксельный формат: он описывает фигуры, пути и текст как XML, поэтому масштабируется до любого размера без потери качества. Логотипы и иконки в вебе лучше оставлять SVG. Но многие инструменты — офисные пакеты, e-commerce, редакторы изображений — хотят пиксели. EditItAll растрирует SVG в браузере в 1× или 2× от внутреннего размера (или в выбранные вами размеры) и экспортирует чёткие PNG, JPEG или WebP.

Сжатие

Без потерь

Прозрачность

Да

Анимация

Да

Отображение в браузере

Все браузеры

Сильные стороны и ограничения

Сильные стороны

  • Бесконечно масштабируется, крошечный для простой графики
  • Редактируется как текст, стилизуется CSS
  • Идеален для логотипов и иконок

Ограничения

  • Не принимают там, где нужны растровые изображения
  • Сложная графика может рендериться медленнее битмапа
  • Растр→вектор требует трассировки, а не конвертации

Лучше всего подходит для

Инструменты для SVG

SVG → PNGSVG → JPEGSVG → WebPSVG → ICO

Frequently asked questions

SVG — с потерями или без?+

SVG — без потерь: сохраняет каждый пиксель точно, без потери качества.

Поддерживает ли SVG прозрачность?+

Да — у SVG есть альфа-канал, поэтому можно хранить прозрачные области. Также поддерживает анимацию.

Могут ли браузеры открывать файлы SVG напрямую?+

Да — каждый массовый браузер отображает SVG нативно.

Как бесплатно открыть или конвертировать файл SVG?+

Перетащите файл SVG в конвертер EditItAll и выберите выходной формат — декодирование и перекодирование идут целиком в браузере, без загрузки, аккаунта и водяного знака. (В браузере нет кодировщика SVG, поэтому можно конвертировать SVG в другие форматы, но не сохранять обратно в SVG.)