Конвертировать PSD в SVG
Сохраните дизайн из Photoshop как файл .svg для сервисов, которые принимают только SVG. Конвертер сводит PSD и помещает изображение в оболочку SVG. Ниже объясняется, когда этого достаточно, а когда логотип нужно трассировать.
Конвертер изображений
или перетащите сюда файлы JPG, JPEG, JPE … ·
Макс. 95 MB на файл· До 20 файлов· Удаляются через 30 минут
Файлы обрабатываются на наших серверах и удаляются через 30 минут.
При 85 фотографии визуально не отличаются от оригинала. Снижайте значение, только если нужен файл меньше.
JPG, BMP и EPS не поддерживают прозрачность. Прозрачные пиксели заполняются этим цветом.
HEX-код цвета под прозрачными пикселями, например #FFFFFF.
Этот формат хранит только одно изображение. Чтобы сохранить анимацию, выберите GIF или WebP.
Многоразмерная иконка содержит несколько разрешений в одном файле; браузеры и операционные системы выбирают нужное.
Сохраните исходные размеры или укажите одну сторону — пропорции сохранятся.
Размер выбранной выше стороны в пикселях.
Процент от исходных размеров.
sRGB подходит для экранов и веба. Для печати сохраните исходное; оттенки серого убирают цвет.
Только метаданные; 0 сохраняет исходное значение. Это число читают принтеры и некоторые порталы; размеры в пикселях не меняются.
Как пользоваться инструментом
- 1
Загрузите PSD
Выберите один или несколько файлов .psd: до 20 файлов за раз, каждый до 95 MB.
- 2
Нажмите «Конвертировать в SVG»
Видимый дизайн сводится в одно изображение по размеру холста и встраивается в документ SVG. Ползунка качества нет, потому что растровое изображение внутри хранится без потерь.
- 3
Откройте результат
Откройте .svg в браузере, Figma или Inkscape. Он будет выглядеть как исходный PSD, а при сильном увеличении будут видны пиксели — так и должно быть.
PSD в SVG: что на самом деле записывает конвертер
PSD — это стопка слоёв: пиксельные слои из фото и кистей, корректирующие слои, меняющие пиксели под ними, текстовые слои, смарт-объекты и слои-фигуры, которые Photoshop хранит как векторные контуры с версии 6.0 в 2000 году. Сам Photoshop вышел в феврале 1990 года, а формат PSD до сих пор содержит сведённое изображение видимых слоёв, чтобы другие программы могли показать дизайн, не разбираясь в каждом типе слоя.
Этот конвертер использует именно сведённый дизайн. Он отрисовывает видимые слои в одно изображение по размеру холста, а затем записывает документ SVG, единственное содержимое которого — это изображение. У SVG верные ширина, высота и прозрачность, поэтому он вставляется на страницу или в макет как оригинал. Но в нём нет ни одной редактируемой фигуры: каждый край, включая края слоёв-фигур, состоит из пикселей. У эффектов, масок и режимов наложения нет точного аналога в SVG, поэтому честный результат — это отрисованное изображение.
- Максимальная ширина или высота PSD
- 30 000 px
- Предел размера файла PSD (для больших дизайнов используется PSB)
- 2 GB
- Максимальный размер PSD для этого конвертера
- 95 MB
- Файлов PSD за раз
- 20
PSD
Документ Adobe Photoshop
PSD — собственный формат файлов Adobe Photoshop, используемый с 1990 года. Он хранит слои, маски, корректирующие слои, текст, смарт-объекты, каналы и цветовые профили, поэтому дизайн можно позже отредактировать без потерь. Файлы часто очень большие, а полную точность обеспечивает только Photoshop; другие редакторы, такие как GIMP, Photopea и Affinity, открывают PSD с разной степенью точности. Браузеры, телефоны и большинство форм загрузки не могут показать PSD напрямую.
- Сжатие
- Без потерь
- Прозрачность
- Да
- Анимация
- Нет
- Год появления
- 1990 · Adobe
SVG
Scalable Vector Graphics
SVG — векторный формат на основе XML, стандартизированный W3C в 2001 году. Вместо пикселей он описывает фигуры, контуры и текст, поэтому остаётся чётким при любом размере и для логотипов и иконок обычно весит совсем немного. Он поддерживает прозрачность, стили CSS, скрипты и анимацию, и все браузеры отображают его без дополнений. SVG не подходит для фотографий, а сложные иллюстрации могут медленно отрисовываться. Открывать и редактировать его могут Illustrator, Inkscape, Figma и браузеры.
- Сжатие
- –
- Прозрачность
- Да
- Анимация
- Да
- Год появления
- 2001 · W3C
PSD в SVG ищут, когда конструктор сайтов, платформа шаблонов или режущая машина требует SVG, а дизайн есть только в файле Photoshop; на выходе получается сведённое изображение в контейнере SVG.
Слои-фигуры, смарт-объекты и пиксели в PSD
МифСохранение в .svg делает любой дизайн масштабируемым.
ФактМасштабируемость обеспечивают контуры. SVG с растром за пределами своего размера в пикселях становится мягким, как PNG.
МифЛоготип, нарисованный фигурами Photoshop, автоматически становится векторным.
ФактЭтот инструмент сначала сводит слои, поэтому фигуры попадают в файл как пиксели. Векторные фигуры нужно экспортировать или векторизовать.
МифСмарт-объекты сохраняют связанное векторное содержимое.
ФактВставленный файл Illustrator отрисовывается в том размере, в каком он стоит на холсте, а затем сводится с остальными слоями.
Как получить настоящие векторные контуры из дизайна Photoshop
Для логотипа, значка или надписи, которые должны оставаться чёткими при любом размере, нужна векторизация. Переведите PSD в PNG с прозрачностью через PSD в PNG, затем пропустите его через конвертер изображений в SVG: он проследит края и запишет настоящие контуры. Векторизация подходит для плоских цветов и чётких линий; фотографии превращаются в тысячи мелких фигур. В нашем руководстве по конвертации PNG в SVG описаны настройки, которые сохраняют плавность кривых.
Если исходная векторная графика есть в Illustrator, Affinity Designer или Figma, запросите этот файл, прежде чем векторизовать сведённую копию.
Вопросы о конвертации PSD в SVG
Станут ли слои-фигуры Photoshop редактируемыми контурами SVG?
Этим конвертером нет. Фигуры в Photoshop векторные, но перед записью в SVG PSD сводится в одно растровое изображение, поэтому все слои, включая фигуры, попадают в файл как пиксели. Чтобы сохранить контуры, экспортируйте фигуры из векторного редактора или выполните векторизацию результата.
Почему SVG весит примерно столько же, сколько PNG того же дизайна?
Потому что внутри SVG по сути лежит PNG. Растровое изображение хранится в SVG в виде закодированного текста, и это увеличивает размер примерно на треть. Настоящий векторный логотип занимает несколько килобайт.
Можно ли отправить этот SVG на Cricut или лазерный резак?
Файл импортируется, но резать будет нечего. Режущие машины следуют контурам, а у встроенного растра их нет, поэтому Design Space и лазерные программы видят плоскую картинку. Чтобы получить линии реза, векторизуйте логотип с помощью конвертера изображений в SVG.
Останется ли текст из текстового слоя Photoshop текстом в SVG?
Нет. Текстовые слои отрисовываются своими шрифтами и сводятся, как и всё остальное, поэтому текст нельзя искать, выделять или переписывать. Создайте редактируемый текст заново в SVG-редакторе с тем же шрифтом.
Когда SVG-оболочка вокруг растрового изображения действительно полезна?
Когда система требует расширение .svg, но только показывает файл, как некоторые конструкторы тем и платформы шаблонов. Также подойдёт как временная замена, пока нет настоящей векторной графики.
Получится ли SVG четче, если холст PSD больше?
Да. SVG сохраняет размеры холста, поэтому PSD шириной 4000 px остаётся чётким при более крупном отображении, чем PSD в 1000 px. За пределами исходного размера встроенное изображение становится мягким, как любой растр.