ファビコン生成ツール
Webサイト用のファビコン（ICO, PNG）を一括生成。モダンなサイトに必要な全サイズ（16px〜512px）をまとめて作成・ダウンロードできます。
ドラッグ＆ドロップ、またはクリック
PNG, JPG, SVG, WebP
16x16
favicon-16x16.png
32x32
favicon-32x32.png
ICO Multi-size
favicon.ico
180x180 (Apple)
apple-touch-icon.png
192x192 (Android)
android-chrome-192x192.png
512x512 (Android)
android-chrome-512x512.png
ファビコン生成でサイトの見た目を整える
ファビコンはブラウザタブ、ブックマーク、検索結果、ホーム画面などに表示される小さなアイコンです。サイズや形式が不足していると、端末によってぼやけたり、古いアイコンが表示されたりします。このツールでは、元画像から複数サイズのファビコン素材を作成し、Webサイト公開前の準備を助けます。
作成しておきたい素材
- favicon.ico: 古いブラウザや一般的なタブ表示向けに使われます。
- PNGアイコン: 高解像度ディスプレイやホーム画面追加で使われます。
- 透明背景の確認: 小さく表示したときに輪郭が見えるか確認できます。
デザイン上の注意
ファビコンは非常に小さく表示されるため、細かい文字や複雑な図形は潰れやすくなります。中央に余白を残し、コントラストの高いシンプルな形にすると認識しやすくなります。更新後に反映されない場合は、ブラウザキャッシュやCDNキャッシュも確認してください。
このツールの関連記事
最新記事
SQLフォーマッターでレビュー前にクエリを読みやすくする実務フロー
長いSQLをレビュー前に整形し、JOIN、WHERE、GROUP BYの意図を確認しやすくする活用事例です。
GitHub Actionsのneeds依存をMermaidで可視化して読む方法
GitHub Actionsの複雑なworkflow YAMLを、needs依存とジョブ順序に分けて確認する活用事例です。
Mermaidでインフラ構成図を作るときに詰まりやすいポイント
ブラウザ上でMermaidのインフラ構成図を作るときに、ノード名、接続線、粒度をどう整理するかをまとめた活用事例です。
SQL DDLからMermaidのER図を作ってテーブル関係を確認する方法
CREATE TABLE文からER図を生成し、外部キー、関連テーブル、設計レビューの見落としを減らす活用事例です。
Visual SQL BuilderでJOINを迷わず組むためのUI設計メモ
SQL BuilderでSELECT、JOIN、WHEREを視覚的に組み立てるときに、どこで迷いやすいかを整理した活用事例です。
CSVとJSONを相互変換してデータ確認を楽にする活用事例
管理画面、API、スプレッドシートの間でCSVとJSONを変換し、データ確認やレビューを短くする流れを紹介します。