@marinaabcd
Frontend Developer

Как правильно экспортировать svg из .psd файла?

Добрый день!

подскажите, как вы экспортируете svg из макета?

в фотошопе есть функция export as и можно выбрать svg.
но подобным образом экспортированные файлы в браузере не отображаются.

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

и да, "рабочие версии" весят в 3-4 раза больше тех, которые экспортировались через export as

спасибо!
  • Вопрос задан
  • 1405 просмотров
Решения вопроса 1
alvvi
@alvvi
export default apathy;
Если в макете нормальный SVG - все спокойно экспортируется как через export as, так и через copy SVG в контекстном меню на слое с фигурой. Если же слой с SVG растрирован, нет смысла экспортировать его в SVG - в итоге внутри окажется только тег <image></image> с растровой png в base64. Обратите внимание на сам слой который экспортируете, он должен быть векторным. Ну и смотрите исходный код получившегося SVG, там все будет видно.
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 2
@marataziat
Джангист-тракторист
Ответ написан
Комментировать
profesor08
@profesor08
Таким образом ты экспортируешь svg, но внутри там обычная растровая png в base64 формате. Вроде с виду svg, а на деле нет. Так-же там указан data:img/png; кажется, а надо data:image/png. И весит это дело в несколько раз больше. Картинки, которые хочется экспортировать как svg, настоящий svg, каким он задумывался, надо открывать в том-же Adobe Illustrator. Правый клик - редактировать. Или как-то так.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы