GIMPで画像をSVGとしてエクスポート


85

GIMP内で作業中のプロジェクト(イメージ)があり、それをSVGとしてエクスポートしたいと思います。これは可能ですか、それとも複数サイズの画像のエクスポートに固執する必要がありますか?

GIMPはSVGを読み取ることができますが、エクスポートすることはできますか?

回答:


106

GIMP v2.8は、ビットマップをネイティブにSVGファイルにエクスポートしません。以前はそうするためのプラグインがありましたが、このプロジェクトは明らかに中止されました。イメージをビットマップオブジェクトとしてInkscapeに インポートinkscapeをインストールするし、SVGファイルとして保存できます。画像はビットマップファイルのままになります。つまり、スケーリング時にエイリアシングアーティファクトが発生します(以下を参照)。

しかし、Inkscapeはさらに多くのことができます。すでに多くの作業をInkscapeに入れていたビットマップをインポートし、マウスを数回クリックするだけで素敵なベクターグラフィックスに変換できます。

その方法は次のとおりです。

  1. Inkscapeを開きます。
  2. [ファイル-インポート]を選択して、ビットマップファイルをインポートします。
  3. 画像を「埋め込む」ことを選択します。
  4. 選択ツール()で画像を選択します。
  5. [ 設定]で[ パス-トレースビットマップ...]を選択します(以下に2色で表示= 「スキャン」):

    ここに画像の説明を入力してください

  6. 設定が適切になるまで、プレビューの[ 更新]を選択します。

  7. 「OK」でトレースを開始します。

これで、元のビットマップのベクトル化された画像がビットマップの上に表示されます。新しく作成したオブジェクトのサイズを変更または移動したり、元の画像を削除したり、作成したサブオブジェクトの形状や色を調整する必要がある場合に「オブジェクト-グループ解除」を選択できます。

  1. 必要に応じて、ページに収まるように、ベクトル化された画像のサイズを小さくします(CTRLを押したままにして比率をロックします)。そうしないと、表示時に「トリミング」されたように見える場合があります。
  2. 「ファイル-名前を付けて保存」を使用して、ファイルをSVG形式で保存します。

ベクターグラフィックの利点は、サイズを大きくすると最も急速に現れます。以下に示すのは、2500%にズームすることです。上部は元のビットマップ、下部はベクトル化されたオブジェクトです。

ここに画像の説明を入力してください
この画像とオブジェクトは、チャットのオリジナルから作成されました


1
素敵な概要をありがとう。元の質問に回答することで、回答を改善できます。Photoshop CCはおそらくSVG画像をエクスポートできるので、Gimpはそれを行うことができますか?
ダニエルズ

1
@daniels:プラグインを使用してSVGに埋め込まれたビットマップをGimpにエクスポートできますが、これ(PS btwなど)はビットマップをベクトルにトレースしません。このためには、Inkscapeまたは他のトレーサー、たとえばautotraceが必要です。後者については、テストしていないTrace gimpプラグインがあります。
タックカット

@ Takkat、gimpToSVG拡張はもう存在しません
-kokbira

@Takkat、どこ?上github.com/jabiertxof/gimpToSVGあなただけの「移動GitLabに」情報を見ることができます。指定されたGitLabリンクgitlab.com/jabiertxof/gimpToSVGでは、ダウンロードできず、「許可が必要です。データを表示するには管理者にアクセスしてください。」というコードが表示されますが、どこですか?
コクビラ

@Takkat、git.exe pull -v --progress "https://gitlab.com/jabiertxof/gimpToSVG/"「リモート:このプロジェクトからコードをダウンロードすることは許可されていません。/致命的: ' gitlab.com/jabiertxof/gimpToSVG.git ' にアクセスできません:要求されたURLがエラーを返しました:403 / gitは正常に終了しませんでした(終了コード1)(21075ミリ秒@ 13/06/2017 08:29:28)」
kokbira

18

Gimpはベクタープログラムではありませんが、実際にはExport Pathメニュー項目を使用して単一パスをSVGファイルとしてエクスポートできます。

これを行う方法を詳細に説明する写真チュートリアルです。


12

GIMPは、ラスターグラフィックエディターアプリケーションです。SVGはベクターグラフィックスの一種です。SVGファイルを編集する場合は、inkscapeパッケージをインストールし、代わりにInkscapeを使用する必要があります。また、SVGはスケーリングするすべてのサイズで良い画像を得るという意味で完全に「スケーラブル」ではないことに注意してください。したがって、作成するものに応じて、細部の量が異なるため、これらのサイズで画像がきれいに見えます。たとえば、アプリケーションのアイコンは、ラスターイメージとして描画されるかベクターイメージとして描画されるかに関係なく、複数のサイズで描画する必要があります。


7

ラスターイメージをベクターイメージに変換する必要がある場合、自動トレースはまさにそれを行うコマンドラインツールです。

DebianおよびUbuntuという名前のdebianパッケージとして利用可能です autotrace

使用例は次のとおりです。

autotrace input.jpg --output-file output.svg --output-format svg

更新:autotraceで問題が発生したpotraceでも成功しました。


3
私は、2枚の画像で試してみました、それが与えRead Errorおよびその他の[7B]pT[F5]: invalid chunk type...彼らはところで、有効なPNGです
エイドリアン

1
@エイドリアン、autotrace input.png --output-file output.svg --output-format svg代わりにコマンドはありませんか?
ユリアンオノフレイ

@エイドリアン私は同じを得たが、ちょうどウェブサイトをチェックし、私はそれがPNGをサポートしていないと思う。PBMを試したところ、うまくいきました!
poshaughnessy

pngを認識しなかったため、jpgに変換しました。200KBのjpgからほぼ6MBのsvgを生成しました。理由:基本的に、個々のピクセルはすべて小さな正方形になります。この形式では使用できません。
チャバトス

2
将来の読者のために、InkScape(選択した回答に記載)が現在「トレースビットマップ」ツールにPotraceスピンオフを使用していることに注意する価値があります。したがって、potraceの出力とInkScapeトレースツールの出力に大きな違いはありません。
スペンサーD

0

potraceそのためのツールです。一括処理できますが、最初に画像をモノクロに変換する必要があります。

ls ./p*.jpg | xargs -L1 -I {}  convert -monochrome {} {}.bmp
ls -1 ./*.bmp | xargs -L1 -I {} potrace {} -r 300 -b svg -o {}.svg

インストール:

sudo apt install potrace
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.