趣味は車輪の再発明♪

SVGから複数画像のマルチアイコンを生成する



SVGから、複数サイズの画像を含む、マルチアイコンファイル(*.ico)を生成するツールです。

ブラウザだけで変換しますので、なにもサーバーへ送信しません。

最低限の機能しかなくて、UIも間に合っていませんが、とりあえず。

使い方

  1. 「Drop here SVG」へSVGをドロップすれば、
  2. チェックボックスで選んだサイズの画像が表示されて、
  3. 「DOWNLOAD.ICO」のリンクでダウンロードできます。
  • ドロップしたあと、画像のサイズを選んでもOK
  • 個々の画像は単一のPNGとしてダウンロードできます。

256 x 256  192 x 192  128 x 128  96 x 96 
64 x 64  48 x 48  32 x 32  16 x 16 

機能制限

  • SVG以外のファイルをドロップしないでくださーい。全くチェックしてません。
  • SVGは正方形のみ対応中。長方形のを作る理由がなさそうですが、そのうち対応するかも。
  • アイコンファイル内の画像は全部PNG。
  • InkScapeで作成したSVGしか確認してません。

動作環境

  • Windows 10だけで確認してます。
  • Chromeでは意図通りに動作してます。
  • Edgeではファイル名がおかしくなり、拡張子が .txt になっちゃいます。あとで .ico に変更すれば大丈夫っぽい。
  • その他のブラウザでは未確認。

ライブラリ

  • SVGからPNGへの変換は、SVGをCANVASに描くためのライブラリ、canvgを使用しています。
  • PNGの整合性を確認するために、 zlib.js を使用しています。

参考サイト



RSS Feed Widget
SVGから複数画像のマルチアイコンを生成する
(http://bicycle.life.coocan.jp/takamints/index.php/svg2ico/index)
by Koji Takami ( email: vzg03566@gmail.com, GitHub: takamin )