web-dev-qa-db-ja.com

低品質のビットマップ画像をベクターに変換する方法は？

ロゴの元のデジタル画像を失ったグループのウェブサイトをデザインしています。彼らが持っている唯一のファイルは、Word文書に埋め込まれたjpgです。画像には、考えられるすべての問題があります。

  • 透明にする必要がある白い背景にアンチエイリアス処理
  • 画像アーティファクト
  • 下向きのサイズ変更が不十分です。
  • 直線で実線である必要がある線はそうではありません。

私は現在、白い背景を取り除くためにワンドツールを使用して、それをWebサイトに貼り付けましたが、品質が悪いため、親指のように突き出ています。使用するにはいくつかの異なるサイズが必要ですが、それに基づいてベクター画像を作成するにはどうすればよいですか？

imagesprocessingvector-graphicsbitmaps
8
Macha

アドビソフトウェアの他に、これに対するオープンソースソリューションもあると思います： Inkscape

私は数年前に数十のロゴで同じ問題を抱えていましたが、Inkscapeで次のように解決することができました。

  1. ビットマップ画像を開きます。
  2. それを左クリックして選択します。
  3. パス/トレースビットマップ
  4. 次に、可能な設定を試して、ダイアログの右側にあるプレビューを更新する必要があります。 「Inkscapeはこの機能を提供するためにPotraceプログラム（ http://potrace.sourceforge.net ）を組み込んでおり、この機能の機能に関する詳細なドキュメントはPotraceのWebサイトにあります。 「」 --Inkscapeのドキュメントから。
  5. SVGとして保存します。
7
Attila Csipak

私が使用したオプションは2つありますが、それらには安価ではないソフトウェアが必要です。アドビは両方で30日間の試用版を提供しています。

方法1-AdobeIllustratorを使用する

  • Illustratorを開く
  • メニューからファイル>新規を選択し、必要に応じてレイアウトを設定します
  • ファイル>配置...を選択し、ロゴファイルを見つけます（画像が特定の形式である必要があるかどうか思い出せません）
  • 画像を選択し、オブジェクト>ライブペイントまたはライブトレースに移動します（この場合、描画は得意ではないため、ライブペイントの方が適している場合があります）
  • これで画像がベクトル化され、必要に応じてレタッチできます。ベクトル化されているため、サイズ変更によって品質が維持されます。

方法2-AdobeFlashとIllustratorを使用する

  • フラッシュを開く
  • 新しいフラッシュドキュメントを作成する
  • [ファイル]> [インポート]> [ステージにインポート]（Ctrl + R）を選択し、ベクターに変換する（ビットマップグラフィック）を見つけます。
  • 画像全体を選択し（Ctrl + A）、[修正]-[ビットマップ]-[ビットマップのトレース]をクリックします。次に、開いたウィンドウからオプションを選択します。
  • * .ai（Adobe Illustratorファイル）としてエクスポート
  • Illustratorで開き、必要に応じて調整します。
5
ricbax

imagemagick 使用法のドキュメントには、エッジ検出と ラスターからベクトルへの変換 変換を実行する方法が詳しく説明されています。 Edge_vectorセクションから、基本的に、最良の結果を得るには、imagemagickを使用しないでください。

これを実行できるプログラムには、Abobeの「ScanFont」、「CorelTrace」、「Streamline」などがあります。しかし、これらのほとんどは多額の費用がかかります。ただし、無料のソリューションは「 AutoTrace "」または「 PoTrace "」です。他の提案は大歓迎です。

どちらのトレースプログラムも使い方は簡単ですが、画像の前後の設定が必要です。入力フォーマットの数は限られており、入力画像の「滑らかな」形式を作成するベクトル画像を出力します。結果のSVGをスケーリングせず、標準の線の太さを生成する「AutoTrace」が好きですが、「パイプライン」では使用できません。

最良の結果を得るには、基本的なビットマップ画像のみをフィードすることをお勧めします。これは、自動トレースが理解できる画像形式に変換する間、入力画像をしきい値処理することで保証できます。次に、その画像をSVGベクター画像に変換できます。

試してみたい場合は、 autotrace online を実行できます。

4
DaveParillo

画像を見ずに言うのは難しいですが、ソースではなくjpgをガイドとして使用して、最初から画像を再描画する方が速い場合があります。また、再び使用できる参照画像を取得します。

明らかに、ツールがない場合、または描画スキルが（これを丁寧に言おうとして）仕事に適していない場合、これはオプションではない可能性があります。

1
ChrisF

無料ではありませんが、使用するのに優れたツール：CorelDraw。ベクトル画像を作成するためのビットマップトレース機能があり、非常にうまく機能します。それで多くの素晴らしい結果がありました。多くのロゴと同様に、色の使用量が少ないため、色深度を下げることをお勧めします。これにより、ぎくしゃくしたグラフィックからノイズが除去されます。

これを行う前に、グラフィックのサイズの約4倍（またはそれ以上）に拡大し、色を減らします。可能であれば、16色としましょう。この後、色を増やして縮小します。それは境界を和らげます。優れたツールは、PaintShop Proの古いバージョン（私は2000年のバージョン7を使用）であり、色を減らすことで多くの素晴らしい結果をもたらしました。

これらの方法は、古いアートワーク（写真）、ステッカー、ロゴに非常に便利で、そのベクターイメージを作成し、作業の割り当てを節約できます。

0
Codebeat