Inkscapeでアイコン用テンプレートを作成する
ViewBoxやscaleなどを調整する。
成果物
テンプレート用パス
ここにテンプレートSVGファイルを配置する。パスはOS環境によって異なる。私の環境(Raspberry Pi 4B)なら以下。ないなら自作する。
/home/pi/.config/inkscape/templates
テンプレート用ファイル
icon-cc0.svgファイル。2.3KB。
<?xml version="1.0" encoding="UTF-8" standalone="no"?> <svg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns#" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" version="1.0" width="256" height="256" viewBox="0 0 256 256" id="svg10" sodipodi:docname="icon-cc0.svg" inkscape:version="0.92.4 (5da689c313, 2019-01-14)"> <metadata> <rdf:RDF> <cc:Work rdf:about=""> <dc:format>image/svg+xml</dc:format> <dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage" /> <dc:title></dc:title> <cc:license rdf:resource="http://creativecommons.org/publicdomain/zero/1.0/" /> </cc:Work> <cc:License rdf:about="http://creativecommons.org/publicdomain/zero/1.0/"> <cc:permits rdf:resource="http://creativecommons.org/ns#Reproduction" /> <cc:permits rdf:resource="http://creativecommons.org/ns#Distribution" /> <cc:permits rdf:resource="http://creativecommons.org/ns#DerivativeWorks" /> </cc:License> </rdf:RDF> </metadata> <defs/> <sodipodi:namedview pagecolor="#ffffff" bordercolor="#666666" borderopacity="1" objecttolerance="10" gridtolerance="10" guidetolerance="10" inkscape:pageopacity="0" inkscape:pageshadow="2" inkscape:window-width="1920" inkscape:window-height="1027" showgrid="false" inkscape:pagecheckerboard="true" inkscape:zoom="3.0820312" inkscape:cx="128" inkscape:cy="128" inkscape:window-x="0" inkscape:window-y="36" inkscape:window-maximized="1" inkscape:current-layer="svg10" viewbox-height="256"> <sodipodi:guide position="385.121,128" orientation="0,1" inkscape:locked="true" inkscape:label="" inkscape:color="rgb(0,0,255)" /> <sodipodi:guide position="128,0" orientation="1,0" inkscape:locked="true" inkscape:label="" inkscape:color="rgb(0,0,255)" /> </sodipodi:namedview> </svg>
テンプレート作成&利用手順
デフォルト設定だとViewBoxやscaleのせいで使いづらいデータかつ冗長になる。そこで綺麗で軽量な使いやすいデータにするための設定をする。これをテンプレートファイルとして保存・設定する。
- テンプレート作成
- テンプレート利用
1. テンプレート作成
- パスの文字列形式を
絶対座標にする - サイズ設定を
mmからpxにする - テンプレート用パスを確認する
- ファイル保存&テンプレート配置
1. パスの文字列形式を絶対座標にする
Inkscapeを起動する- メニュー→
編集→Inkkscapeの設定を選択する - ダイアログ左→
入出力→SVG出力を選択する - ダイアログ右→
パスデータ→パスの文字列形式→絶対座標を選択する(元は最適化)


2. サイズ設定をmmからpxにする
- メニュー→
ファイル→ドキュメントのプロパティを選択する - 同ダイアログの
ページタブを選択する - 単位
mmをpxに変更する - カスタムサイズの幅と高さを任意にする(
256x256) - 拡大縮小
scaleを1にする(元は0.75だった)Viewboxxとyが0- 幅と高さがカスタムサイズと同じ(
256x256)


- 他にも背景を透明色にしたり市松模様したり、お好みで
他にもライセンスを
cc0にする等が可能なので、お好みで3. テンプレート用パスを確認する
メニュー→
編集→Inkkscapeの設定を選択する- ダイアログ左→
入出力→システム→ユーザーテンプレートのパスを確認する
尚、私の環境では存在しなかった。そこで以下ディレクトリを手動で作成した。ここにテンプレートSVGファイルを配置する。
/home/pi/.config/inkscape/templates

4. ファイル保存&テンプレート配置
- メニュー→
ファイル→名前を付けて保存を選択する icon-cc0.svgと名付けて保存ボタンを押す- 2のファイルを、先述のテンプレート用パスに配置する
2. テンプレート利用
- メニュー→
ファイル→New from Templateを選択する 検索にicon-cc0と入力するicon-cc0が出てくるので選択するテンプレートから作成ボタンを押下する- 5秒後くらいに設定済み状態のウインドウが出る
- そのまま作業する




デフォルト・テンプレート
テンプレート用パスの直下にdefault.svgという名前で保存すると、起動時にそれが使用される。
もしアイコン作成によく使うならdefault.svgにすると良いだろう。
以上。