ファビコン生成ツール
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が紹介料を受け取ることがあります。
このツールの関連記事
最新記事
テーブル設計からCREATE TABLE文を自動生成する仕組み｜DDLビルダー
テーブルをビジュアルに設計してCREATE TABLE文とER図を生成するDDLビルダーの実装を解説。MySQL/PostgreSQL/SQLiteの型変換ルール、JSONサンプルからのカラム推論アルゴリズムまで実例付きで整理します。
GitHub Actions needs設計パターン集｜CIを速くする依存関係の組み方とアンチパターン
GitHub Actionsのneedsによるジョブ依存関係を、高速化パターンとアンチパターンの一覧表で整理。concurrencyによる重複実行キャンセル、fail-fast、matrix×needsの組み合わせ、再利用可能ワークフローまで実例付きで解説します。
SQL JOIN完全リファレンス｜INNER・LEFT・RIGHT・FULLの違いと結果行数の考え方
SQLのJOIN種類（INNER/LEFT/RIGHT/FULL/CROSS/SELF）を早見表と結果行数の図解で整理。1対多JOINで行が重複する理由、WHERE句とON句でNULL判定が変わる罠、複数テーブルJOINの書き方まで実例付きで解説します。
Case Converter ― camelCase・snake_case・kebab-caseを9種類まとめて一括変換
識別子や変数名をcamelCase・PascalCase・snake_case・CONSTANT_CASE・kebab-caseなど9種類の命名規則へ同時変換する方法を解説。連続大文字（HTTPServer）や数字の扱い、複数行の一括変換まで。
LLM APIコスト計算機 ― Claude・GPT・Geminiの料金を同じ条件で見積もり比較
プロンプトを貼り付けて想定出力トークン数を入れるだけで、Claude・GPT・GeminiのAPI利用コストをモデル横断で見積もる方法を解説。入力/出力の単価構造、料金の自動更新、概算の限界まで。
MermaidのER図（erDiagram）記法リファレンス｜リレーション記号一覧と実例
Mermaid erDiagramの書き方を網羅解説。カラスの足記法の記号一覧表、1対多・多対多の書き分け、属性・PK/FKの定義、実務で使えるEC設計の完全サンプルまで。