Поддерживает ли SVG сложные логотипы?

Я создал сложный логотип в трехмерном стиле с прозрачностью и другими эффектами в Adobe Illustrator, а затем сохранил его в формате файла SVG. Однако из-за сложности иллюстратора логотипа или SVG не удалось создать идеальные изображения. Теперь я хочу знать, поддерживает ли SVG 3D и сложные формы или его следует использовать только для 2D-изображений? и поддерживает ли он прозрачность и другие эффекты, или было бы лучше избегать этих вещей?

Экспорт файла в формате JPG Скриншот изображения SVG в Internet Explorer

Выше есть два изображения, которые мы добавили для справки, одно вверху — изображение JPG, экспортированное через Illustrator, а другое внизу — скриншот изображения SVG, созданный в Internet Explorer.

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

Это проблемы, которые я хочу указать в своем первоначальном вопросе. Надеюсь, мой вопрос стал более ясным и понятным для всех пользователей.

PS. Спасибо за все ответы до добавления изображения, однако я буду искать некоторые обновления, если это необходимо в этом случае после включения изображений предварительного просмотра.

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

Ответы (2)

@born2DIE Было бы хорошо, если бы вы предоставили образец изображения вашего логотипа. В дополнение к тому, что сказали @joojaa и @hsawires, попробуйте следующее:

  1. Даже ИИ не поддерживает 3D! Я предполагаю, что вы используете инструмент «Extrude & Bevel» (Effect > 3D)?

Лучший способ обеспечить совместимость с SVG — разбить сложные объекты на составные пути. Вы можете сделать это с помощью Object > Expand Appearance.

Например: обратите внимание на верхний правый сложный 3D-объект.

Обратите внимание на верхний правый сложный 3D-объект.

После расширения внешнего вида сложный объект был уменьшен до контуров.После расширения Внешний вид

Вы также можете применить этот процесс к другим сложным нетрехмерным материалам в Illustrator, включая сложные прозрачности и любые другие элементы из меню «Эффекты».

  1. SVG — довольно обширный формат, поддерживающий множество вещей . Если ничего не помогает, вы также можете попробовать Inkscape . Вы не заблудитесь, перейдя из мира Illustrator, а SVG изначально поддерживается!
@DumbNic, как я уже упоминал, Inkscape изначально поддерживает SVG ! Это означает, что все, что вы можете сделать с Inkscape, будет сохранено как SVG и снова открыто. Все операции, какими бы сложными они ни были, гарантированно совместимы с SVG. У них есть дорожная карта для полной поддержки SVG!
@DumbNic Буду иметь в виду. Ваше здоровье!

SVG предназначен для двумерной графики с поддержкой интерактивности и анимации, а также может поддерживать растровую и векторную графику — вики . поэтому предпочтительнее перед экспортом SVG из Illustrator помочь иллюстратору упростить иллюстрацию, сгладив вашу 3D-графику, а также любые маски/прозрачности, которые вы сделали в своем логотипе.