PSD から SVG
Adobe Photoshop の PSD ファイルをスケーラブルな SVG に変換します。.psd をアップロードすると、そのフラット化された合成がベクターパスに変換され、ダウンロードできます — すべてブラウザ内で実行され、サーバーへのアップロードは不要です。
入力
"Maximize Compatibility" を有効にして保存された、レイヤーがフラット化された .psd (または .psb) ファイル。ブラウザ内でローカルに処理されます — ファイルはアップロードされません。
詳細度、曲線フィッティング、色数のバランスを調整するプリセット。
色が少ないほどシンプルで小さい SVG になり、色が多いほど細部が保持されます。
出力
PSD ファイルをアップロードして、ベクトル化された画像を確認してください。
| プロパティ | 値 |
|---|---|
| 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"
}'ご自身のアカウントのキーに差し替えてください。ツールのフィールドがそのままリクエストボディになります——ラッパーはありません。
AIエージェントに依頼する
Use the IOTools `psd-to-svg` tool (PSD to SVG) on this input:
YOUR_INPUT_HEREIOTools MCPサーバーに接続された任意のエージェントにこれを貼り付け、入力内容を追加してください。
埋め込みウィジェット
<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 1回あたりの費用 | 5クレジットから |
|---|---|
| クレジットが足りませんか? | 料金を見る |
次の方法でも利用可能
ガイド
Photoshop の .psd ファイルはベクターグラフィックではなく、ピクセルレイヤー、マスク、調整データで構成されたプロジェクトファイルです。このツールは PSD の平坦化された合成（すべてのレイヤーがマージされた状態のファイルの外観で、Photoshop に表示されるのと同じ）を読み取り、そのラスター画像をベクターパスで構成される拡張可能な SVG にトレースします。
使い方
.psd（または.psb）ファイルをアップロードします。- トレーシングスタイルと色数を選択します。
- トレースされた SVG が即座に表示されます。コードをコピーするか、ファイルをダウンロードしてください。
「トレーシング」とは
PSD の合成はピクセルで、SVG はベクターパスです。これらの間の変換はトレーシングを意味します。ツールは同じ色のピクセルを領域にグループ化し、各領域の輪郭の周りにベクターパスを当てはめます。これは フラットカラーグラフィック（ロゴ、アイコン、フラットイラスト）では最適に機能しますが、多くのグラデーションを含む写真では、より大きく複雑な SVG にトレースされます。わずかな色の変化が独立したベクター領域になるためです。
ラスター出力が必要な場合は、PSD から PNG は透明性を保持し、PSD から JPG は選択した背景色でより小さいファイルを提供します。
これはプライベートですか？
はい。PSD はブラウザ内で完全にデコードおよびトレースされます — ファイルはサーバーにアップロードされません。（このツールの公開 API および MCP バージョンは、直接呼び出すときのみ、独自のリクエストハンドラーで同一の変換を実行します。）
出力が空白またはレイヤーが不足しているのはなぜですか？
このツールは PSD に保存されている合成画像を読み取り、個別のレイヤーではなく — Photoshop がレイヤーサムネイルに表示する同じ平坦化されたプレビューです。ファイルが「Maximize Compatibility」オプションを有効にしないで保存された場合（Photoshop の Edit → Preferences → File Handling）、合成がまったく含まれていない可能性があり、そのオプションを有効にして再度保存するよう求めるメッセージが表示されて変換に失敗します。
SVG が予想よりもはるかに大きいのはなぜですか？
多くの色とソフトグラデーションを持つ合成は、数千の小さなベクターパスにトレースでき、大きな SVG を生成します。色数を減らすか、ポスタリズスタイルに切り替えると、トレースがより少ない大きな領域に単純化され、ファイルサイズがはるかに小さくなります。
デザインツールが生成するような、手描きのような完璧なベクターを取得できますか？
いいえ — これは自動トレーシングであり、手動のベクトル化ではありません。これは、フラット化された PSD ロゴやアイコンから実用的な SVG をすばやく取得することを目的としており、本番品質のパス クリーンアップではありません。ラスター ソース画像（PSD ではない）の場合は、SVG コンバーター を参照してください。