Обзор Boxy SVG: возможности, форматы, платформы, цены и ограничения

Boxy SVG — специализированный редактор масштабируемой векторной графики, рассчитанный прежде всего на создание и правку SVG-файлов. Его основная особенность заключается не в попытке заменить весь класс профессиональных графических пакетов, а в тесной работе с самим форматом SVG: геометрией объектов, заливками и обводками, текстом, масками, фильтрами, символами, идентификаторами, классами CSS и метаданными. Редактор доступен как веб-приложение и устанавливаемая PWA, а также распространяется через магазины приложений для macOS, Linux, iPhone, iPad и Android. Для Windows отдельная настольная сборка больше не поддерживается, поэтому на этой платформе используется браузерная версия.

Задать вопрос фотографу

Андрей Фёдоров

Как вы могли заметить, здесь есть ТОП-ы на все случаи жизни, причём, их список постоянно пополняется. Кроме того, каждый год они обновляются, ведь я включаю в рейтинги реально лучшие аппараты из всех имеющихся в текущий момент на рынке. Именно мой опыт и знания помогли создать ресурс ТОП Фотограф, который, я надеюсь, приносит вам что-то полезное.

Задать вопрос

Обзор посвящён актуальному продукту Boxy SVG Editor, который разрабатывает Jarosław Foksa и распространяет Boxy SVG PL. Он не относится к одноимённым сервисам доставки, программным библиотекам или сторонним мобильным приложениям. Ниже разобраны реальный состав инструментов, устройство интерфейса, поддерживаемые форматы, варианты установки, условия оплаты, облачные функции, ограничения совместимости и способы проверить экспортированный результат.

Что представляет собой Boxy SVG

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

Программа подходит для логотипов, пиктограмм, схем, простых иллюстраций, декоративной графики, элементов сайтов, SVG-спрайтов и небольших макетов. Она умеет строить и изменять контуры, создавать геометрические фигуры, редактировать текст, применять градиенты, фильтры, режимы смешивания, маски и обтравочные контуры. Для знакомства с другими программами этого класса на FreeEXE предусмотрен раздел SVG-редакторов и векторных форматов.

Boxy SVG не является системой автоматизированного проектирования и не рассчитан на инженерные чертежи. Он также не заменяет универсальный пакет допечатной подготовки, сложной многостраничной верстки или глубокой растровой ретуши. Его сильная сторона — визуальная работа с SVG и сохранение структуры, пригодной для последующего использования в браузере или программном проекте.

Основные параметры

Цена в магазинах зависит от страны, налогов и валюты. Поэтому 19,99 доллара для macOS следует воспринимать как ориентир для американского магазина, а не как универсальную стоимость во всех регионах. Для Android применяется модель бесплатной загрузки с покупками внутри приложения; точная сумма показывается в региональном магазине.

Платформы и способы распространения

Веб-приложение и PWA

Основной универсальный вариант работает в современном браузере. Веб-приложение можно запускать без отдельного установщика, а поддержка Progressive Web App позволяет добавить редактор в систему как самостоятельное приложение. После установки PWA открывается в отдельном окне и может работать без постоянного доступа к интернету, если нужные файлы уже находятся локально. Первоначальная загрузка приложения, вход в учётную запись, использование облака, синхронизация и обращение к сетевым библиотекам требуют подключения.

Работа с локальными файлами зависит от браузерных API. Chrome и Edge поддерживают современный File System Access API, поэтому могут выдавать приложению длительное разрешение на чтение и запись выбранного файла. В браузерах без этого интерфейса доступ к диску более ограничен: файл приходится открывать и сохранять через стандартные диалоги, а повторный доступ может потребовать нового подтверждения.

macOS

Для Mac существует отдельное приложение из Mac App Store. Текущая версия требует macOS 12.0 или новее. Настольная сборка использует Chromium-совместимый механизм рендеринга и сохраняет тот же набор основных инструментов, что и веб-редактор. Покупка в магазине является разовой, а не годовой подпиской. Пользователь также может установить PWA через Safari в macOS 14 и более новых системах, однако магазинная версия удобнее тем, кому важны обычный жизненный цикл приложения и обновления через App Store.

Linux

Актуальная настольная сборка Boxy SVG для Linux распространяется через Flathub. Пакет официально публикуется и поддерживается разработчиком, доступен для архитектур x86-64 и ARM64. Старый пакет Snap был объявлен устаревшим, а пользователям рекомендован переход на Flatpak, поэтому его не следует считать текущим каналом обновлений. Программа остаётся проприетарной: исходный код продукта не открыт, даже если установка выполняется из привычного каталога Linux-приложений. Песочница Flatpak может ограничивать доступ к каталогам, поэтому при невозможности открыть или сохранить документ сначала нужно проверить разрешения файловой системы.

Windows

Отдельная Electron-сборка для Windows существовала ранее, но была прекращена. Актуальный способ работы — веб-приложение или PWA в Chrome, Edge либо другом современном браузере. Это не означает прекращение поддержки Windows как рабочей среды: инструменты редактора доступны, но распространение и обновление выполняются через веб, а не через самостоятельный установщик из Microsoft Store.

iPhone, iPad и Android

Boxy SVG for iOS работает на iPhone и iPad и требует iOS 18.6 или iPadOS 18.6 либо более новую систему. Мобильное приложение распространяется бесплатно и использует WebKit. На Android редактор доступен через Google Play, загружается бесплатно и содержит покупки внутри приложения. Мобильные версии поддерживают основной набор операций с SVG, но компактный экран меняет организацию панелей, а точное редактирование узлов удобнее со стилусом или внешней мышью, чем одним пальцем.

Мобильные приложения не следует смешивать с браузерной подпиской автоматически: покупка, подписка и восстановление доступа зависят от конкретного магазина и учётной записи. Перед оплатой следует проверить, на каких устройствах будет действовать приобретение и входит ли в него облачная синхронизация.

Язык интерфейса и устройства ввода

Актуальные страницы Apple перечисляют английский, украинский, польский, немецкий, французский, испанский, итальянский, португальский и другие языки, но не русский. Поэтому рассчитывать на полноценную русскую локализацию не следует. Термины интерфейса близки к общепринятой графической лексике: Fill, Stroke, Path, Object, Typography, Geometry, Elements и Export.

Редактор рассчитан на мышь, трекпад, сенсорный экран и стилус. Для регулярной работы с контурами полезны мышь или перо: захват маленьких узлов, ручек Безье и направляющих требует точности. Более ста команд допускают настройку сочетаний клавиш, что ускоряет повторяющиеся операции на настольных системах.

Как устроен интерфейс

Рабочее окно построено по классической схеме векторного редактора. В центре находится холст, слева — вертикальная панель инструментов, сверху — меню и контекстные команды, справа — панели свойств и библиотек. Нижняя область используется для инспектора элементов и связанных панелей. На небольшом экране интерфейс переключается в компактный режим: часть панелей раскрывается поверх холста, а элементы управления получают увеличенные сенсорные зоны.

Верхнее меню и командная строка

Меню File отвечает за создание, открытие, сохранение и экспорт документов. В Edit собраны отмена, повтор, операции буфера обмена и настройки выделения. View управляет масштабом, направляющими, сеткой и отображением. Object содержит группировку, порядок наложения, выравнивание и трансформации. Shape объединяет команды для контуров и логических операций. Отдельные разделы Text, Animation, Tools, Panels и Help открывают текстовые функции, анимацию, вспомогательные инструменты, панели и справку.

Контекстная строка меняется в зависимости от выбранного объекта. Для текста появляются параметры шрифта и набора, для фигуры — размеры и геометрия, для контура — операции с узлами. Такой принцип уменьшает число постоянно видимых полей, но требует привыкания: нужная настройка может находиться не в общем меню, а в панели, которая появляется только после выбора подходящего объекта.

Левая панель инструментов

В верхней части расположены инструменты выбора и редактирования узлов. Ниже находятся рисование контуров, свободная линия, базовые фигуры, прямоугольники, эллипсы, многоугольники и звёзды, а также текстовые инструменты. Для объектов на холсте используются маркеры трансформации: перемещение, изменение масштаба, поворот и наклон выполняются без перехода в отдельное окно.

Редактирование узлов позволяет менять сегменты, кривизну и замыкание контура. Логические операции объединяют несколько форм в новый путь, вычисляют пересечение, вычитают верхний объект или исключают общие участки. Для логотипов и пиктограмм это основной способ собрать сложный силуэт из простых геометрических элементов.

Центральный холст и представления

Холст показывает страницу SVG и окружающее рабочее поле. Пользователь меняет масштаб, перемещается по документу, включает направляющие и сетку, привязывает объекты к опорным точкам. Boxy SVG поддерживает представления, то есть сохранённые области документа с собственными параметрами. Они полезны, когда один файл содержит несколько состояний, иконок или вариантов кадрирования.

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

Правые панели

Правая область содержит панели заливки и обводки, типографики, геометрии, объектов, библиотек, метаданных, экспорта и генераторов. Они могут скрываться, переставляться и вызываться по необходимости. Панель Paint управляет цветом, градиентами и прозрачностью. Typography отвечает за семейство шрифта, начертание и параметры текста. Geometry показывает координаты и размеры. Objects помогает ориентироваться в иерархии групп, символов и отдельных элементов.

Libraries предоставляет фотографии, векторные объекты, цветовые палитры, шрифты и набор OpenMoji. Внешние библиотеки ускоряют сборку макета, но не освобождают от проверки лицензии конкретного ресурса. Наличие изображения в каталоге не означает, что его можно без условий использовать в товарном знаке, рекламе или коммерческом шаблоне.

Панель Elements и работа с кодом

Elements — одно из ключевых отличий Boxy SVG. Панель показывает структуру SVG-документа и связанные CSS-свойства в формате, похожем на инструменты разработчика браузера. Выделение элемента в дереве синхронизируется с объектом на холсте. Пользователь может видеть теги, идентификаторы, классы, названия и метаданные, не покидая визуальную среду.

Инспектор полезен для файлов, которые затем подключаются к HTML, стилизуются через CSS или изменяются JavaScript-кодом. При этом он не превращает Boxy SVG в полноценную среду программирования: сложную логику, сборку проекта, тесты и оптимизацию веб-приложения по-прежнему выполняют внешние инструменты.

Основные функции

Выделение, группировка и трансформации

Редактор выделяет один или несколько объектов, перемещает их, масштабирует, вращает и наклоняет. Несколько элементов объединяются в группу, после чего трансформируются как единое целое. Команды порядка меняют положение объекта относительно соседей, а выравнивание распределяет элементы по краям, центрам или с равными промежутками.

Для точных макетов полезна комбинация числовой геометрии и направляющих. Размер можно задать полями, а положение уточнить привязкой. Перед экспортом иконки следует проверить, не попали ли за границу страницы невидимые объекты, фильтры или точки контура: они влияют на вычисление области результата.

Фигуры и контуры

Прямоугольники, окружности, эллипсы, звёзды и многоугольники сохраняют редактируемые параметры, пока не преобразованы в обычный путь. Это позволяет менять радиус скругления, количество лучей и другие свойства без ручного перемещения каждого узла. Для произвольной формы используется перо, свободное рисование и редактирование кривых Безье.

Операции Unite, Intersect, Subtract и Exclude строят новый контур на основе нескольких исходных фигур. Команды Close, Reverse и Join paths исправляют направление и связность сегментов. После логической операции полезно просмотреть получившийся путь: лишние узлы увеличивают размер SVG и усложняют дальнейшую правку.

Заливка, обводка и композиция

Объект получает сплошную заливку, градиент или прозрачность; обводке задаются цвет, толщина, соединения и окончания. Градиент редактируется маркерами на холсте, поэтому положение перехода можно подстраивать визуально. Режимы смешивания, фильтры, маски и обтравочные контуры позволяют собирать более сложную композицию без преобразования всех элементов в растр.

Совместимость таких эффектов зависит от среды вывода. Современный браузер обычно корректно обрабатывает стандартные SVG-фильтры, тогда как офисное приложение, мобильный фреймворк или импортёр другого редактора может упростить их. Для критически важного проекта нужно проверять не только вид в Boxy SVG, но и отображение в конечной программе.

Текст и шрифты

Boxy SVG создаёт обычный SVG-текст, поддерживает Google Fonts и может обращаться к локально установленным гарнитурам. В браузере локальные шрифты открываются через Local Font Access API: пользователь выдаёт разрешение, после чего семейства появляются в панели Typography. Если браузер не поддерживает API, локальный список недоступен, а редактор сообщает об ограничении.

Текст остаётся редактируемым, пока шрифт доступен на устройстве. При передаче SVG другому пользователю или в мобильный проект гарнитура может замениться. Для логотипа, пиктограммы или неизменяемой надписи безопаснее сохранить исходник с текстом и отдельно подготовить копию, где символы преобразованы в контуры. После преобразования содержание уже нельзя редактировать как текст, зато внешний вид меньше зависит от установленного шрифта.

Символы, спрайты и повторное использование

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

Перед передачей спрайта в проект нужно проверить, как сборщик и браузер обрабатывают ссылки на символы. Внешние ссылки, элементы use и сложные цепочки зависимостей поддерживаются не всеми импортёрами одинаково. Для мобильного приложения иногда требуется развернуть повторно используемые элементы в обычные контуры.

Метаданные и структура SVG

Панель Metadata редактирует название, описание, ID и другие сведения об объекте. Читаемые идентификаторы важны для доступности, автоматического тестирования и обращения к элементам из CSS или JavaScript. Редактор старается сохранять классы, заголовки и метаданные, а не заменять всю структуру безымянными контурами.

Открытый SVG остаётся XML-документом, поэтому его можно анализировать внешними валидаторами, системой контроля версий и обычным текстовым сравнением. Это особенно удобно для команд, где дизайнер отвечает за форму, а разработчик — за интеграцию. Однако любые ручные изменения кода следует делать в копии или под контролем версий: синтаксическая ошибка может сделать файл нечитаемым.

Библиотеки и генераторы

Встроенные библиотеки включают фотографии и векторные ресурсы из Pixabay и других источников, Google Fonts, цветовые палитры и OpenMoji. Элемент вставляется в текущий документ и затем редактируется обычными инструментами. Для фотографии это означает добавление растрового ресурса внутрь SVG-композиции, а не автоматическую векторизацию изображения.

Панель Generators создаёт процедурные элементы и заготовки. Такие конструкции могут использовать служебные расширения Boxy SVG в собственном пространстве имён. Перед передачей файла в другой редактор нужно проверить, сохраняется ли результат без зависимости от этих данных. Для максимально переносимой версии сложный генератор лучше преобразовать в обычные SVG-объекты и открыть копию в независимом просмотрщике.

Анимация

В интерфейсе присутствуют раздел Animation и панель Animations, предназначенные для работы с анимируемыми свойствами SVG. GIF входит в отдельный перечень экспортируемых форматов, однако редактор не следует рассматривать как замену специализированному пакету моушн-дизайна: сложные сцены, звук, видеомонтаж и композитинг находятся за пределами его основной задачи.

Чего нет в подтверждённом наборе

В публичном перечне функций нет генеративного ИИ, автоматического построения изображения по текстовому описанию, массовой пакетной конвертации папок и отдельного интерфейса командной строки для потребительского редактора. Boxy SVG выполняет ручную визуальную работу с документом. Для сотен файлов, автоматической оптимизации или серверной конвертации нужны отдельные утилиты и сценарии.

Типичный рабочий процесс

Ниже приведён воспроизводимый сценарий создания простой SVG-пиктограммы. Он показывает связь инструментов, но не превращает обзор в полную инструкцию.

1. Создание документа. Запускается веб-приложение, PWA или настольная версия, затем создаётся новый SVG с нужным размером страницы. Для иконки удобно сразу задать квадратное представление, например 64 на 64 условных единицы.
2. Построение основы. На холст добавляются прямоугольник со скруглёнными углами и две окружности. Размеры и положение уточняются через Geometry и привязку к центру.
3. Формирование силуэта. Фигуры объединяются или вычитаются операциями над путями. После преобразования проверяется число узлов и устраняются ненужные точки.
4. Оформление. В панели заливки задаётся цвет или градиент, а обводка получает толщину и тип соединения. При использовании прозрачности результат проверяется на светлом и тёмном фоне.
5. Структура. Элементу присваивается понятный ID, добавляются название и описание. Если пиктограмма станет частью спрайта, она оформляется как символ с уникальным идентификатором.
6. Сохранение исходника. Редактируемая версия сохраняется в SVG или SVGZ. SVGZ занимает меньше места за счёт сжатия, но не все конвейеры принимают его напрямую.
7. Экспорт. Для сайта сохраняется SVG, для предпросмотра — PNG или WebP, для документа — PDF. При растровом экспорте задаются размеры и цветовое пространство.
8. Контроль. SVG открывается в браузере, а растровая версия сравнивается с холстом. Проверяются края, прозрачность, шрифты, фильтры и отсутствие случайных объектов за пределами страницы.

Если в проекте есть текст, сначала сохраняется редактируемый вариант. Затем создаётся отдельная копия с преобразованием надписи в контуры. Такой порядок сохраняет возможность исправить орфографию или заменить гарнитуру и одновременно даёт переносимый файл для публикации.

Форматы, импорт и экспорт

SVG и SVGZ

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

Качество совместимости зависит не только от расширения. Один SVG может содержать стандартные простые контуры, а другой — внешние ссылки, foreignObject, сложные фильтры, вложенные символы, веб-шрифты и служебные расширения. Чем сложнее структура, тем важнее открыть результат в целевом браузере, редакторе или программном фреймворке.

PNG, JPEG, GIF и WebP

PNG подходит для прозрачного фона, интерфейсных элементов и изображений без потерь. JPEG применяется для непрозрачных иллюстраций и фотографических композиций, где важен небольшой размер. WebP сочетает прозрачность и эффективное сжатие, но его поддержку следует проверять в конечной системе. GIF используется для совместимой анимации с ограниченной палитрой.

В версии 4.111.0 для PNG и JPEG добавлен выбор цветового пространства. Перед публикацией следует сопоставить настройки экспорта с требованиями сайта, печати или магазина приложений. Неверно выбранный профиль способен изменить оттенки, даже если геометрия экспортирована правильно.

PDF и HTML

PDF удобен для передачи макета, печати и просмотра без редактора. После экспорта нужно проверить размер страницы, встраивание или преобразование шрифтов, прозрачность и фильтры. HTML предназначен для веб-представления и может включать SVG-контент в документ. Такой файл следует рассматривать как результат для браузера, а не как универсальный проект для дальнейшего редактирования в офисной программе.

Ограничения обмена

Boxy SVG не заявляет полноценный рабочий процесс с нативными файлами Illustrator, CorelDRAW или Affinity Designer. Конвертация через SVG или PDF возможна, но часть функций исходного пакета будет упрощена: монтажные области, эффекты, кисти, переменные шрифты, цветовые модели и служебные данные могут измениться. Для проекта, который регулярно ходит между несколькими редакторами, нужен тест на реальных файлах до выбора программы.

Облако, автономная работа и приватность

Локальные и облачные файлы

Boxy SVG умеет сохранять SVG на диск и в собственное облако. В учётной записи доступно до 10 ГБ бесплатного облачного пространства; для большего объёма предлагаются индивидуальные условия. Облачный файл можно размещать и предоставлять по ссылке, а настройки редактора синхронизируются между устройствами.

Для конфиденциального логотипа, неопубликованного интерфейса или внутренней схемы можно выбрать локальный режим и не загружать документ в облако. При удалении учётной записи файлы на серверах Boxy SVG удаляются вместе с аккаунтом, поэтому важные документы должны иметь локальную резервную копию.

Что работает без интернета

Установленная PWA и настольные приложения способны открываться без сети и редактировать локальные файлы. Облако, вход, восстановление подписки, синхронизация, внешние библиотеки и загрузка Google Fonts зависят от подключения. Если редактор запускается, но не открывает облачный документ, сначала нужно проверить сеть и статус входа, а не переустанавливать приложение.

Данные мобильных приложений

В карточках iOS и Android разработчик указывает, что сами приложения не собирают и не передают данные. Это заявление магазинов относится к мобильным сборкам и не отменяет обработку сведений, которую пользователь добровольно создаёт при регистрации, оплате или сохранении файлов в облаке. Для локального проекта безопаснее не включать облачные функции и не вставлять закрытые ресурсы по внешним URL.

Шрифты и разрешения браузера

Доступ к локальным шрифтам требует отдельного разрешения. Браузер передаёт приложению список выбранных или доступных гарнитур, чтобы их можно было использовать в документе. Отказ в доступе не блокирует редактор целиком: остаются Google Fonts и стандартные веб-шрифты, но локальные семейства не появятся в списке.

Лицензирование и стоимость

Веб-версия

Для индивидуального веб-приложения действует 15-дневный пробный период. Банковская карта для его запуска не требуется. План Standard стоит 9,99 доллара в год и включает функции самого редактора, но исключает операции, зависящие от облачных сервисов. Premium стоит 9,99 доллара в месяц и добавляет облачное сохранение и размещение SVG, а также синхронизацию настроек между устройствами. Налоги и итоговая сумма в местной валюте зависят от страны оплаты.

Покупка на macOS

Mac App Store продаёт Boxy SVG отдельно. В американском магазине цена составляет 19,99 доллара за приложение, без ежегодной платы за саму магазинную лицензию. Облачные услуги и подписки, связанные с аккаунтом, не следует автоматически считать включёнными в покупку: это отдельный слой сервиса.

Linux и мобильные платформы

Актуальная Linux-сборка устанавливается из Flathub; устаревший Snap-пакет больше не следует использовать как источник новых версий. Android-приложение бесплатно загружается и содержит покупки внутри приложения. Boxy SVG for iOS также доступен бесплатно. Бесплатная загрузка мобильной версии не означает бессрочный бесплатный доступ ко всем платным функциям веб-аккаунта.

Образовательная версия и Web Component

Отдельное веб-приложение для школ лицензируется на учебное заведение. Ученики переходят по уникальной ссылке без индивидуальных логинов и паролей, а цена зависит от числа пользователей. Это не тот же продукт, что персональная подписка.

Boxy SVG Web Component предназначен для компаний, которые встраивают редактор в собственный сайт или SaaS. Он поставляется как NPM-пакет, поддерживает самостоятельное размещение и работу без сети, белую маркировку и интеграцию с веб-фреймворками. Компонент продаётся по подписке с отдельными планами и индивидуальной оценкой. Обычному пользователю для рисования SVG эта редакция не нужна.

Плюсы и минусы

Кому подойдёт

• Веб-разработчикам. Панель Elements, сохранение ID и классов, работа со спрайтами и чистая SVG-структура упрощают передачу графики в код.
• Дизайнерам интерфейсов и иконок. Редактор покрывает геометрию, выравнивание, контуры, символы и экспорт в основные веб-форматы.
• Пользователям Chromebook и разных ОС. Браузерная версия работает без привязки к одному настольному магазину.
• Тем, кому нужен компактный редактор именно SVG. Интерфейс не перегружен функциями полиграфии, трёхмерной графики и растровой ретуши.
• Учебным организациям. Отдельная школьная редакция работает через уникальную ссылку без персональных паролей учеников.
• Компаниям, встраивающим редактор. Для них существует самостоятельный Web Component с размещением на собственной инфраструктуре.

Кому не подойдёт

• Пользователям, которым нужен полностью бесплатный редактор с открытым кодом. Boxy SVG проприетарен и после пробного периода требует оплату выбранной редакции.
• Специалистам по сложной полиграфии. Для CMYK-процессов, разделения красок, многостраничной верстки и развитой допечатной подготовки нужен другой пакет.
• Командам с обязательным обменом нативными AI, CDR или CAD-файлами. SVG и PDF не сохраняют все специфические функции таких форматов.
• Пользователям Windows, которым принципиален автономный установщик вне браузера. Отдельная Windows-сборка прекращена.
• Тем, кому нужна массовая автоматизация. Пакетный конвертер, серверная очередь и командная строка не относятся к подтверждённым функциям потребительского продукта.
• Авторам сложной анимации и видео. Редактор поддерживает SVG-анимацию, но не заменяет полноценную систему моушн-дизайна.

Альтернативы

Inkscape

Inkscape — бесплатный редактор с открытым исходным кодом для Windows, macOS и Linux. Он глубже охватывает общую векторную графику, расширения, трассировку и сложные операции, но интерфейс и число настроек заметно выше. Inkscape разумнее выбрать при нулевом бюджете, необходимости открытого кода или полноценной настольной версии для Windows. Boxy SVG проще в сценарии веб-графики и прямого контроля структуры SVG.

Adobe Illustrator

Adobe Illustrator рассчитан на профессиональную векторную графику, печатные процессы, бренд-системы и обмен файлами AI. Он располагает более широким набором кистей, эффектов, трассировки и интеграций, но требует подписки и заметно сложнее. Illustrator выбирают для полиграфии и стандартного производственного обмена; Boxy SVG — для лёгких SVG-файлов и веб-интерфейсов.

Affinity Designer

Affinity Designer сочетает векторные и растровые инструменты и продаётся без обязательной годовой подписки. Он подходит для иллюстрации, макетов и печати, но не делает SVG-разметку центральной частью интерфейса. Boxy SVG удобнее разработчику, которому нужны ID, классы, символы и инспектор элементов; Affinity Designer — дизайнеру, которому нужен более универсальный художественный пакет.

SVGEdit

SVGEdit — открытый браузерный редактор для простых задач. Он подходит, когда важны бесплатность, самостоятельное размещение и базовые фигуры без расширенного набора функций. Boxy SVG предлагает более развитое редактирование на холсте, библиотеки, шрифты, панели и коммерческую поддержку, но требует платной лицензии после пробного периода.

Частые проблемы и диагностика

Файл не открывается или не сохраняется

Сначала нужно определить место хранения. Для локального файла проверяются разрешения браузера, доступ приложения к папке и наличие свободного места. В Flatpak дополнительно проверяются права песочницы. Для облачного файла — подключение к интернету, вход в аккаунт, статус подписки и принадлежность документа. Ошибка доступа не исправляется повторным экспортом: требуется восстановить разрешение или сохранить копию в доступную папку.

Веб-приложение постоянно просит выбрать файл заново

Так ведёт себя браузер без полноценного File System Access API или с отозванным разрешением. Для более прямой работы с диском подходят актуальные Chrome и Edge. В другом браузере следует использовать обычные команды открытия и сохранения, не ожидая постоянной связи с исходным файлом.

Локальные шрифты не отображаются

Проверяется поддержка Local Font Access API и разрешение на чтение шрифтов. Если API недоступен, используются Google Fonts или другой поддерживаемый браузер. Когда файл передаётся на другое устройство, наличие гарнитуры проверяется отдельно. Для финального логотипа создаётся копия с текстом, преобразованным в контуры.

После открытия в другой программе меняются шрифты

Причина обычно заключается в отсутствии семейства или различии механизма набора текста. Следует сравнить название шрифта, начертание, межбуквенный интервал и переносы. Если редактирование текста больше не требуется, переносимая копия сохраняется с контурами. Исходник с живым текстом хранится отдельно.

Эффекты выглядят иначе в браузере или мобильном приложении

Наиболее чувствительны фильтры, режимы смешивания, маски, foreignObject, внешние ссылки и сложные конструкции use. Диагностика начинается с копии файла, где спорные эффекты отключаются по одному. Если после удаления конкретного элемента отображение нормализуется, его заменяют более простой стандартной конструкцией или растрируют только проблемный участок.

Экспорт обрезан или содержит лишние поля

Проверяются размер страницы, выбранное представление, объекты за границами холста и область действия фильтров. Невидимый объект с нулевой прозрачностью всё равно может влиять на границы. Для иконки полезно временно включить контур страницы, выделить все элементы и сравнить их общую рамку с ожидаемым размером.

PNG или JPEG отличается по цвету

В версии 4.111.0 появился выбор цветового пространства для PNG и JPEG. Следует проверить профиль экспорта, настройки дисплея и среду просмотра. Для веба обычно нужен предсказуемый стандартный профиль, а перед печатью требуется согласовать параметры с типографией. Нельзя оценивать цвет только по миниатюре одного приложения.

SVG слишком большой

Размер увеличивают встроенные растровые изображения, лишние узлы, дублированные стили, сложные фильтры и повторяющиеся объекты. Сначала проверяются фотографии и неиспользуемые элементы, затем упрощаются пути и заменяются повторы символами. После оптимизации сохраняется отдельная копия: чрезмерное упрощение может изменить форму.

Файл содержит служебные элементы bx

Некоторые генераторы и расширенные функции используют пространство имён Boxy SVG. Для внутреннего редактирования это допустимо, но перед передачей в другую программу следует создать переносимую копию, преобразовать процедурные объекты в обычные SVG-примитивы и повторно открыть файл независимым просмотрщиком. Удалять служебные атрибуты вручную без понимания их роли не следует.

Мобильный интерфейс мешает выбрать узел

Нужно увеличить масштаб, скрыть ненужные панели и включить компактный режим. На iPad и Android-планшете точность повышает стилус. Для сложного контура разумнее выполнить грубую правку на планшете, а финальную геометрию — на настольном устройстве.

Редактор замедляется на сложном документе

Нагрузку создают тысячи узлов, большие встроенные изображения, многочисленные фильтры и длинная иерархия групп. Диагностика проводится на копии: отключаются тяжёлые фильтры, скрываются группы и удаляются неиспользуемые ресурсы. Если проблема связана с одним импортированным объектом, его упрощают или заменяют растровой версией подходящего разрешения.

Как проверить готовый результат

1. Сохранить редактируемый SVG отдельно от оптимизированной и преобразованной копии.
2. Открыть SVG как минимум в одном независимом современном браузере.
3. Проверить документ в конечной среде: сайте, приложении, офисном пакете или печатном процессе.
4. Сравнить размер страницы, viewBox, пропорции и положение объектов.
5. Убедиться, что шрифты доступны либо преобразованы в контуры.
6. Проверить прозрачность на светлом и тёмном фоне.
7. Просмотреть края растрового экспорта при масштабе 100 процентов.
8. Сравнить цвета и профиль PNG или JPEG.
9. Проверить идентификаторы и классы на уникальность, если файл используется в коде.
10. Убедиться, что внешние изображения, шрифты и ссылки не исчезнут после публикации.

FAQ

Можно ли пользоваться Boxy SVG бесплатно постоянно?

Веб-версия предоставляет 15-дневный пробный период без банковской карты. После него требуется платный план. Мобильные приложения загружаются бесплатно, но содержат платные возможности или покупки. Полностью бесплатной бессрочной редакцией с открытым набором функций продукт не является.

Нужна ли регистрация?

Для начала пробного знакомства банковская карта не требуется. Учётная запись нужна для подписки, облачного хранения, публикации файлов и синхронизации настроек. Локальный режим позволяет работать с файлами на устройстве без обязательной отправки каждого документа в облако.

Работает ли Boxy SVG без интернета?

Да, установленная PWA и настольные приложения редактируют локальные документы без постоянной сети. Интернет нужен для первоначальной загрузки, облака, входа, синхронизации, внешних библиотек и веб-шрифтов.

Есть ли версия для Windows?

Актуальной отдельной настольной сборки для Windows нет. Используется веб-приложение или установленная PWA. Ранее существовавшая Electron-версия прекращена.

Поддерживается ли русский интерфейс?

Русский язык отсутствует в текущем перечне локализаций Mac App Store и iOS. Интерфейс следует ожидать на английском или одном из перечисленных поддерживаемых языков.

Можно ли открыть файл Illustrator или CorelDRAW?

Нативные AI и CDR не относятся к подтверждённым рабочим форматам. Для обмена обычно используется SVG или PDF, однако часть эффектов и служебной структуры может потеряться. Перед переносом большого проекта нужна проба на конкретном файле.

Подходит ли редактор для печати?

PDF-экспорт позволяет передавать простые макеты, но Boxy SVG не является специализированной системой допечатной подготовки. Для CMYK, цветоделения, плашечных красок, вылетов и сложной типографской проверки разумнее использовать профессиональный издательский или векторный пакет.

Есть ли пакетная обработка?

Пакетная конвертация папок не входит в подтверждённый набор потребительского редактора. Для массовой обработки используются отдельные конвертеры, оптимизаторы или сценарии командной строки.

Использует ли Boxy SVG искусственный интеллект?

Генеративные ИИ-инструменты и создание изображений по тексту не заявлены. Библиотеки ресурсов и генераторы в интерфейсе не следует путать с нейросетевой генерацией.

Можно ли редактировать SVG-код?

Панель Elements показывает структуру документа и CSS-свойства, синхронизируя выбор с холстом. Она подходит для контроля ID, классов, метаданных и отдельных атрибутов. Для сложной ручной разработки, форматирования и проверки кода удобнее дополнительно использовать специализированный текстовый редактор и систему контроля версий.

Что выбрать: SVG или SVGZ?

SVG проще открыть, сравнить и передать в большинство систем. SVGZ экономит место благодаря сжатию, но поддерживается не каждым импортёром и сервером. Для совместного проекта безопаснее хранить обычный SVG, а SVGZ использовать только после проверки целевой среды.

Можно ли использовать локальные шрифты в браузере?

Да, когда браузер поддерживает Local Font Access API и пользователь выдаёт разрешение. При отсутствии API локальные гарнитуры не показываются, но остаются Google Fonts и другие доступные веб-шрифты.

Собирает ли приложение данные?

В карточках iOS и Android указано отсутствие сбора данных самими мобильными приложениями. Регистрация, оплата и добровольное облачное хранение всё равно связаны с обработкой данных аккаунта и файлов. Для закрытых материалов следует выбирать локальное сохранение и хранить резервную копию.

Можно ли использовать Boxy SVG для анимации?

В редакторе есть раздел и панель анимации, а также экспорт в GIF. Это подходит для несложных анимируемых SVG-объектов, но не заменяет программу для сложной временной шкалы, видео, звука и композитинга.

Итог по сценариям использования

Для веб-разработчика, который получает SVG от дизайнера и затем обращается к элементам из CSS или JavaScript, Boxy SVG даёт наиболее предметное преимущество: визуальный холст связан с деревом элементов, а идентификаторы, классы и метаданные остаются частью проекта. В этом сценарии редактор рациональнее универсального пакета, если основная работа действительно сосредоточена на SVG.

Для дизайнера иконок, простых логотипов и интерфейсной графики программа покрывает весь путь от геометрии до экспорта в SVG, PNG, WebP и PDF. При этом необходимо заранее проверить шрифты, сложные фильтры и требования конечной платформы. Пользователю Windows следует принять браузерную модель работы, а владельцу Mac — сравнить годовую веб-подписку с разовой покупкой в App Store.

Для полиграфии, сложной иллюстрации, нативных AI или CDR, пакетной автоматизации и генеративного ИИ разумнее выбрать специализированную альтернативу. Boxy SVG оправдан тогда, когда нужен компактный кроссплатформенный редактор, понятная структура SVG и возможность работать как локально, так и через облако без превращения проекта в закрытый собственный формат.