ロゴを1つ入れるだけでZIPを生成。favicon.ico、Apple/Android用PNG、貼り付け用HTMLがすべて手に入ります。
favicon.ico(16、32、48pxを1ファイルに統合)、favicon-16/32/48.png、apple-touch-icon.png(180px、iOSホーム画面用)、icon-192.pngおよびicon-512.png(AndroidおよびPWA用)、site.webmanifest、そしてheadタグ用のコード。これらすべてが1つのZIPにまとまります。
512px以上の正方形PNGまたはSVGです。横長のワードマークは中央配置されて両側に余白ができるため、シンボルマーク単体のほうが16pxでもはるかに見やすく残ります(そのサイズでは文字は読めなくなります)。
透明な背景はタブやブックマークで自然に見えますが、iOSではホーム画面アイコンの透明部分が単色(通常は黒)で塗りつぶされることがあるため、背景を設定するほうが安全です。iOS側で自動的に角が丸められるため、apple-touch-iconは通常正方形のままで問題ありません。iOS、Android、WindowsはそれぞれApple、Google、Microsoftの商標です。Keepdeskはこれらの企業と提携、後援、推奨の関係にはありません。
ファイルをサイトのルート(/)に配置し、snippet.htmlの記述を内に貼り付けます。キャッシュによって古いアイコンが残り続ける場合は、URLの末尾に?v=2を追加してください。
いいえ。リサイズ、ICOファイルのパック、ZIP圧縮はすべてお使いのブラウザ内で行われます。
ブラウザで描画可能なすべてのSVGに対応しています。外部フォントや外部画像を参照しているSVGは、その部分が反映されない場合があります。
PNG形式を内包したICOは最新ブラウザや近年のWindowsで読み込めますが、非常に古い環境ではBMPベースのICOしか読み込めない場合があります。そうした環境向けにfavicon-32.pngも併せて配置してください。
マルチサイズのfavicon.ico、各種PNGアイコン、Webマニフェスト、および必要なHTMLリンクスニペットを含むZIPファイルを取得できます。
はい、アイコンの形状は正方形、角丸、円形から選択できます。
いいえ、背景の削除は行いません。透過画像が必要な場合は、あらかじめ背景削除ツールをご利用ください。
はい、アイコンの端が見切れないよう、0%、8%、15%の余白を適用できます。