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 をアイコンに変換するとは?

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

ステップ 1PNG 画像をアップロード

PNG ファイルをアップロードエリアにドラッグ&ドロップするか、クリックしてローカルファイルを選択します。一括変換は最大 10 枚まで対応、JPG・WebP・SVG 形式もサポートしています。最良の結果を得るために、最低でも 256×256 ピクセルの正方形 PNG を使用することをお勧めします。

2

ステップ 2アイコンサイズを選択

アイコンに含めるサイズを選択します。「推奨」プリセットで Windows 標準サイズ(16・32・48・64・128・256 px)がすべて自動選択され、「Favicon のみ」では最小限の 16×32 px 組み合わせが選択されます。各サイズボタンをクリックしてカスタム選択することも可能です。

3

ステップ 3出力オプションを選択

「マルチサイズ ICO を生成」を有効にすると、選択したすべてのサイズが 1 つの .ico ファイルにまとめられます(Windows アイコンと favicon の標準形式)。必要に応じて「PNG ファイルも個別にエクスポート」を有効にすると、各サイズの .png ファイルが生成されます(Web・モバイルアプリ向け)。「Favicon HTML コードを生成」を有効にすると、サイトにそのまま貼り付けられる <link> タグが生成されます。

4

ステップ 4アイコンファイルをダウンロード

「アイコンに変換」ボタンをクリックすると、ファイルがブラウザ内で即座に生成されます。マルチサイズ ICO を個別にダウンロードするか、各サイズを別々にダウンロードできます。複数 PNG の一括変換時は「ZIP でまとめてダウンロード」で、ソースファイル名ごとに整理されたすべての変換済みアイコンを一括取得できます。元の PNG はアップロードされず、すべての処理はデバイス上で行われます。

PNG アイコンサイズガイド:必要なすべてのサイズ

プラットフォームや用途によって必要なアイコンサイズは異なります。PNG をアイコンに変換する際、正しいサイズを選択することで、すべてのデバイスと OS でアイコンが正しく表示されます。以下はプラットフォーム別の代表的な PNG アイコンファイルサイズ一覧です。

Web サイト Favicon サイズ

サイズファイル名用途
16×16favicon-16x16.pngブラウザタブ・アドレスバー
32×32favicon-32x32.pngタスクバーショートカット・HiDPI タブ
48×48favicon-48x48.pngWindows Web サイトショートカット
180×180apple-touch-icon.pngiOS ホーム画面アイコン(Apple Touch Icon)
192×192android-chrome-192x192.pngAndroid Chrome ホーム画面
512×512android-chrome-512x512.pngAndroid スプラッシュ画面・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
Android48, 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 コードを生成」を有効にすると、選択したサイズに基づいてカスタマイズされたタグを取得できます。

HTML — <head> セクション
<!-- 標準 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 を追加するための &lt;link&gt; タグを瞬時に生成し、ワンクリックでコピーできます。

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画像をアイコン形式に変換できます。すべての処理はブラウザ内で完結するため、サーバーコストが発生せず、無制限で無料提供を続けられます。
最良の結果を得るには、最小512×512ピクセルの正方形PNGを使用してください。コンバーターはどんなサイズでも縮小できますが、大きなソース画像から始めると16×16や32×32などの小サイズでもより多くの詳細が保持されます。256×256が推奨される最低ソースサイズです。
PNGをアップロードし、「ファビコンのみ」プリセットをクリックして16×16と32×32サイズを自動選択し、「個別PNGファイルをエクスポート」を有効にして追加のWebサイズを取得し、「ファビコンHTMLコードを生成」をオンにしてすぐに貼り付けられるHTMLのlinkタグを取得してください。すべてをZIPでダウンロードし、ウェブサイトのルートディレクトリにコピーします。
ICOファイルは、異なるサイズの複数のPNG画像を1つのファイル内に格納するコンテナ形式です。ブラウザやOSがアイコンを表示する際、ICOコンテナから最適なサイズを自動的に選択します。通常のPNGは1つのサイズしか保持できません。最大の互換性のために、WindowsアイコンとファビコンにはマルチサイズICOファイルを、WebやモバイルアイコンにはPNGファイルを使用してください。
はい。最大10枚のPNGファイルを一度にアップロードでき、すべて同じサイズ設定で変換されます。完了後は「すべてZIPでダウンロード」を使用すると、変換されたすべてのアイコンがソースファイル名ごとに整理された単一のアーカイブとして受け取れます。
完全なWindowsアイコンには、16×16(タスクバー・タイトルバー)、32×32(標準デスクトップ)、48×48(通常アイコンビュー)、256×256(高DPIモニターと大アイコンビュー)を含めてください。ツールの「推奨」プリセットはこれらのサイズをすべて自動選択します。最高のWindows互換性のためにマルチサイズICOファイルにまとめてください。
完全に安全です。TinyImageProはCanvas APIを使用してブラウザ内ですべての画像を処理します。PNGファイルがサーバーにアップロードされることはありません。画像は常にお使いのデバイスに保存されるため、プライベート・機密・商業的に敏感なデザインファイルにも安心して使用できます。
はい。変換前に「個別PNGファイルもエクスポート」チェックボックスを有効にしてください。ツールは.ico出力とともに、選択した各サイズに対して個別の.pngファイルも生成します。PNGエクスポートは標準の命名規則(例:favicon-32x32.png、apple-touch-icon.png)を使用しており、ウェブサイトやモバイルアプリプロジェクトにすぐ使用できます。
はい。TinyImageProはモバイルに完全対応しています。ツールはモバイルブラウザで動作するため、アプリのダウンロードは不要です。スマートフォンのギャラリーから写真をアップロードし、希望のアイコンサイズを選択し、変換されたICOまたはPNGファイルをデバイスに直接ダウンロードしてください。
16×16や32×32でのぼやけは、通常、ソース画像に細部が多すぎてそれほど少ないピクセル数では表現できないことが原因です。解決策はアイコンデザインを簡略化することです。太い形状、太い線、アイコンと背景の高いコントラストを使用してください。16ピクセルで表示されるアイコンには細いストロークや小さなテキストを使用しないでください。