PNG to Icon:無料オンラインPNGアイコンコンバーター
PNG画像をマルチサイズICOファイルとファビコン向けPNG出力に変換。ウェブサイト、Windowsショートカット、ブラウザ拡張機能、デザインの受け渡しに対応 — 無料、即時、100%ブラウザ処理。
アイコンの元画像をここにドラッグ&ドロップ
またはクリックしてアップロード
対応形式: PNG, JPG, WebP, SVG
出力:ICO とファビコン用 PNG ファイル(16×16〜256×256)
最大 10 枚、各 20MB まで
主要なアイコンサイズ
16×16〜256×256 px の ICO と PNG を生成
即時変換
ブラウザ上で数秒で PNG をアイコンに
100% プライベート
画像がデバイスの外に出ることはありません
ずっと無料
透かしなし・登録不要・サーバーへのアップロードなし
関連画像ツール
画像を最適化・編集するための便利なツール
PNG から ICO
Windowsアイコン・ファビコン作成
PNG から SVG
スケーラブルベクターに変換
PNG から WebP
モダンなWebP形式に変換
100KBに圧縮
厳しい制限向け
500KBに圧縮
一般的なオンライン用途に
画像リサイズ
あらゆる画像形式を無料でオンラインリサイズ
すべてのツールは無料 • ローカル処理 • 登録不要
PNG をアイコンに変換するとは?
PNG をアイコンに変換するとは、標準的な PNG 画像ファイルを、Web サイト・デスクトップアプリ・OS・ブラウザ拡張機能で使用できるアイコンファイルに変換するプロセスです。PNG をアイコンに変換する際、単にファイルの拡張子を変えるだけでなく、複数のサイズを 1 つのファイルにまとめた形式にパッケージングします。これにより、16×16 ピクセルのブラウザタブから 256×256 ピクセルのデスクトップショートカットまで、あらゆる場面でアイコンをくっきり表示できます。
PNG アイコン変換で最も一般的な出力形式は ICO ファイル(Internet Explorer Icon)です。ICO はコンテナ形式で、異なるサイズの PNG 画像を 1 つのファイルにまとめて格納できます。PNG アイコンコンバーターはアップロードされた PNG を読み込み、各指定サイズにスケーリングし、すべてのサイズをダウンロード可能な 1 ファイルにパッケージングします。追加の処理なしにどのプラットフォームでもそのまま使用できます。
PNG アイコンコンバーターの仕組み
TinyImagePro の PNG アイコン変換ツールは、HTML5 Canvas API を使用してブラウザ内で完全に動作します。PNG をアップロードすると、選択された各サイズ(16×16、32×32、48×48 〜 256×256)のキャンバスに画像を描画し、縮小時の鮮明さを保つためバイキュービック補間を使用します。スケーリングされた各キャンバスは PNG データブロックとして出力され、ICO バイナリ形式にパッケージングされます。PNG をアイコンに変換する処理はすべてデバイス上でローカルに完結し、ファイルはサーバーに送信されません。
PNG をアイコンに変換と PNG を ICO に変換の違いは?
この 2 つの用語はよく混用されますが、微妙な違いがあります。PNG を ICO に変換とは Windows の .ico ファイルを生成すること、つまり Windows アイコン仕様に紐付いたバイナリ形式を指します。一方、PNG をアイコンに変換はより広い概念で、PNG ソースからアイコン素材を作ることを指します。Windows 用の .ico ファイルに加え、Web サイトの favicon、ブラウザ拡張機能、デザインの受け渡しに使う個別 PNG ファイルも含まれます。TinyImagePro の PNG アイコンコンバーターは、こうした主要な出力を 1 か所にまとめ、ICO ファイル、PNG エクスポート、またはその両方を選べます。
なぜ PNG をアイコン形式に変換する必要があるのか?
PNG をアイコンに変換する必要があるシーンは多くあります。通常の PNG はシステムアイコン・アプリショートカット・ブラウザの favicon としてそのまま使用できません。各プラットフォームに対応したアイコン形式に変換する必要があります。以下は代表的な 6 つのユースケースです。
Web サイトの Favicon
すべての Web サイトにはブラウザタブ・ブックマーク・検索結果に表示される favicon が必要です。PNG をアイコンに変換することで、すべての主要ブラウザに対応したマルチサイズ favicon.ico を生成できます。
Windows デスクトップアイコン
Windows のショートカット・フォルダ・アプリは ICO ファイルを使用します。PNG を Windows アイコンに変換すると、16・32・48・256 px の各バージョンを含むファイルが生成され、Windows が適切なサイズを自動選択します。
Web サイト用アセット一式
多くのプロジェクトでは favicon.ico だけでは足りません。PNG エクスポートを使えば、同じ元画像から 16×16、32×32、48×48、64×64、128×128、256×256 の Web サイト用アイコンファイルを用意できます。
ブラウザ拡張機能のアイコン
Chrome・Firefox・Edge 拡張機能では、一般的に 16・48・128 px の PNG アイコンファイルが必要です。1 枚の元画像からこれらのサイズを書き出し、そのまま拡張機能プロジェクトに配置できます。
ソフトウェア・ゲームアイコン
ゲームや生産性ソフトは実行ファイルやインストーラー用に ICO ファイルを必要とします。PNG アイコンファイルコンバーターで、製品があらゆる解像度でプロフェッショナルなアイコンを持てるようにしましょう。
デザイン受け渡し用ファイル
開発者に素材を渡すなら、整った ICO と各サイズの個別 PNG を一度に書き出しましょう。favicon、Windows ショートカット、拡張機能のアイコンを同じ元デザインでそろえられます。
オンラインで PNG をアイコンに変換する方法
TinyImagePro を使えば、ソフトのインストールもアカウント登録も不要で、PNG を数秒でアイコンに変換できます。操作手順は以下の通りです。
ステップ 1 — 元画像をアップロード
PNG ファイルをアップロードエリアにドラッグ&ドロップするか、クリックしてローカルファイルを選択します。一括変換は最大 10 枚まで対応、JPG・WebP・SVG 形式もサポートしています。最良の結果を得るために、最低でも 256×256 ピクセルの正方形 PNG を使用することをお勧めします。
ステップ 2 — アイコンサイズを選択
アイコンに含めるサイズを選択します。「推奨」プリセットで Windows 標準サイズ(16・32・48・64・128・256 px)がすべて自動選択され、「Web サイト Favicon」では一般的な Web 用サイズ(16・32・48・180・192・512 px)が選択されます。各サイズボタンをクリックしてカスタム選択することも可能です。
ステップ 3 — 出力オプションを選択
「マルチサイズ ICO を生成」を有効にすると、選択したすべてのサイズが 1 つの .ico ファイルにまとめられます(Windows アイコンと favicon の標準形式)。必要に応じて「PNG ファイルも個別にエクスポート」を有効にすると、各サイズの .png ファイルが生成されます(Web サイト用アセット、ブラウザ拡張機能、デザインの受け渡し向け)。「基本 Favicon HTML を生成」を有効にすると、サイトにそのまま貼り付けられる <link> タグが生成されます。
ステップ 4 — アイコンファイルをダウンロード
「アイコンに変換」ボタンをクリックすると、ファイルがブラウザ内で即座に生成されます。マルチサイズ ICO を個別にダウンロードするか、各サイズを別々にダウンロードできます。複数 PNG の一括変換時は「ZIP でまとめてダウンロード」で、ソースファイル名ごとに整理されたすべての変換済みアイコンを一括取得できます。元の PNG はアップロードされず、すべての処理はデバイス上で行われます。
PNG アイコンサイズガイド:必要なすべてのサイズ
プラットフォームや用途によって必要なアイコンサイズは異なります。PNG をアイコンに変換する際、正しいサイズを選択することで、すべてのデバイスと OS でアイコンが正しく表示されます。以下はプラットフォーム別の代表的な PNG アイコンファイルサイズ一覧です。
Web サイト Favicon サイズ
| サイズ | ファイル名 | 用途 |
|---|---|---|
| 16×16 | favicon-16x16.png | ブラウザタブ・アドレスバー |
| 32×32 | favicon-32x32.png | 高 DPI ファビコン・ブックマーク |
| 48×48 | favicon-48x48.png | Windows サイトショートカット・従来の favicon 用途 |
Windows アイコンサイズ
| サイズ | 用途 | 重要度 |
|---|---|---|
| 16×16 | タスクバー・タイトルバー・リストビュー | 必須 |
| 32×32 | デスクトップショートカット(標準 DPI) | 必須 |
| 48×48 | デスクトップショートカット(標準ビュー) | 推奨 |
| 64×64 | 高 DPI ディスプレイ | 推奨 |
| 128×128 | 特大アイコンビュー | オプション |
| 256×256 | 特大アイコン・4K モニター | 推奨 |
追加の PNG エクスポートサイズ
基本の favicon サイズ以外に Web サイト、拡張機能、受け渡し用の素材が必要な場合は「PNG ファイルも個別にエクスポート」を使用してください。
| プラットフォーム | サイズ(px) | 用途 |
|---|---|---|
| Web サイト用アセット | 64, 128, 256 | 高 DPI サイト素材・デザインの受け渡し |
| ブラウザ拡張機能 | 16, 48, 128 | ツールバー・管理ページ・ストア掲載 |
| Linux アプリテーマ | 24, 32, 48, 64, 128, 256 | サイズ別の PNG アイコンディレクトリ |
PNG をアイコンに変換するベストプラクティス
以下のヒントを参考に、PNG をアイコンに変換するたびに最高品質の結果を得ましょう。
ソース画像の選び方
- ✓正方形の PNG を使用してください。アイコンは正方形であり、非正方形の画像は歪みやトリミングを引き起こします。
- ✓高解像度(512×512 または 1024×1024)から始めることで、縮小時により多くの詳細を保持できます。
- ✓透明な背景の PNG を使用すると、アイコンがさまざまなシステムテーマに適応できます。
- ✗64×64 の小さな画像を 256×256 出力のソースとして使用しないでください。拡大すると品質が著しく低下します。
- ✗写真や複雑な背景は使用しないでください。アイコンは 16×16 ピクセルでも認識できる必要があります。
- ✗非正方形の比率を使用しないでください。コンバーターが画像をトリミングするかレターボックスを追加します。
透明度と背景色のヒント
- ✓透明な背景を維持することで、アイコンがダークモードとライトモードの両方に自動適応します。
- ✓アイコンに単色の背景が必要な場合は、コンバーターの背景色オプションを使用してください。
- ✓確定前に白い背景と暗い背景の両方でアイコンをテストしてください。
- ✗変換前に PNG に白い背景を追加しないでください。暗いタスクバーで見た目が悪くなります。
- ✗Windows XP 向けアイコンで半透明のエッジを使用しないでください。古い ICO 形式は完全な Alpha チャンネルをサポートしていません。
- ✗PNG に透明な領域がある場合は、コンバーターの設定で「透明」背景を選択することを忘れないでください。
解像度と品質のガイドライン
- ✓ICO ファイルには必ず 16×16 と 32×32 を含めてください。これらはブラウザと Windows が最もよく使うサイズです。
- ✓Windows 10/11 の HiDPI 画面への対応として 256×256 を含めてください。
- ✓16×16 バージョンの可読性を確認し、細部が不明瞭な場合はデザインをシンプルにしてください。
- ✗小さいサイズを省略しないでください。16×16 なしのマルチサイズ ICO はブラウザタブでぼやけて表示されます。
- ✗特別な理由がない限り、不必要なサイズ(20 や 40 など)を含めないでください。
- ✗複雑な写真をアイコンに変換しないでください。縮小時はシンプルな幾何学的形状やフラットデザインのほうがはるかに効果的です。
PNG から Favicon を作成する方法
Favicon とは何か、なぜ重要なのか?
Favicon(Favorite Icon の略)は、ブラウザタブ・ブックマーク・履歴リスト、場合によっては検索結果に表示される小さなアイコンです。PNG から favicon ツールを使って適切なサイズの favicon を作成することは、Web サイトにプロフェッショナルなブランドイメージを持たせる最も簡単な方法の 1 つです。ブラウザは自動的に /favicon.ico をリクエストするため、事前に設定しておくとサーバーログに不要な 404 エラーが記録されるのを防げます。
モダンブラウザは PNG 形式の favicon をサポートしていますが、ICO 形式は古いブラウザを含め最も広く対応しています。ベストプラクティスは両方の形式を提供することです。マルチサイズ favicon.ico で最大の互換性を確保し、モダンブラウザとモバイルのホーム画面アイコン向けに個別の PNG ファイルも用意します。TinyImagePro では PNG をアイコンに変換する際、これらをすべて一度に行えます。
Favicon HTML コードの例
PNG をアイコンファイルに変換したら、HTML の <head> セクションに以下のコードを追加してください。上のツールで「基本 Favicon HTML を生成」を有効にすると、選択したサイズに基づいてカスタマイズされたタグを取得できます。
<!-- 標準 Favicon --> <link rel="icon" type="image/x-icon" href="/favicon.ico"> <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
Favicon のテスト方法
アイコンファイルをアップロードして HTML タグを追加したら、ブラウザのキャッシュをクリアしてページを再読み込みしてください。favicon が表示されない場合は、プライベート(シークレット)モードでサイトを開いてみてください。以下の環境でテストすることをお勧めします。
- Chrome・Firefox・Safari・Edge のブラウザタブ
- ブックマークバー(16×16 での表示確認)
- iOS と Android のモバイルブラウザ
- Google 検索結果(一部の地域ではサイトの favicon が表示されます)
OS 別 PNG アイコン変換ガイド
Windows 10 & 11
Windows はアプリアイコン・デスクトップショートカット・タスクバーアイコンに ICO ファイルを使用します。Windows 10 または 11 用の PNG アイコンを作成するには、有効な .ico ファイルが必要です。PNG の拡張子を .ico に変えるだけでは機能しません。
Windows アイコンには少なくとも 16×16・32×32・256×256 の 3 サイズを含めてください。Windows 10 と 11 は HiDPI モニターとエクスプローラーの「特大アイコン」ビューで 256×256 バージョンを使用します。
TinyImagePro の PNG アイコンコンバーターは、Windows がそのまま認識できる完全に準拠した ICO ファイルを生成します。ダウンロード後、ショートカットを右クリック→プロパティ→アイコンの変更で新しいアイコンファイルを適用できます。
Web サイト・ブックマーク用アイコン
ブラウザベースのプロジェクトでは通常、favicon.ico に加えて、ブックマーク、高 DPI のブラウザタブ、関連する Web サイト素材向けの PNG favicon ファイルがいくつか必要です。
TinyImagePro のコンバーターはこの作業をそのまま処理します。従来の favicon 対応としてマルチサイズ ICO ファイルを生成し、必要に応じて選択したサイズの PNG ファイルも書き出せます。
ICNS 形式のネイティブ macOS アプリアイコンが必要な場合、それはこのツールの対象外となる別のパッケージング作業です。このページは Web サイト、Windows、拡張機能、一般的な PNG アイコン素材の出力に焦点を当てています。
Linux
Linux デスクトップ環境(GNOME・KDE Plasma・XFCE)は通常、アプリアイコンに PNG ファイルを使用し、/usr/share/icons/ にテーマとサイズ別に格納されます。Linux のネイティブアプリは基本的に ICO ファイルを必要としません。
Linux で Web 開発を行う場合、標準的な favicon の仕組みが同様に適用されます。16・32・48 px サイズを含む favicon.ico と、モダンブラウザ向けの個別 PNG ファイルを生成してください。
Linux アプリをパッケージングする場合は、TinyImagePro でエクスポートした PNG ファイルをアイコンテーマのパスに対応するサイズのディレクトリにコピーしてください。ほとんどの Linux アイコンテーマは 16・22・24・32・48・64・128・256 px のバリアントを必要とします。
TinyImagePro の PNG アイコンコンバーターを選ぶ理由
Web 上には多くの PNG アイコンコンバーターがあります。TinyImagePro が選ばれる理由を紹介します。
完全無料・登録不要
アカウント不要・サブスクリプション不要・利用制限なし。PNG をアイコンに変換するのは永遠に無料です。
プライバシー保護・ファイルはアップロードされない
PNG アイコン変換の処理はすべてローカルブラウザ内で完結します。画像がサーバーに送信されることは一切ありません。
マルチサイズ ICO を 1 ファイルで生成
すべてのサイズを含む単一の ICO ファイルを生成します。Windows とブラウザが期待する標準形式です。
最大 10 枚の一括変換
複数の PNG を同時にアイコンに変換し、すべてのファイルをワンクリックでダウンロードできます。
ICO と PNG を同時にエクスポート
1 回の変換で、Windows 用 ICO と、Web サイト・ブラウザ拡張機能・Linux アイコンフォルダ用の各サイズ個別 PNG を取得できます。
基本 Favicon HTML ジェネレーター
favicon.ico と選択した PNG favicon ファイル用の標準的な <link> タグを瞬時に生成し、ワンクリックでコピーできます。
PNG アイコン変換に関するよくある質問
PNG をアイコンに変換するにはどうすればよいですか?
上のツールに PNG 画像をアップロードし、チェックボックスで必要なサイズを選択して、「マルチサイズ ICO を生成」を有効にし、「アイコンに変換」ボタンをクリックするだけです。アイコンファイルは数秒で生成されてダウンロードできます。PNG をアイコンに変換するプロセス全体がブラウザ内で完結するため、ファイルのアップロードも待ち時間も必要ありません。
アイコン変換に適した PNG のサイズは?
最良の結果を得るために、最低でも 512×512 ピクセルの正方形 PNG を使用してください。これにより PNG アイコンコンバーターが各標準サイズでクリアな縮小バージョンを生成するのに十分なピクセルデータが確保されます。256×256 の PNG も使用できますが、256 px 出力では若干品質が低下する場合があります。ソース画像は生成したい最大アイコンサイズより小さくしないでください。
1 枚の PNG からマルチサイズアイコンを生成できますか?
はい。これが TinyImagePro の核心機能です。「マルチサイズ ICO を生成」を有効にして必要なサイズをすべて選択すると、各解像度を含む単一の ICO ファイルが作成されます。Windows・ブラウザ・その他のアプリが表示コンテキストに応じて ICO コンテナから最適なサイズを自動的に選択します。
PNG のアイコン変換は無料ですか?
完全無料です。TinyImagePro の PNG アイコンコンバーターには利用制限がなく、登録も不要で、有料プレミアムプランもありません。処理はすべてブラウザ内で行われるためインフラコストが発生せず、永続的に無料でサービスを提供できます。
PNG をアイコンに変換すると画像品質が低下しますか?
高解像度のソース PNG を使用する場合、品質の低下は最小限です。コンバーターはバイキュービック補間を使用して画像を滑らかに縮小します。避けられない品質の低下は、ピクセル数が少なすぎる非常に小さいサイズ(16×16、32×32)でのみ発生します。そのため、アイコンデザインは小さなサイズでも認識できるよう、シンプルで太い形状を使用することをお勧めします。
PNG to Icon変換についてよくある質問
ウェブサイト、Windows、ブラウザー拡張機能向けにPNG画像をアイコンファイルへ変換する方法と関連PNGアセットについてのガイド。