アンチエイリアスなしでSVGをラスタライズする方法


21

inkscapeでマップを作成しましたが、ビットマップまたは.pngに変更する必要があります。マップはコンピュータープログラムによって解釈されます。コンピュータープログラムは正確な色を探すため、エッジを鮮明にする必要があります。inkscapeで.pngをエクスポートするとき、オンラインファイルコンバーターを使用するか、スクリーンショットを撮るときでも、常にアンチエイリアス処理されます。助けて。ここに画像の説明を入力してください

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


うーん...ラスターにエクスポートするときにInkscapeがエイリアスオプションを提供するようには見えません。ラスターアプリ(PSなど)でSVGを開いて、エイリアスオプションが提供されているかどうかを確認できます。
DA01 14年

私が持っているPhotoshop 7.0は、SVGを開く機能を備えていません。他にできるプログラムはありません。動作する可能性のあるフリーウェアがある場合、それらが何であるかに興味があります。
ウィリアムW 14年

ラスターアプリに関しては、GIMPはオープンソースです。Paint.netはフリーウェアです。ただし、どちらがSVGのオープンをサポートしているかはわかりません。
DA01 14年

そこにように見え可能性があるブラウザでこれを行うための方法であること:stackoverflow.com/questions/16889078/...
DA01

ああ、最後に... 1つの回避策は、スクリーンショットを撮ってそれをPhotoShopに入れて、PhotoShopの「Posterize」フィルター/ツールを使用して、カラーパレットを使用したい単色だけに減らすことです。
DA01

回答:


17

Inkscapeの開発バージョン(今後の0.91リリース)の[ドキュメントプロパティ]ウィンドウにはグローバルアンチエイリアストグルがあり、エクスポートでも機能するはずです。ダウンロードページで「開発バージョン」を探します。

http://www.inkscape.org/en/download/


ありがとう、あなたはそれが出るまでどれくらいの時間を知っていますか?私はサイトでそれを見ませんでした。
ウィリアムW 14年

現在のフェーズは「フロスト」です。リリースの進捗状況はこちらで確認できます:inkscape.org/en/develop/next-release今後5か月以内にリリースされるはずです。
クシシュトフコシスキ14年

ワオ。.48から.91にジャンプしています!確かに、それは「半分のバージョン」ではありませんが、それでもインクスケープの世界では大きなアップデートです。バージョン1.0が登場!
DA01 14年

5
それは悲しいこと...輸出への影響はありません
レイ

また、PNGファイルとしてエクスポートするときにも機能しませんでした。
テスト

12

1つの簡単な解決策は、PDFにエクスポートし、作成されたPDFでGhostcriptを使用することです。Openclipartのイチゴ画像とコマンドを使用する

gs -dSAFER -dBATCH -dNOPAUSE -sDEVICE=png16m \
   -r72 -dGraphicsAlphaBits=1 \
   -sOutputFile=image.png image.pdf 

次の結果が得られます。

アンチエイリアス処理されていないイチゴの画像。 アンチエイリアス処理されていないイチゴの画像を拡大しました。

画像にテキストも含まれている場合は、追加する必要があり-dTextAlphaBits=1ます。を-r72別の値に変更して、画像のサイズを変更します。


2
確かにそれはラウンドアバウトの方法ですが、うまくいかなかった場合はgoshdangです。
obskyr 14年

11

Inkscape 0.91以降には、アンチエイリアスを切り替える機能があります。これには、[ドキュメントプロパティ]ウィンドウ(Shift + Ctrl + D)からアクセスできます。オンにすると(デフォルト)、三角形の配列のこの画像は次のようになります。

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

オフにすると、画像はより滑らかに見えます。

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

他の人が述べたように、これは現在PNGエクスポートに影響を与えません。アンチエイリアシングはまだオンになっており、三角形間のギャップは依然として表示されています。

アンチエイリアスを無効にしたときにInkscapeが行うことshape-rendering="crispEdges"は、ファイルに追加することです。テキストエディタでSVGを開き、19行目付近を見てください。

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

幸いなことに、このタグはSVGをGIMPにインポートするときに読み取られ、順守されます。GIMPはSVGをインポートしてインポート解像度を設定できます。つまり、インポート時にpngを希望のサイズに拡大縮小できます。ページの境界に合わせて切り取ります。

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

これで画像を保存でき、アンチエイリアスが無効になります。

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

これは数回バグとして報告されています。


1
完璧な説明!図では、対角線または丸い形状により、効果がより明確になります。
マックスN

GIMPの読み込みはshape-rendering:auto、SVGのすべてのインスタンスを探し出してに変換しない限り機能しませんでしたcrispEdges。多くのパス(おそらくすべて)に:autoスタイルの仕様がありました。
突然変異ボブ

2

SVGのshape-renderingプロパティを使用して、エッジを鮮明にすることもできます。

SVG XMLでは次のようになります。

<svg:something shape-rendering="crispEdges" ... />

InkscapeのUI では、このスクリーンショットに示すように、XMLエディターCtrl+ Shift+ X)を使用してこれを手動で設定できます。

Inkscape XMLエディター

プロパティを適用するノードを選択します。ここでは、パスのグループにそれを適用しています。プロパティが右側に表示されます。追加するには、右下隅に表示されるテキストを複製し、を押しSetます。

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