ファビコン生成ツール
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キャッシュも確認してください。
おすすめリソース
このセクションにはアフィリエイトリンクが含まれる場合があります。リンク経由で購入すると、追加費用なしでDevToolKits.appが紹介料を受け取ることがあります。
このツールの関連記事
最新記事
curlコマンドのオプション早見表｜-X -H -d の意味と落とし穴
curlの主要オプションを早見表で整理。-X と -d の関係、-d と --data-raw の違い、@ で始まる値がファイル読み込みになる罠、シングルクォートとダブルクォートの使い分け、-L や -k を安易に付けない理由まで実例で解説します。
JSON SchemaとZodを相互変換する仕組み｜requiredと.optional()の対応
JSON SchemaからZodスキーマを生成し、Zodのコードから逆にJSON Schemaを書き出す双方向変換ツールの実装を解説。requiredと.optional()で既定値が逆転している問題、formatや制約の対応表、コードを実行せずに解析する方法まで整理します。
SQLの句の評価順リファレンス｜WHEREでSELECTの別名が使えない理由
SQLは書いた順に実行されません。論理的な評価順（FROM→WHERE→GROUP BY→HAVING→SELECT→ORDER BY→LIMIT）を軸に、別名がWHEREで使えない理由、WHEREとHAVINGの使い分け、ONLY_FULL_GROUP_BY、COUNT(*)とCOUNT(列)の差、LEFT JOIN+WHEREの罠を実例で整理します。
unified diff形式の読み方リファレンス｜@@ の数字とgit diffの出力
git diffが出力するunified diff形式の読み方を整理。@@ -12,7 +12,9 @@ の4つの数字の意味、コンテキスト行、空白だけの変更が行全体の置換に見える理由、\ No newline at end of file、マージ時の @@@、リネーム検出の similarity index までを実例で解説します。
UTC⇄JST変換リファレンス｜時差9時間の早見表とタイムゾーン事故の防ぎ方
UTCとJSTの変換を早見表で整理。ISO 8601のZと+09:00の意味、JavaScriptの日付パースでズレる条件、MySQL/PostgreSQLのタイムゾーン挙動、GitHub ActionsのcronがUTCで動く罠まで実例付きで解説します。
CREATE TABLE リファレンス｜MySQL・PostgreSQL・SQLiteの型と制約の違い
CREATE TABLE文（DDL）の書き方を3データベース横断の早見表で整理。型対応表、自動採番（AUTO_INCREMENT / IDENTITY / rowid）の方言差、外部キーのON DELETE挙動、CHECK制約が無視される罠まで実例付きで解説します。