ファビコンとアプリアイコン
アイコンセット作成では、ファイルをアップロードせずに1枚の正方形画像から、ウェブサイトに必要な各種アイコンとマークアップを作成できます。処理はすべてブラウザー内で行われ、結果はお使いの端末から直接ダウンロードできます。無料・無制限で利用でき、アカウント登録も透かしも不要です。
- 追加
- 調整
- 作成
- 保存
このツールの使い方
- ファイルを追加します。ページにドラッグするか、ファイルを選択してください。ファイルはデバイス上に保存されたままです。
- 正方形に近い画像を1枚追加します。小さいサイズでは見た目上トリミングされるため、被写体を中央付近に配置してください。
- 不透明アイコンの背景色を選び、1200×630のソーシャルカードを含めるかどうかを選択します。
- 「アイコンセットを作成」を押し、結果を個別に、またはZIPにまとめてダウンロードします。
プライバシーと制限事項
1回の実行で作成されるのは固定のセットです。favicon.ico（16、32、48、256 px）、apple-touch-icon.png（180 px）、icon-512.png、選んだ場合のみog-image.png（1200×630）が出力されます。サイズは変更できず、マニフェストへの項目の書き込みも行わないため、ファイル名はご自身のマニフェストにコピーしてください。 ソーシャルカードは画像の中央を1200×630に切り抜くため、縦長または正方形の画像では上下が失われます。小さい画像は拡大されるため、ぼやけて見えます。
最終更新日:
よくある質問
元画像はどのくらいのサイズが必要ですか？
正方形で、512×512ピクセル以上の画像を用意してください。イラストやロゴは端に寄せすぎないようにします。各サイズのアイコンはこの画像を縮小して作成するため、元画像が小さいと、大きなサイズではぼやけて見えます。
なぜアイコンのサイズがこんなに多いのですか？
表示場所によって必要なサイズが異なるためです。ブラウザーのタブでは16ピクセル、iPhoneのホーム画面では180ピクセル、Androidのスプラッシュ画面では512ピクセルが使われます。それぞれのサイズを用意すると、システムによる不適切な拡大縮小を避けられます。
favicon.icoも必要ですか？
用意しておくと役立ちます。一部の古いブラウザーやクローラーは、リンクタグを無視して/favicon.icoを直接リクエストするためです。複数サイズを含むICOファイルがあれば、そうした環境にも対応できます。
Open Graphカードは何に使いますか？
ソーシャルメディアやチャットでリンクを共有したときに表示される画像です。設定していない場合、リンクには画像が表示されず、青い長方形だけが表示されます。