[解決済み] ImageMagickでSVGをPNGに変換する方法は?
2022-03-20 18:47:27
質問
16x16のサイズで定義されたSVGファイルを持っています。私がImageMagickの変換プログラムを使ってそれをPNGに変換すると、16x16ピクセルのPNGが得られますが、これはあまりにも小さすぎます。
convert test.svg test.png
出力されるPNGのピクセルサイズを指定したいのですが。
-size
パラメータは無視されるようです。
-scale
パラメータはPNGを拡大縮小します。
後
をPNGに変換しています。今までで一番良い結果が得られたのは
-density
パラメータを使用します。
convert -density 1200 test.svg test.png
しかし、私は密度値を計算するための計算をせずに、出力サイズをピクセル単位で指定したいので、満足できません。そこで、次のようなことをしたい。
convert -setTheOutputSizeOfThePng 1024x1024 test.svg test.png
では、ここで使わなければならない魔法のパラメータは何でしょうか?
どのように解決するのですか?
私はこの例でImageMagickから良い結果を得られていませんが、InkscapeはLinuxおよびWindowsでSVGを拡大縮小するのに良い仕事をしてくれます。
# Inkscape v1.0+
inkscape -w 1024 -h 1024 input.svg -o output.png
# Inkscape older than v1.0
inkscape -z -w 1024 -h 1024 input.svg -e output.png
なお、width/height パラメータの一方を省略すると、もう一方のパラメータが入力画像の寸法に基づいて自動的に拡大縮小されます。
このコマンドで16x16のSVGを200x200のPNGにスケーリングした結果がこちらです。
関連
-
[解決済み] SVGで中空円を描画する
-
[解決済み] HTML Canvas を gif/jpg/png/pdf としてキャプチャしますか?
-
[解決済み] svg要素の色を変更するには?
-
[解決済み] ブラウザ上でSVGを画像(JPEG、PNGなど)に変換できる
-
[解決済み】PNG画像をSVGに変換する方法は?[クローズド]
-
[解決済み】PNG vs. GIF vs. JPEG vs. SVGの異なるユースケースとは?[クローズド]
-
[解決済み] SVG ルート要素のデフォルトの背景色
-
[解決済み] SVGの円弧パスによる円形描画
-
[解決済み】PNG画像の透明度を白地に置き換える。
-
[解決済み] SVGユースタグとReactJS
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】SVGオブジェクトの拡大縮小とミラーリング
-
[解決済み] d3.jsでノードのダブルクリックイベントを作成するにはどうすればよいですか?
-
[解決済み] ピクセル単位で正確なサイズの図形を指定し保存する
-
[解決済み] SVGのストロークが一方向のみ
-
[解決済み] ImageMagickでSVGをPNGに変換する方法は?
-
[解決済み】PNG画像をSVGに変換する方法は?[クローズド]
-
[解決済み】円弧(のSVGパス)を計算する方法)
-
[解決済み] SVG における text 要素の垂直アライメント
-
[解決済み] SVGユースタグとReactJS
-
[解決済み] svgのx属性とdx属性の違いは何ですか?