в фотошопе есть функция export as и можно выбрать svg.
но подобным образом экспортированные файлы в браузере не отображаются.
я делаю учебный макет, нашла его же реализацию другими, скопировала пару svg в свой проект - все отображается.
то есть в верстке нет ошибки, вопрос именно в экспорте из макета.
и да, "рабочие версии" весят в 3-4 раза больше тех, которые экспортировались через export as
Если в макете нормальный SVG - все спокойно экспортируется как через export as, так и через copy SVG в контекстном меню на слое с фигурой. Если же слой с SVG растрирован, нет смысла экспортировать его в SVG - в итоге внутри окажется только тег <image></image> с растровой png в base64. Обратите внимание на сам слой который экспортируете, он должен быть векторным. Ну и смотрите исходный код получившегося SVG, там все будет видно.
Таким образом ты экспортируешь svg, но внутри там обычная растровая png в base64 формате. Вроде с виду svg, а на деле нет. Так-же там указан data:img/png; кажется, а надо data:image/png. И весит это дело в несколько раз больше. Картинки, которые хочется экспортировать как svg, настоящий svg, каким он задумывался, надо открывать в том-же Adobe Illustrator. Правый клик - редактировать. Или как-то так.
Если нормальный svg встроен в PSD и не растрирован дизайнером - все будет ок, можно даже чисто кодом экспортировать, люстра тут не при чем, Photoshop уже давно имеет свой генератор svg.
Илья Ростопка, если на слой навешен какой-то эффект, любой, хоть изменение цвета, то получишь растр. И нужна люстра, а потом на css устанавливаешь цвета и тд.
profesor08, еще больше дезинформации богу дезинформации. Если наложить color overlay на фигуру в фотошопе - она от этого не станет растровой, ее спокойно можно экспортировать. Создайте чистый документ и проверьте.
Илья Ростопка, я написал так как есть. У тебя по другому? Ну счастливчик, так поведай как у тебя. И будет два дополняющих ответа. Только не забывай, перекрасить элемент можно разными способами, и на цвете свет клином не сошелся. И вставить можно по разному, и подготовить. Если у тебя какой-то частный случай, это не значит что у всех так.
Простой
