Автономный редактор SVG?

Я ищу рекомендации программы, которая

  • позволяет создавать, редактировать и сохранять файлы в формате .svg
  • позволяет стандартное редактирование, включая
    • рисование линий и фигур
    • заполнение областей цветом
    • обрезка
    • открытие файлов, сохраненных (возможно, только в нескольких цветах) в формате .jpg, .gif и т. д. для вставки в редактируемый файл
  • не ограничивается созданием диаграмм
  • может работать автономно, а не поверх веб-браузера или иным образом онлайн
  • является бесплатным или, по крайней мере, условно-бесплатным
Интересно, что этот вопрос никогда не задавался раньше.
Не бесплатно (поэтому это комментарий), но и иллюстратор, и эскиз могут работать с svg и иметь все профессиональные функции, которые вы ожидаете, такие как слои, маскирование, пользовательские формы и т. д.
@ThomasWeller Может быть, потому что Inkscape - самый первый результат, когда вы гуглите «редактор векторной графики». Над результатами даже есть список векторных графических редакторов. Inkscape также является самым первым в этом списке.
Для какой операционной системы?

Ответы (5)

Как насчет Inkscape ? Это:

  • бесплатно и с открытым исходным кодом,

  • имеет полностью совместимое создание и редактирование файлов формата SVG,

  • может открывать ряд других векторных форматов, с помощью расширений,

  • может изначально импортировать большинство растровых форматов (JPEG, PNG, GIF и т. д.) как растровые изображения, но может экспортировать только растровые изображения PNG,

  • поскольку это загружаемое программное обеспечение, оно работает автономно.

Похоже, это может подойти, так что, возможно, стоит попробовать.

Я хотел добавить дополнение к ответу Inkscape: я использую его все время для своего векторного использования. Есть много удобных функций и панелей для редактирования SVG. Существует даже панель, где вы можете просматривать базовые XML-теги и редактировать оттуда атрибуты. Это здорово, чтобы перепроверить порядок размещения элементов, посмотреть, какие объекты включены в группу, и даже добавить взаимодействие с JavaScript. Желаю удачи!
Действительно, Inkscape, вероятно, является одним из лучших вариантов. Единственная существенная жалоба, которую я когда-либо видел по этому поводу, заключается в том, что он не очень хорошо справляется с созданием наиболее эффективных файлов SVG, но для большинства людей это не должно быть большой проблемой.
если вас беспокоит результат eth.. вы всегда можете запустить его через оптимизатор SVG.. см. petercollingridge.appspot.com/svg-optimiser или www.svgminify.com/ в качестве примеров
@ShoeLace Обратите внимание, что для некоторых секторов и компаний загрузка любых файлов во внешние службы считается большим запретом по соображениям безопасности и конфиденциальности и вполне может привести к выговору или даже увольнению.
Верно. Делать такое приложение удаленным сервисом просто безответственно и враждебно по отношению к пользователю. Если ему действительно нужно быть в Интернете (и иметь приятные функции, такие как кроссплатформенность, песочница), это может быть приложение JS, которое работает полностью на стороне клиента в браузере, а не просит вас загрузить ваши личные данные (или личные данные вашего клиента/работодателя/друга/и т. д.) какой-то сомнительной третьей стороне.
@AustinHemmelgarn относительно создания файлов SVG с эффективным использованием места в Inkscape: его «родные» SVG действительно довольно толстые (например, они включают несколько пользовательских тегов Inkscape), но есть возможность сохранить «Оптимизированный SVG» (это еще один формат в диалоговое окно «Сохранить как»), которое производит гораздо меньший результат с различными параметрами для дополнительной экономии места. Я понятия не имею, насколько это выгодно по сравнению с внешними оптимизаторами SVG, хотя
@DaveJones Оптимизатор, встроенный в Inkscape, — это оптимизатор SCOUR, который также существует извне.
FWIW, я в значительной степени использую Inkscape для 90% моей работы с векторными иллюстрациями. Единственное, что мешает мне использовать его на 100%, — это отсутствие управления цветовым пространством печати.
@NZall правда ... тогда, может быть, автономная версия, такая как github.com/tdewolff/minify ? доступно несколько других версий с открытым исходным кодом

Как уже упоминалось, я бы выбрал Inkscape, если вам нужен полнофункциональный редактор SVG с большими возможностями дизайна и мощными инструментами.

Однако, если вы хотите что-то более простое, ищете веб-решение или Inkscape недоступен на нужной вам платформе, есть также SVG Edit .

SVG Edit — это редактор на основе браузера JavaScript, который можно использовать как онлайн , так и загрузить для автономного использования .

введите описание изображения здесь

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

Boxy также доступен для Mac App Store, Windows 10 Store и в виде приложения Chrome.

Любое приличное приложение для редактирования векторов должно соответствовать вашим требованиям (кроме того, что оно бесплатное). Помимо уже упомянутого Inkscape , хорошим выбором будет Gravit Designer (его можно использовать как в браузере, так и как отдельное приложение).

Inkscape не требует X Windows. Это мультиплатформа.
@BenCrowell Для macOS по-прежнему требуется XQuartz , что немаловажно.
@ user137369: Существует ветвь Inkscape ( osxmenu), которая не требует XQuartz.
Inkscape больше не требует X (начиная с версии 1.0), поэтому я удалил это из ответа.

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

Загрузите и прочитайте спецификацию SVG, доступную здесь:

https://www.w3.org/TR/SVG11/

Это онлайн-версия - ссылки для скачивания в первом абзаце.

Чтобы просмотреть свои изменения, используйте простую программу просмотра изображений. я использую geeqie.

Либо откройте файл в браузере, указав file:///path/to/your.svgURL-адрес. Цивилизованная операционная система даст вам возможность открыть его в браузере, щелкнув файл правой кнопкой мыши. Затем каждый раз при сохранении нажимайте перезагрузить в браузере. Это все в автономном режиме — браузеру не требуется подключение к сети для просмотра локальных файлов.

Браузер удобен, потому что, если вы сделаете опечатку, браузер подскажет, где он захлебнулся при разборе вашего файла. Если вы посмотрите на свой текст рядом с этим местом, вы увидите что-то очевидное, например, отсутствующий закрывающий тег.

Я использую цикл композиции, который работает следующим образом:

1) Скопируйте/вставьте основной SVG-заголовок и открывающие и закрывающие теги — в начале вы можете скопировать их из любого .svgфайла — есть варианты, и в конце концов вы захотите понять различия, но для начала это не имеет значения. много.

2) Добавьте некоторые элементы и сохраните.

3) Посмотрите, выглядят ли они так, как вы хотели, если нет, откорректируйте данные и/или элементы.

4) Повторяйте, пока не будете счастливы.

Другая тактика состоит в том, чтобы начать с того, что .svgвы нашли в Интернете, и изменить его, используя аналогичный рабочий процесс. Когда вы сделаете это, вы, несомненно, столкнетесь с файлами, созданными с расширением inkscape.

Файлы, созданные с помощью inkscape, загромождены всяким ненужным мусором. Вы скоро узнаете, что нужно, а что нет, и сможете очистить inkscapeфайл за несколько минут редактирования удаления.

У многих .svgфайлов из Интернета удалено форматирование. Существует множество чистых XML-программ, которые могут восстановить удобочитаемость. Я обычно делаю это вручную, поскольку файлы SVG обычно довольно малы — один проход редактирования удаляет беспорядок и восстанавливает форматирование, что редко занимает более десяти минут.

Другие действия, которые вам необходимы, — это этапы до или после обработки. Я использую gimpдля этого. Если вы можете сократить a .jpgили .pngдо нескольких цветов, gimpфункция экспорта SVG делает на удивление хорошую работу. В качестве постпроцессора gimpон может читать ваш файл и экспортировать его в любой желаемый формат, а средства обработки изображений очень полны.

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

Есть еще ОМГСВГ . Эта ссылка является веб-интерфейсом для тестирования, но она также может быть автономной на вашем компьютере в качестве приложения Node.
Как это сделать, описано на странице README на github.

Этот инструмент предназначен для тех, кто хочет изменить SVG с помощью кода (программисты JavaScript).

Автономный редактор SVG?
СпросиСетьПолитика конфиденциальности1y, 0v