PNG・JPGをICOに変換してサイズを確認する方法

結論：Imgovoの画像をICOに変換ツールを開き、PNG、JPG、WebP、SVGを追加して、必要なサイズにチェックを入れます（ウェブサイトなら16px、32px、48px）。画像を正方形にどう収めるかを選んで、.icoファイルをダウンロードします。すでにあるアイコンを調べるには、ICOビューアーにドロップします。どちらのツールもブラウザの中で動き、何もアップロードされません。

ICOファイルとは

.icoファイルは入れ物です。中には「レイヤー」と呼ばれる小さな画像がいくつか入っていて、それぞれサイズが違います。Windows、ブラウザ、その他のプログラムは、タブ、タスクバー、ショートカット、フォルダなど、アイコンを表示する場所にいちばん合うレイヤーを選びます。良いアイコンファイルに複数のサイズが入っているのは、そのためです。

どのサイズを選ぶか

使用	サイズ
ウェブサイトのファビコン	16, 32, 48 px
Windowsのプログラムやショートカット	64px、128px、256pxを追加
すべて	16, 24, 32, 48, 64, 96, 128, 256 px

ツールには2つのショートカットがあります。ウェブサイト：16・32・48とすべてのサイズです。チェックを入れたサイズは1枚ずつ別の画像として保存されるので、サイズが多いほどファイルは大きくなります。

手順

1. 画像をICOに変換を開き、画像をページにドロップするか、クリックして選ぶか、クリップボードから貼り付けます。透明な背景の正方形の画像がいちばんきれいに仕上がります。
2. ファイル内のサイズを選びます。
3. 形で、正方形にトリミング（正方形全体を埋め、横長の画像の端を切り落とします）か画像全体を収める（すべてを残し、左右に空きを加えます）を選びます。
4. 背景を、透明または色から選びます。必要に応じて余白と角丸も調整します。
5. レイヤーのプレビューを確認します。
6. .icoファイルをダウンロードをクリックします。

各レイヤーは、大きな1枚を縮小するのではなく、元の画像からそのサイズで描かれます。ファイルを作ったあと、Imgovoはそれを読み戻して確認します。

小さなサイズのためのデザイン

16×16ピクセルでは、細かい部分は消えてしまいます。太い図形、1〜2文字、シンプルなロゴを使い、少し余白を残してください。ロゴに不要な背景があるときは、先に取り除きましょう。写真の背景を無料で削除する方法（アップロードなし）が参考になります。

ICOビューアーで.icoファイルの中身を見る

アイコンファイルに何が入っているかわからないときは、ICOビューアーを開いてファイルをページにドロップします。各レイヤーについて、次の内容が表示されます。

• サイズ
• 色深度
• PNGで保存されているか、古い形式のビットマップ（DIB）か
• 使っているバイト数
• 透明が見えるように、市松模様の上に描かれた画像そのもの

1つのレイヤーをPNGとして保存することも、すべてのレイヤーをPNGで保存（ZIP）でまとめて保存することもできます。ビューアーが表示できるのは、PNGのレイヤーと、1、4、8、24、32ビット/ピクセルの無圧縮ビットマップのレイヤー（透明マスクを含む）です。それ以外の圧縮のレイヤーは、注記つきで一覧に出ますが、描画はできません。ファイルのディレクトリに書かれたサイズと画像の実際のサイズが違う場合は、実際のサイズを表示し、注記を加えます。

ファビコン一式を作るには

.icoは、ウェブサイト用アイコンセットの一部にすぎません。PNGのファビコン、Appleタッチアイコン、Androidアイコン、必要に応じたSVGファビコン、マニフェスト、ページに貼り付ける記述まで必要なら、ファビコン作成ツールを使い、ウェブサイト用のファビコンを作る方法（ICO、PNG、Apple、Androidのアイコン）も読んでください。

プライバシー

ICOファイルは、お使いのブラウザの中で作成され、読み込まれます。画像が端末の外に出ることはありません。

今すぐ試す

画像をICOに変換を開き、画像を追加して、必要なサイズのアイコンをダウンロードしましょう。