← 画像ツール

IMAGE / VECTOR STUDIO

画像をSVGに

ロゴ・アイコン・イラストを拡大できるベクターパスに。色数や輪郭を調整し、SVGで保存。

無料・登録不要・ファイルはブラウザー内のみ

1. 画像を選ぶ

静止画のJPG・PNG・WebPを1枚。最大10MB・6,400万画素・一辺16,000px。大きな原画像はトレース用に自動縮小します。1MB = 1,000,000バイト。

背景を消して内側の色を残す

背景だけを透明にし、顔や服の内側の白を残します。途切れた輪郭は手動で補正できます。

元画像のままSVG保存

トレースせず、元画像と透明度をSVG内に埋め込みます。ベクトル変換設定や色の編集は適用されません。

拡大品質は元画像の解像度に依存します。編集可能なベクトルパスではなく、ファイルサイズが大きくなる場合があります。

2. 初期設定を選ぶ

陰影を複数の単色で表現します。連続的なグラデーションは復元しません。

小さくても明確な色を重視します。必ず残す色は原画像から指定してください。

残したい色 · 最大4色

丸い輪郭は滑らかな曲線にし、意図的な角は残します。滑らかさを上げると細かな凹凸が減ります。顔や小さな文字のため、精細を初期設定にしています。

JPEGやぼやけた境界の細い余分な色を、周囲の色に合わせて整理します。変更後にSVGを再生成してください。小さな色表現が減る場合は弱めるかオフにしてください。

トレース前に細かな粒子を減らし、強い輪郭を保護します。強く適用すると細かな模様が簡略化されます。

複雑度の上限に達した場合、質感・色数・作業解像度を減らして最大2回再試行します。変更は結果に表示します。合計85秒、小型端末は60秒までです。

詳細調整

精度は変換する最長辺の上限です。端末の画素数制限で小さくなる場合があります。小さな色の点は隣の色に統合し、暗い細部は残します。単色モードでは短い輪郭を省略します。点の除去を0にすると残します。

画像を追加して始めましょう。

3. 比較して保存

両方の表示を拡大して輪郭を確認。市松模様はプレビュー背景で、保存されません。

ダブルクリックで拡大。Ctrl/⌘+ホイールでポインターの位置を中心にズームし、拡大後にドラッグすると両方の画面が移動します。タッチ画面では先に拡大し、ドラッグやピンチで調整。

元画像JPG / PNG / WebP
選んだ画像を表示します。

ベクター結果SVG / PATHS
SVGを作成すると結果を表示します。

ベクトル変換結果は埋め込み画像ではなく編集可能なパスです。文字は編集可能なテキストではなく図形になります。SVGが元画像より大きくなる場合があります。

ベクトルSVGをダウンロード

使い方

  1. 鮮明なロゴ・アイコン・イラストを選びます。大きくきれいな元画像ほど輪郭が整います。
  2. 初期設定を選び、色数や輪郭を調整。設定を変更したらSVGを再作成します。
  3. 拡大して比較し、色ごとに非表示や変更。全体または選択した色だけをSVG保存できます。元のファイルは変更されません。

変換について

単純な色と明確な形に適しています。写真・グラデーション・小さい文字・ぼけた輪郭は簡略化されます。完全な復元やレーザーカットの適合性検査ではありません。

透明な部分と内側の穴に対応。半透明はアルファ50%を境に不透明または透明になります。最大90万画素(小型端末45万)、20,000パス、SVG 8 MB。45秒(小型端末30秒)で停止します。

ベクトル変換結果は埋め込み画像ではなく編集可能なパスです。文字は編集可能なテキストではなく図形になります。SVGが元画像より大きくなる場合があります。

トレースせず、元画像と透明度をSVG内に埋め込みます。ベクトル変換設定や色の編集は適用されません。 拡大品質は元画像の解像度に依存します。編集可能なベクトルパスではなく、ファイルサイズが大きくなる場合があります。

オープンソースライセンス

ImageTracerJS 1.2.6 · Andras Jankovics · The Unlicense

Source & license ↗
This is free and unencumbered software released into the public domain.

Anyone is free to copy, modify, publish, use, compile, sell, or
distribute this software, either in source code form or as a compiled
binary, for any purpose, commercial or non-commercial, and by any
means.

In jurisdictions that recognize copyright laws, the author or authors
of this software dedicate any and all copyright interest in the
software to the public domain. We make this dedication for the benefit
of the public at large and to the detriment of our heirs and
successors. We intend this dedication to be an overt act of
relinquishment in perpetuity of all present and future rights to this
software under copyright law.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
IN NO EVENT SHALL THE AUTHORS BE LIABLE FOR ANY CLAIM, DAMAGES OR
OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE,
ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
OTHER DEALINGS IN THE SOFTWARE.

For more information, please refer to <http://unlicense.org>

fit-curve 0.2.0 · Volker Poplawski & contributors · MIT

Source & license ↗
The MIT License (MIT)

Copyright (c) 2014 Volker Poplawski

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.

背景を消して内側の色を残す

単色の背景を自動選択して確認してください。大きな隙間がある場合は輪郭選択や残すブラシで補正します。

設定変更後は自動選択を再実行してください。元に戻すで前の補正を復元できます。

100%

市松模様は透明部分です。薄い赤色は消す部分で、保存されません。

詳しい使い方を見る