PNG to Icon:無料オンラインPNGアイコンコンバーター
PNG画像をウェブサイト、Windows、macOS、モバイルアプリ向けのアイコンファイルに変換。マルチサイズICOファイル、PNGファビコンパッケージ、すぐに使えるHTMLコードを生成 — 無料、即時、100%ブラウザ処理。
Drag & Drop PNG Images Here
or Click to Upload
Supports: PNG, JPG, WebP, SVG
Max: 10 files, 5MB each
Any Size You Need
Generate icons from 16×16 to 512×512 px
Instant Conversion
PNG to icon in seconds, right in your browser
100% Private
Images never leave your device
Always Free
No limits, no watermarks, no sign-up
関連画像ツール
画像を最適化・編集するための便利なツール
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 ファイル、macOS の .icns ファイル、Web サイトの favicon 用 PNG、モバイルアプリストア向けの各サイズ PNG エクスポートがすべて含まれます。TinyImagePro の PNG アイコンコンバーターは、これらすべてのケースを 1 つのツールでカバーします。
なぜ PNG をアイコン形式に変換する必要があるのか?
PNG をアイコンに変換する必要があるシーンは多くあります。通常の PNG はシステムアイコン・アプリショートカット・ブラウザの favicon としてそのまま使用できません。各プラットフォームに対応したアイコン形式に変換する必要があります。以下は代表的な 6 つのユースケースです。
Web サイトの Favicon
すべての Web サイトにはブラウザタブ・ブックマーク・検索結果に表示される favicon が必要です。PNG をアイコンに変換することで、すべての主要ブラウザに対応したマルチサイズ favicon.ico を生成できます。
Windows デスクトップアイコン
Windows のショートカット・フォルダ・アプリは ICO ファイルを使用します。PNG を Windows アイコンに変換すると、16・32・48・256 px の各バージョンを含むファイルが生成され、Windows が適切なサイズを自動選択します。
macOS アプリアイコン
macOS は Dock・Finder・Spotlight にアプリアイコンを表示します。PNG アイコンコンバーターを使って、Mac アプリバンドルに適した各サイズのアイコン素材を作成しましょう。
モバイルアプリアイコン
iOS と Android はホーム画面・アプリストア・システムメニュー用に特定サイズ(60×60 〜 512×512 px)のアイコンを必要とします。PNG をアイコンに変換して、必要なすべてのサイズを一度にエクスポートしましょう。
ソフトウェア・ゲームアイコン
ゲームや生産性ソフトは実行ファイルやインストーラー用に ICO ファイルを必要とします。PNG アイコンファイルコンバーターで、製品があらゆる解像度でプロフェッショナルなアイコンを持てるようにしましょう。
ブラウザ拡張機能のアイコン
Chrome・Firefox・Edge 拡張機能には 16・48・128 px の PNG アイコンが必要です。PNG をこれらの正確なサイズのアイコンに変換して、manifest.json から直接参照するだけで完了です。
オンラインで PNG をアイコンに変換する方法
TinyImagePro を使えば、ソフトのインストールもアカウント登録も不要で、PNG を数秒でアイコンに変換できます。操作手順は以下の通りです。
ステップ 1 — PNG 画像をアップロード
PNG ファイルをアップロードエリアにドラッグ&ドロップするか、クリックしてローカルファイルを選択します。一括変換は最大 10 枚まで対応、JPG・WebP・SVG 形式もサポートしています。最良の結果を得るために、最低でも 256×256 ピクセルの正方形 PNG を使用することをお勧めします。
ステップ 2 — アイコンサイズを選択
アイコンに含めるサイズを選択します。「推奨」プリセットで Windows 標準サイズ(16・32・48・64・128・256 px)がすべて自動選択され、「Favicon のみ」では最小限の 16×32 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 | タスクバーショートカット・HiDPI タブ |
| 48×48 | favicon-48x48.png | Windows Web サイトショートカット |
| 180×180 | apple-touch-icon.png | iOS ホーム画面アイコン(Apple Touch Icon) |
| 192×192 | android-chrome-192x192.png | Android Chrome ホーム画面 |
| 512×512 | android-chrome-512x512.png | Android スプラッシュ画面・PWA |
Windows アイコンサイズ
| サイズ | 用途 | 重要度 |
|---|---|---|
| 16×16 | タスクバー・タイトルバー・リストビュー | 必須 |
| 32×32 | デスクトップショートカット(標準 DPI) | 必須 |
| 48×48 | デスクトップショートカット(標準ビュー) | 推奨 |
| 64×64 | 高 DPI ディスプレイ | 推奨 |
| 128×128 | 特大アイコンビュー | オプション |
| 256×256 | 特大アイコン・4K モニター | 推奨 |
モバイルアプリアイコンサイズ
これらのサイズをエクスポートする際は「PNG ファイルも個別にエクスポート」を有効にしてください。モバイルアイコンは ICO ではなく PNG 形式で使用されます。
| プラットフォーム | サイズ(px) | 用途 |
|---|---|---|
| iOS(iPhone) | 60, 76, 120, 152, 180 | ホーム画面・App Store |
| Android | 48, 72, 96, 144, 192, 512 | ランチャー・Google Play |
| PWA(Web App) | 192, 512 | ホーム画面・スプラッシュ画面 |
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"> <!-- Apple Touch Icon(iOS ホーム画面)--> <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> <!-- Web App Manifest(Android / PWA)--> <link rel="manifest" href="/site.webmanifest">
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 ファイルを生成します。ダウンロード後、ショートカットを右クリック→プロパティ→アイコンの変更で新しいアイコンファイルを適用できます。
macOS
macOS アプリは Windows の ICO 形式とは異なる ICNS 形式をアイコンに使用します。ただし macOS 上の Web サイト favicon については、Safari も他のブラウザと同様に PNG と ICO ファイルを完全にサポートしています。
Apple Touch Icon(180×180 PNG)は、macOS または iOS ユーザーが Web サイトをホーム画面やブックマークに追加した際に表示されます。TinyImagePro の PNG アイコンコンバーターは PNG エクスポートを有効にすると、このサイズを自動生成します。
ネイティブ macOS アプリアイコンには、追加で .icns 形式への変換が必要です。TinyImagePro は必要なすべての PNG アセット(16・32・128・256・512 px)を生成できます。これらを Xcode または iconutil で ICNS ファイルに組み立てられます。
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 を追加するための <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画像をアイコンファイルに変換する方法についての全ガイド。