Перейти к основному содержанию

PSD в SVG

Конвертируйте файл PSD Adobe Photoshop в масштабируемый SVG. Загрузите .psd, и его сплющенный композит будет отслежен в векторные пути, которые вы можете скачать — полностью в вашем браузере, без загрузки на сервер.

Ввод

Drop a file or browse
One file · PSD

Файл .psd (или .psb) с плоскими слоями, сохраненный с включенной опцией "Maximize Compatibility". Обрабатывается локально в вашем браузере — файл никогда не загружается.

Предустановки, которые балансируют детализацию, подгонку кривой и количество цветов.

Меньше цветов — более простой и меньший SVG; больше цветов — более тонкие детали.

Вывод

Предпросмотр

Загрузите файл PSD, чтобы увидеть его векторизованное изображение.

Код SVG
 
Сводка
СвойствоЗначение
No data yet
Это было полезно?

Другие способы использовать этот инструмент

REST API

curl -X POST https://api.iotools.cloud/v1/tool/psd-to-svg \
  -H "Authorization: Bearer YOUR_API_KEY" \
  -H "Content-Type: application/json" \
  -d '{
    "file": "data:image/vnd.adobe.photoshop;base64,OEJQUwABAA…",
    "style": "default",
    "colors": "16"
  }'

Подставьте свой собственный ключ из аккаунта. Поля инструмента — это тело запроса, без обёртки.

Спросите у ИИ-агента

Use the IOTools `psd-to-svg` tool (PSD to SVG) on this input:

YOUR_INPUT_HERE

Вставьте это любому агенту, подключённому к MCP-серверу IOTools, и добавьте свой ввод.

Виджет для встраивания

<iframe
  src="https://iotools.cloud/embed/psd-to-svg/"
  width="100%" height="520" frameborder="0" scrolling="no" loading="lazy"
  title="PSD в SVG — iotools.cloud"
  sandbox="allow-scripts allow-forms allow-same-origin allow-downloads allow-popups allow-popups-to-escape-sandbox"
  allow="clipboard-write"
  style="width:100%;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden"></iframe>
<script src="https://iotools.cloud/embed.js" async></script>

Вставьте это на свою страницу — бесплатно, без ключа, нужна лишь обратная ссылка.

Стоимость вызова API/MCPОт 5 кредитов
Нужно больше кредитов?Посмотреть тарифы

Также доступно через

Руководства

Файл .psd Photoshop — это не векторная графика, а файл проекта, состоящий из слоев пикселей, масок и данных коррекции. Этот инструмент читает сплющенный композит PSD (вид файла со всеми объединенными слоями, именно так, как его показывает Photoshop) и отслеживает это растровое изображение в масштабируемый SVG, состоящий из векторных путей.

Как использовать

  1. Загрузите файл .psd (или .psb).
  2. Выберите стиль трассировки и количество цветов.
  3. Отследленный SVG появляется мгновенно. Скопируйте код или загрузите файл.

Что означает "отслеживание"

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

Если вам просто нужен растровый экспорт, PSD в PNG сохраняет прозрачность, а PSD в JPG создает меньший файл с выбранным вами цветом фона.

Это приватно?

Да. PSD декодируется и отслеживается полностью в вашем браузере — файл никогда не загружается на сервер. (Общедоступные версии API и MCP этого инструмента выполняют идентичное преобразование в нашем собственном обработчике запросов только при прямом вызове.)

Почему мой результат пуст или в нем отсутствуют слои?

Этот инструмент читает сохраненное составное изображение PSD, а не его отдельные слои — то же самое сплющенное предпросмотр, которое Photoshop показывает в миниатюре слоя. Если файл был сохранен без включения опции "Maximize Compatibility" (Edit → Preferences → File Handling в Photoshop), он может не содержать этот композит вообще, и преобразование завершится ошибкой с сообщением о необходимости повторного сохранения с этой опцией включенной.

Почему мой SVG намного больше, чем я ожидал?

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

Могу ли я получить точный вектор, нарисованный вручную, как бы создал инструмент проектирования?

Нет — это автоматическое отслеживание, а не ручная векторизация. Это создано для быстрого получения пригодного SVG из сплющенного логотипа или значка PSD, а не для очистки путей производственного качества. Для растрового исходного изображения (не PSD) см. Конвертер SVG.

psd to svgphotoshop to svgpsd converterconvert psdvectorize psdphotoshop filesvg vector

Нравятся инструменты? Уберите рекламу.

Один платёж навсегда убирает всю рекламу с вашего аккаунта. Без подписки, без слежки.