たまちゃんHTMLのおうち たまちゃんHTMLのおうち

作成に役立つテクニック   マルチアイコンの作り方


メニュー

マルチアイコンの作り方

おすすめのマルチアイコンの作り方です。

■マルチアイコンの作り方

Windows対応のマルチアイコンの簡単な作り方を紹介します。
昔は、アクセサリのペイントで作れたはずなのですが...
ダウンロードして使うアプリケーションもありますが、もっと気軽に使えるWebアプリを使用したマルチアイコンの作り方です。
16x16と32x32と48x48ピクセルのマルチアイコンが簡単に作れます。
いつも、どうやって作ったか忘れてしまううので、メモ、メモ。

★Webアプリを使用したマルチアイコンの作り方

  1. 16x16と32x32と48x48ピクセルの画像を用意
    小画像(16x16)と中画像(32x32)に画像を同時に指定すると2サイズのマルチアイコンになります。
    小、中、大画像すべてに同時に画像を指定すると、3サイズのマルチアイコンになります。
    用意する画像はペイントなどで作成します。
  2. エーオーシステムさんのマルチアイコンを作ろう! を開く
  3. 用意した画像に対応する小画像(16x16)、中画像(32x32)、大画像(48x48)の
    各[ファイルを選択]ボタンをクリックして ファイルを選択
  4. [favicon.ico作成]ボタンをクリック
  5. アイコン作成に成功すると、右側に[ダウンロード]ボタンと情報、 下にバックグラウンドの色を変えたときの見栄えを確認できるプレビューが表示される
  6. [名前を付けて保存]ウィンドウが開いた場合は、ファイル名を指定して[保存]ボタンをクリック
    ブラウザの設定などにより、ウィンドウが開かず直接保存されます。
サポートしている元画像のファイルタイプはPNG、GIF、JPG、BMPです。
透過画像のアイコンを作成する場合は、透過情報の有る丁度のサイズの画像を指定します(PNGまたはGIF)。
画像サイズと違う場合は、サイズが自動的に調整されます。ただし透過画像のときサイズが違うとアイコンは透過となりません。
詳しくは、アプリのサイトをご覧ください。
透過画像については、こちらをご覧ください。
透過のGIF画像が作れない

このページのトップ