Cookie の使用について.本サイトでは、基本機能の提供に必要な必須 Cookie を使用しています。さらに、同意いただいた場合に限り、アクセス解析 Cookie を利用して利用状況を把握し、サービス改善に役立てます。詳しくは .
Cookie の使用について.本サイトでは、基本機能の提供に必要な必須 Cookie を使用しています。さらに、同意いただいた場合に限り、アクセス解析 Cookie を利用して利用状況を把握し、サービス改善に役立てます。詳しくは .
このツールは使いやすかったですか？
フィードバックは改善に役立ちます
PNG转ICO图标文件，同时打包6种常用尺寸。
概要
解決できる課題、処理の仕組み、データの範囲を確認できます。
このツールはPNG画像から、WindowsアイコンやWebサイトのファビコンに使えるICOファイルを作成します。ICOは一枚の画像だけを入れる形式ではなく、複数の寸法の画像を一つのファイルにまとめられるコンテナ形式です。Windowsは表示場所や画面条件に応じて適したサイズのアイコンを選ぶため、用途に合うサイズをICOに含めておくと、単一画像をその場で拡大・縮小する場合と比べて扱いやすくなります。
入力はPNGのみです。既定では16×16、32×32、48×48、64×64、128×128、256×256ピクセルが選択されており、必要な寸法だけに変更できます。選択した各サイズの画像は一つの .ico ファイルにまとめられます。Microsoft Learnのアイコン解説では複数サイズを含む構成と表示時の選択が説明されています。HTMLではrel="icon"でページアイコンを指定でき、sizesを記す場合は実際にファイルに含まれる寸法と合わせます。
使い方
手順に沿って操作し、例を使って入力と結果を確認します。
サイズ欄で16、32、48、64、128、256ピクセルから必要なものを選びます。ファビコン用なら小さい寸法を含め、Windows用なら使用する表示サイズに合わせて追加してください。複数を選ぶと、すべてが一つのICOファイルに収録されます。
画像をドロップするか、クリックして選択します。一度に最大5ファイルまで追加できます。1ファイルあたりの上限は1 MBです。ファイルごとに変換状況が表示されます。
変換後、各ファイルの「ICOをダウンロード」を選ぶと、元のファイル名を引き継いだ .ico が保存されます。例えば「brand.png」を変換すると「brand.ico」が得られます。Webサイトで使う場合、HTMLのrel="icon"で指定し、sizesを書くときは選択した寸法だけを列挙してください。
活用例
仕事や日常の流れの中での活用方法を紹介します。
サイト制作者はロゴやシンボルのPNGをICOにまとめ、サイト設定からページアイコンとして参照できます。複数サイズ入りなら、利用環境に応じた画像を同じファイルから選べます。HTMLのsizes属性も使う場合は、ICOに入れたサイズと記述を一致させてください。
Windows向けにアイコン画像を渡すときは、使う場所や表示倍率を考えてサイズを選びます。小さい表示用と大きい表示用を一つのICOに収録しておけば、個別ファイルを寸法ごとに管理せずに済みます。実際に設定した後、対象のWindows環境で小さな表示も見え方を確認してください。
Q&A
よくある疑問や迷いやすい点をまとめて確認できます。
初期状態では16、32、48、64、128、256ピクセルの6サイズです。変換前にボタンで選択を外したり、必要なサイズだけに絞ったりできます。
中央で切り抜かず、各サイズの正方形キャンバス全体に合わせて描画します。そのため縦横比が異なる画像は伸縮して形が変わることがあります。ロゴや文字が歪まないよう、正方形に整えたPNGを用意してください。
PNGの各サイズをPNG画像としてICOに格納します。透過を含む入力では透明部分を維持できます。ただし、実際の表示は利用するソフトや背景色にも左右されるため、完成ファイルを利用先で確認してください。
追加できるのはPNGで、1ファイルの上限は1 MB、同時に追加できる数は5件です。容量を抑えたPNGを用意するか、ファイルを分けて変換してください。読み込みに失敗する場合は、画像をPNGとして開き直して保存したファイルを試します。
注意
利用範囲、結果の制限、必要な注意点を事前に確認します。
この変換は画像形式と寸法を変えるもので、絵柄の細部を新たに作り出す処理ではありません。小さなPNGを大きいサイズへ拡大すると輪郭がぼやけることがあり、非正方形画像は正方形に伸縮されます。元画像の縦横比と解像度を確認し、可能なら十分な解像度の正方形PNGを使ってください。特に文字を含むロゴは、16×16などの小サイズで読めるとは限らないため、ダウンロードしたICOを実際のタブやアイコン表示で確かめるのがおすすめです。
ファビコンとして公開するときは、ファイルの配置先がブラウザーから取得できることも確認してください。ブラウザーのアイコン表示にはキャッシュが影響し、更新直後に新しい画像へ切り替わらない場合があります。必要な寸法を選び直して再変換し、HTMLのsizesを使う場合は収録内容と食い違わないようにしてください。
関連
関連ツール、特集、利用可能なAPIを探せます。