PNGをSVG形式のテキストへ変換する方法

PNGからSVG形式のテキストへ変換する前に

PNG画像を、白黒の図形として表現するSVG形式のテキストへ変換する方法を説明します。画像の色や細かな階調をそのまま保つ変換ではなく、画像を純粋な白黒にしてから、検出した黒い領域を長方形として表します。ロゴ、単純な図形、白黒の印影など、構造を確認しやすい画像を試す場面に向いています。入力画像がない場合や処理に失敗した場合は、変換成功にはなりません。

変換の手順

PNG画像データを用意し、画像データを入力できる欄に指定します。入力は任意ですが、空のままでは変換できません。
画像データを読み込ませます。画像は白黒の表現へ変換された後、基本的なビットマップ追跡で処理されます。
「Simplify」に相当するチェックボックスが表示される場合は、必要に応じて状態を選びます。この設定は初期状態で有効ですが、現在の処理結果には影響しません。
変換を実行し、成功または失敗の結果を確認します。成功時には、元画像の幅と高さを含むSVG形式のテキストが返され、黒い領域は黒い長方形として記述されます。
返されたテキストを利用する前に、SVGとして読み込めるかを確認します。成功結果でも開始部分のタグが正しい形式ではないため、そのままでは扱えない場合があります。

結果の見方

結果の幅と高さは、入力した画像の寸法を確認する手がかりになります。黒い部分が複数の長方形として並ぶため、写真や細部の多い画像では、元画像と同じ見た目になるとは限りません。出力をファイルとして使う場合は、開始タグの記述を確認し、必要なら修正してからSVG対応のソフトで開いてください。

失敗結果になったときは、画像データが空でないか、入力したデータを画像として開けるかを確認します。画像処理に必要な機能が利用できない場合や、処理中に例外が発生した場合も、成功結果は返りません。

使用例

白黒ロゴを別のSVG対応ソフトで確認するため、PNG画像データを入力して変換結果の構造を確認します。

1200×800の単純な白黒ロゴのPNG画像データを入力し、Simplifyの状態を変えずに変換を実行します。

成功すると、元画像の幅と高さを含む開始部分と、黒い領域を表す黒い長方形の記述を含むテキストが返ります。

制限事項

追跡される長方形は最大2,000個で、それを超える場合は出力が途中で切り詰められたことが報告されます。入力不足、処理例外、画像処理機能の利用不可でも成功しません。

よくある間違い

画像データを指定せずに実行すると、入力が空のため成功結果になりません。PNG画像データを入力欄へ指定してから、もう一度処理してください。

よくある質問

PNG画像がない状態でも変換できますか？

PNG画像データを入力して実行します。入力が空の場合は成功結果にならず、処理に失敗した場合も変換結果は返りません。

カラー画像の色や階調は保持されますか？

画像は純粋な白黒へ変換され、検出された黒い領域が黒い長方形として出力されます。写真の細部や色をそのまま保つ変換ではありません。

生成されたテキストはすぐにSVGファイルとして使えますか？

そのまま利用できるとは限りません。成功結果の開始部分には、height属性の後にタグを閉じる記号がない形式上の問題があるため、SVGとして使う前に確認と修正が必要です。