画像をアイコンに
一枚の画像を完全なアイコンパックに変換
画像 アイコン 変換ツール
画像をアップロードし、フレームを整え、小さいサイズをプレビューして、ワンクリックでアイコンパック全体をダウンロード。
画像をアップロード
ここに画像をドラッグ&ドロップまたはクリックして参照
JPG、PNG、WebP最大25MB —— お使いのデバイスで処理
画像をアップロードしてアイコンセットをプレビュー
画像はお使いのデバイスから外に出ません。画像→アイコン変換全体がローカルで実行されます。
アイコンパックの内容
一回の画像→アイコン変換で、実際のウェブサイトが必要とするすべてのファイルを生成 —— ブラウザタブ、ホーム画面、インストールプロンプトなど。
マルチサイズfavicon
favicon.ico16, 32, 48 px
レガシーブラウザタブ、デスクトップショートカット、システム表示用の3つのサイズを埋め込んだ単一のICOファイル。
Apple Touch Icon
apple-touch-icon.png180 x 180 px
訪問者がサイトをホーム画面に保存した際、iOSが使用する角丸正方形アイコン。
PWA & Androidアイコン
android-chrome-*.png192 & 512 px
インストール可能なPWAプロンプト、アプリランチャー、Androidホーム画面用の高解像度PNG。
manifest & HTML
site.webmanifest + スニペットJSON + リンク
事前設定されたweb manifestと、ドキュメントのheadに貼り付けるためのlinkタグ一式。
画像 アイコン 変換とは？
画像 アイコン 変換ツールは、一つのソース画像を、ウェブサイトが必要とする完全なアイコンファイルセット —— favicon、アプリアイコン、manifest —— に変換します。
画像 アイコン 変換ツールは、一つのソース画像から、実際のウェブサイトに必要なすべてのアイコンファイルを生成します。ブラウザはブラウザタブ用に16ピクセルの小さな正方形を要求し、iOSはホーム画面用に180ピクセルのApple Touch Iconを必要とし、インストール可能なPWAは192および512ピクセルのPNGに加えてweb manifestを必要とします。手動で行うには、サイズ変更、名前付け、半ダースのファイルの参照が必要です。画像 アイコン 変換ツールは、ブラウザ内のキャンバス上で一回のアップロードからすべてのサイズを処理します —— ソース画像がデバイスから外れることはありません。
- ✓完全にデバイス上で動作 —— 画像→アイコン変換のアップロード不要、サーバーラウンドトリップなし
- ✓favicon.ico、PNG各サイズ、Apple Touch Icon、PWAアイコン、manifest、HTMLを1つのパックで生成
- ✓3つのシェイプモード —— 正方形クロップ、パディング付きフィット、ストレッチ —— 横長ロゴにも対応
- ✓きれいなアイコンタイルのための調整可能なパディング、角の丸み、背景色
- ✓16、32、180、512ピクセルでのライブプレビューで小さいサイズの視認性を確認
画像→アイコン出力に最適なサイズ
| サイズ | 一般的な用途 |
|---|---|
| 16x16 | 小さいブラウザタブとレガシーfavicon表示。 |
| 32x32 | モダンなfavicon PNGと高密度タブ表示。 |
| 48x48 | デスクトップショートカットや一部のシステム表示。 |
| 180x180 | 保存されたホーム画面リンク用のApple Touch Icon。 |
| 192x192 / 512x512 | PWAおよびAndroidインストールアイコン。 |
16ピクセルプレビューが読みにくい場合は、より太いクロップ、パディングの追加、またはソリッド背景をお試しください。明確なコントラストのある中央のシェイプは、大きな画像からアイコンサイズへの縮小ではるかに耐性があります。
画像 アイコン 変換ツールを使う理由は？
手動でのfaviconとアプリアイコンファイルの生成は面倒でエラーが起きやすいです。この画像 アイコン 変換ツールはよくある問題を解決します。
手動の画像→アイコンワークフローの問題
手動でのリサイズとリネーム
16、32、48、180、192、512ピクセルのPNGとICOが必要で、すべて特定のファイル名です。グラフィックエディタで一つずつ行うのは遅く、間違いやすいです。
manifestやHTMLがない
リサイズ後も、site.webmanifestと正確なlinkタグを書く必要があります。一つでも忘れると、ホーム画面アイコンやPWAインストールが黙って壊れます。
オンラインアップローダーのリスク
多くの画像→アイコンサイトはロゴをサーバーに送信します。プライベートなクライアントのロゴや未公開の商品にとって、それは決定的な問題です。
この画像 アイコン 変換ツールが正しくやっていること
設計上プライベート
画像→アイコン変換全体がブラウザ内のキャンバスで実行されます。ロゴはどこにもアップロードされません。
ワンクリックアイコンパック
favicon.ico、すべてのPNGサイズ、Apple Touch Icon、PWAアイコン、manifest、HTMLスニペットを1つのZIPでダウンロード。
ライブ小サイズプレビュー
公開前に16および32ピクセルでのfaviconの見え方を確認 —— ほとんどのアイコンが失敗するサイズです。
シェイプ、パディング、角の丸み
横長ロゴを正方形にクロップ、パディング付きで全体をフィット、角を丸くする、またはソリッド背景を設定 —— すべてリアルタイム。
有効なマルチサイズICO
favicon.icoは1つのファイルに16、32、48ピクセルをバンドルし、レガシーブラウザ、デスクトップショートカット、アドレスバーすべてに適切なアイコンを表示します。
無料、登録不要、透かしなし
ページを開いて変換を開始。アカウント不要、メール不要、出力に透かしなし。
画像をアイコンファイルに変換する方法
単一のソース画像から完全でデプロイ準備済みのアイコンパックまで、5つのクイックステップ。
アップロード
PNG、JPG、またはWebPをドロップ。きれいな正方形ソースが最適ですが、横長画像も問題ありません —— パディング付きフィットを選んで全体を保持。
シェイプ
正方形クロップ、パディング付きフィット、またはストレッチを選択。フレームを調整するたびにライブプレビューがすべてのアイコンサイズで更新。
スタイル
パディングを追加、角を丸くする、背景を透過したままにする、またはきれいなアイコンタイルのためにソリッドカラーを選択。
プレビュー
エクスポート前に16ピクセルプレビューを確認。小さいバージョンがはっきり読めれば、大きいアプリアイコンも素晴らしく見えます。
ダウンロード
アイコンパックをダウンロードをクリックして、favicon.ico、すべてのPNG、manifest、HTMLスニペットを1つのZIPで取得。
画像 アイコン 変換の機能
一枚の画像を完全でデプロイ準備済みのアイコンセットに変換するために必要なすべて。
プライベート、ブラウザ内
完全な画像→アイコン変換がお使いのデバイスで実行されます。ソース画像はどこにもアップロードされません。
完全なアイコンパック
favicon.ico、PNG各サイズ、Apple Touch Icon、PWAアイコン、site.webmanifest、HTML —— 1つのZIPダウンロードにバンドル。
シェイプとスタイルコントロール
ソースをクロップ、フィット、またはストレッチし、ライブプレビューでパディング、角の丸み、背景色を微調整。
マルチサイズfavicon.ico
16、32、48ピクセルフレームを埋め込んだ1つの有効なICOファイルで、すべてのブラウザが適切なサイズを選択。
ライブ小サイズプレビュー
公開前に16および32ピクセルのfaviconを確認し、最小サイズの視認性を保証。
manifest & HTMLスニペット
事前設定されたweb manifestとすぐに貼り付けられるlinkタグ —— headにドロップすれば完了。
画像→アイコン出力の活用先
ウェブサイト、アプリ、PWAを出荷するプロジェクトはすべてアイコンセットを必要とします。画像 アイコン パックを使う人たち。
Webデベロッパー
生成されたファイルをpublicフォルダにドロップし、HTMLスニペットを貼り付け。
- •静的サイトとランディングページ
- •Next.js、Astro、Viteプロジェクト
- •ドキュメントサイトやブログ
インディーハッカー
サイドプロジェクトのfaviconとPWAアイコンを数分で出荷。
- •MVPや製品ローンチ
- •サイドプロジェクトやデモ
- •ハッカソン提出作品
デザイナー
1つのロゴエクスポートから完全で正しく名前付けられたアイコンパックをクライアントに提供。
- •クライアントブランド納品
- •デザインシステム引継ぎ
- •レビュー用faviconプルーフ
エージェンシー
作業をやり直すことなく、多数のクライアントサイトで一貫したアイコンセットを生成。
- •マルチサイトロールアウト
- •ホワイトラベルデプロイ
- •テンプレートやスターターキット
PWAメーカー
インストール可能なPWAに必要な192および512ピクセルPNGとweb manifestを取得。
- •インストール可能なウェブアプリ
- •オフラインファーストPWA
- •ホーム画面ランチャー
オープンソースメンテナー
リポジトリのpublicフォルダにfaviconとアプリアイコンを一歩で追加。
- •GitHub Pagesサイト
- •ドキュメントやデモサイト
- •プロジェクトランディングページ
ユーザーの声
デベロッパー、デザイナー、インディーメーカーがこの画像 アイコン 変換ツールを使って摩擦なくアイコンを出荷しています。
“以前はプロジェクトを立ち上げるたびに6つのPNGをリサイズしてmanifestを手書きしていました。今はロゴをドロップしてパディングを微調整するだけで、画像→アイコンパック全体が数秒で完成。16pxプレビューのおかげで泥のようなfaviconを何度も救われました。”
Sofia Almeida
フロントエンドデベロッパー
“ブラウザで動くことが使う理由そのものです。クライアントのロゴがどこにもアップロードされず、favicon.ico、Apple Touch Icon、PWAアイコンが1つのZIPで手に入ります。favicon生成器のあるべき姿です。”
Jonas Weber
インディーメーカー
“クライアントへのアイコンパック納品は今このツールを使っています。クロップとフィットモードが横長ロゴをうまく処理し、角の丸みが洗練されて見え、ファイル名もデベロッパーが期待する通り。見つけた中で最もきれいな画像→アイコンワークフローです。”
Mei Tanaka
ブランドデザイナー
画像 アイコン 変換 FAQ
画像 アイコン 変換ツールについてのクイック回答 —— 機能、仕組み、プライバシー、価格。
画像をアップロードして、フルアイコンパックを取得
favicon.ico、PNG各サイズ、Apple Touch Icon、PWAアイコン、manifest、HTML —— 1回のダウンロードでデプロイ準備完了。永久無料、登録不要。