元画像をアップロード
Drop image here or click to upload
Use a square image for best results -- PNG, JPG, SVG, or WebP
任意の画像をアップロードし、サイトに必要なすべてのサイズのファビコンを生成。ブラウザタブ、Apple Touch アイコン、Android Chrome、PWA アイコンを取得し、すぐに使えるHTMLコードを提供。
洗練されたファビコンは始まりに過ぎません。OneStepToRank は、リアルタイム順位追跡と自動最適化で、ビジネスがローカル検索結果を支配し、サービスエリア全体をカバーできるよう支援します。
無料で始めるA favicon（"favorites icon" の略）は、ユーザーがサイトを訪れた際にブラウザタブ、ブックマーク、履歴エントリ、アドレスバーに表示される小さなアイコンです。1999年に Internet Explorer 5 が 16x16 ピクセルの ICO ファイルとして導入して以来、ファビコンは大幅に進化しました。現代のウェブサイトは、さまざまなプラットフォームやデバイスに対応するために複数のファビコンサイズを提供する必要があります：ブラウザタブ用の小さなアイコン、デスクトップショートカットやタスクバー用の中サイズ、モバイルホーム画面やプログレッシブウェブアプリのスプラッシュスクリーン用の大きなアイコンです。適切にデザインされたファビコンは、ユーザーがサイトと接触するすべてのタッチポイントでブランド認知を強化します。
ファビコンのサイズは、ブラウザ、OS、デバイスごとに求められるサイズが異なるため混乱しがちです。以下に主要なサイズをまとめます：16x16 はすべてのデスクトップブラウザで使用されるクラシックなタブアイコンです。32x32 は Retina ディスプレイのタブや Windows のタスクバーショートカットで使用されます。48x48 と 64x64 は Windows のデスクトップショートカットやピン留めタイルで使用されます。128x128 は Chrome Web Store の掲載に必要です。180x180 は iOS ユーザーがサイトをホーム画面に保存したときの Apple Touch Icon です。192x192 は Android Chrome のホーム画面アイコンに使用されます。そして 512x512 は PWA のスプラッシュスクリーンや大きなアイコンコンテキストで使用されます。最低でも、すべてのウェブサイトは 32x32 PNG ファビコンと 180x180 Apple Touch Icon を用意すべきです。
最大の互換性を確保するには、すべてのファビコンサイズに PNG形式 を使用してください。PNG は透過をサポートし、モダンブラウザで広く対応しています。複数サイズを1つのファイルにまとめる従来の ICO 形式は、レガシーな Internet Explorer のサポートが必要な場合のみ必要です。SVG ファビコンは注目を集めており、解像度に依存しませんが、ブラウザ対応はまだ完全ではありません。元画像を作成する際は、最低でも 512x512 ピクセルの正方形画像から始めると、すべてのサイズで最も鮮明な結果が得られます。シンプルで太めのデザイン、詳細が少ないものが小サイズで最適です――細かい文字や複雑なパターンは 16x16 ピクセルでは読めなくなります。はっきりした形状とコントラストの高い色を使用してください。最後に、ファビコンがすべてのブラウザとデバイスで適切に表示されるか必ずテストしましょう。