Command Palette

Search for a command to run...

PN

PNGからICOへのコンバーター

ブラウザでPNG画像をICOファビコンにバッチで変換します

PNGtoICOConverts as soon as you add files
Icon sizes

ICO is the favicon container. The file holds one square icon for each size you picked.

Files (0)

No files yet

Add files and they convert right away. Change a setting and they convert again.

Built with open source libraries. Licenses

PNGからICOへのコンバーターとは何ですか?

PNGからICOへのコンバーターは、PNG画像の正方形のコピーをパックします, あなたが求めるサイズごとに1 つ, 単一の.icoファイルに.それは、ほとんどの人が最初の試みで間違って取得する部分です:.icoは、珍しい拡張子を持つ1 つの画像ではありません, それは、その中のすべての画像をリストし、それぞれの1 が起動するフロントにディレクトリを持つ小さなコンテナファイルを読み取るものは何でも - ブラウザはタブを描画, デスクトップはショートカットを描画 - そのディレクトリを見て、必要なサイズに最も近いエントリを取ります。

このページは4 つのサイズを書き込み、それらはすべてあなたが到着したときにチェックマークを付けます: 16、32、48、256 ピクセル チェックマークを付けた各ボックスは.icoの内側に1 つの正方形の画像になり、そのアルファチャンネルをそのままにPNG圧縮して保存され、サイズは最初に最も小さく書かれません望まないものをチェックマーク解除し、ファイルは小さくなります 4 つすべてをチェックマーク解除し、コンバータは4 つすべてを書き込むことに戻ります、なぜなら何も入っていないアイコンは有用なファイルではないからです 256 天井はツールではなく話す形式です: ICOディレクトリエントリはその幅を1 バイトで記録します、それが256 が.icoが運ぶことができる最大の画像であり、特別な値ゼロとして保存される理由です。

少なくともあなたがチェックを入れた最大のサイズと同じくらいの大きさの正方形のPNGから始めますコンバータはあなたの画像を各正方形に縮小し、縮小はよく見える方向ですそれに256 ティックで64 pxのソースを供給し、256 エントリは4 回引き伸ばされた64 pxの画像で、高DPI画面が示すサイズとまったく同じサイズで柔らかくて斑点がありますデザインツールからの512x512 エクスポートは、スペアの余地ですべてのケースをカバーします。

正方形ではないロゴは、もう 1 つの一般的な問題です。コンバーターは、画像を溢れさせたり、切り抜きを推測したりするのではなく、各正方形を埋めるために画像を伸ばします。そして、それができたことを示します。1024x256 のワードマークをドロップすると、行は「画像は 1024x256 だったので、16、32、48、256 px の正方形に伸ばされました。」いずれにせよ、伸ばしたワードマークは 16 px では読めません。修正とは、変換後ではなく、変換前に小さなサイズを表示する必要があるものを決定することです。通常、これは、シンボルに単独でトリミングするか、プロポーションを保ち、単にアイコンの内側に小さく収まるように、透明な余白で正方形のキャンバスにワードマークをパッドで入れることを意味します。

ここではフルランです。 logo.png と呼ばれる 512x512 ファイルを取り、4 つのボックスすべてにチェックを入れたままにしてドロップします。すぐに変換します。行に入力サイズ、矢印、出力サイズ、およびサイズ変更が表示され、「16、32、48、256 px アイコンが含まれています。」というメモが下に表示され、行のダウンロード アイコンに logo.ico が保存されます。 256 をアンティックすると、ファイルは自動的に再度変換されます。同じソースで 3 つの画像を含むはるかに軽いファイルが生成されます。256 px エントリが最も重みだったので、8 つのブランド PNG を一緒にドロップし、すべてダウンロード (8 つの画像) は、すべての.ico を内側に付けて converted-ico.zip を書き込み、重複する名前に上書きするのではなく番号を付けます。

すべてがクライアント側で実行されます。ブラウザは PNG をデコードし、キャンバス上の要求されたサイズごとに描画し、各正方形を PNG としてエンコードし、メモリ内の.ico を組み立てます。そのため、アートワークはデバイスから離れることはなく、ページはロードされるとネットワーク切断された状態で動作し続けます。透明性はあらゆるサイズで保存され、その後ろには何も埋められません。ソースに添付されたメタデータとカラー プロファイルはキャンバス ステップによってドロップされます。100 メガピクセルを超える画像はメッセージで拒否され、空のファイルは拒否され、ファイル サイズにはバイト単位の上限がなく、ツールは無料です。サインアップなし。変換には 1 日あたりの制限があります。

PNGをICOに変換する方法

  1. PNG ファイルを追加します

    「ここにPNG画像をドロップするか、クリックしてアップロード」とマークされたボックスにPNG画像をドロップするか、クリックして選択します。各ファイルは追加されるとすぐに変換を開始します。 256 px以上の正方形のソースは、すべてのアイコンサイズで最良の結果をもたらします。

  2. アイコンのサイズを選択します

    アイコンのサイズでは、.ico 内に必要な四角形にチェックを入れます。デフォルトでは、16 ペンス、32 ペンス、48 ペンス、256 ペンスがすべてチェックを入れられます。チェックを入れた各ボックスでファイルに 1 つの画像が追加され、ボックスにチェックを入れたりチェックを外したりすると、追加されたすべてのファイルが再び変換されます。

  3. それぞれの結果を確認します

    各行には、サムネイル、そのステータス、サイズの変化を伴うサイズ線と、それが書いたサイズをリストしたメモが表示され、警告と、正方形ではない画像を正方形に伸ばす必要がある場合の実際の寸法をサムネイルでクリックすると、アイコンが大きく表示され、前と後を比較できます。

  4. アイコンをダウンロード

    行のダウンロード アイコンを押して 1 つのファイルを保存するか、リスト ヘッダーにすべてダウンロード (n 個の画像) を押します。これにより、バッチを内側にして converted-ico.zip が保存されます。

なぜPNGをICOに変換するのですか?

多くの場所がプレーンな PNG をアイコンとして採用しているため、古いコンテナがまだ作成する価値がある理由を尋ねるのが公平です。 3 つのジョブでは、実際の.ico ファイルがまだ必要です。

サイトの根元にあるfavicon.ico

サイトのアイコンを表示するブラウザーやその他の多くのツールは、ページがアイコンを宣言していないときに /favicon.ico を探します。そのアドレスの 1 つの.ico がそれらすべてに答え、いくつかのサイズを保持しているため、タブ、ブックマーク バー、ピン留めされたショートカットに同様に見えます。

Windows ショートカット、フォルダー、インストーラー

Windowsは.icoファイルを読み込んでショートカットアイコン、カスタムフォルダアイコン、アプリケーションに埋め込まれたアイコンを表示しますビューに一致するエントリを選択するため、同じファイルが小さなリストビューと余分な大きなアイコンビューを提供することはできません単独のPNG.

デザインのエクスポートから透明性を維持します

デザインツールからエクスポートされたロゴは通常、透明な背景を持つPNGであり、それが正しい出発点です ここに書かれた各サイズはコンテナ内にPNGとして保存されるため、透明な背景は16 pxと256 pxで同じように通過します 代わりに写真から? [JPGからICOへのコンバータ] (/tools/jpg-to-ico) はそのケースをカバーしますが、JPGはそれに透明性をもたらしません。

PNG と ICO: どちらを使用するか

アイコン形式として比較されたPNGとICO
特集pngICO
ファイルが保持するもの1 つの画像.サイズごとに 1 つずつ、いくつかの正方形の画像と、それらをリストしたディレクトリ。
圧縮ロスレス.各エントリによって異なります このページでは、すべてのエントリをロスレスPNGとして保存します。
透明度フルアルファチャンネル.32 ビットおよび PNG エントリのフル アルファ。これがこのページで書かれています。
アニメーション標準PNGにはありません.いいえ.
最大 画像アイコンが必要とするものをはるかに超えています。エントリーあたり 256 x 256 ピクセル.
一般的なファイルサイズアイコンサイズの画像 1 枚に対して小さい。大きいです, それはすべてのサイズを運ぶので. 256 pxのエントリは、重量のほとんどです.
ブラウザとソフトウェアのサポートすべてのブラウザとエディタ。現在のブラウザではファビコンとして受け入れられています。すべてのブラウザはファビコンとして、Windows はショートカットとアプリケーション アイコンとして使用されます。
に最適リンクタグで宣言されたアートワーク、Web 画像、アイコン。favicon.ico、windowsアイコン、およびどこでも1 つのファイルはいくつかのサイズをカバーする必要があります。

ファビコンのサイズについて説明しました

.ico 内の各サイズは、何かがおおよそそのサイズでアイコンを描画するために存在します。どのプログラムがどのエントリを使用するかは、ブラウザ、オペレーティング システム、ディスプレイのスケーリングによって異なるため、以下のリストをルールではなく一般的なケースとして扱います。

各ICOサイズが一般的に使用される場所
サイズに一般的に使用されます
16px標準ディスプレイのブラウザ タブ、アドレス バー、ブックマーク リスト。
32px高密度ディスプレイのブラウザ タブ、Windows のタスクバー アイコンとショートカット アイコン。
48pxWindows のデスクトップ ショートカットと中型アイコン ビュー。
256px大型および超大型のアイコン ビュー、および非常に高密度の画面。

小さなエントリは、人々が一日中見ているもの、そして最初に詳細が尽きるものであるため、最も重要です。ワードマーク、細い輪郭、またはキャッチフレーズを持つロゴには、通常、16 および 32 px のより単純なバージョンが必要です。シンボルのみで、数ピクセルの幅で生き残るのに十分な太さのストロークを使用します。

電話機のタッチアイコンは別のファイルです。 iPhoneのホーム画面のショートカットは、たとえば、独自のリンクタグで宣言されたより大きなPNGを使用し、.icoはそれを置き換えることはありません。

プライバシーとセキュリティ

  • サイズ変更とパッキングはブラウザのCanvas APIでクライアント側で行われます。 PNGと完成した.icoはこのタブから離れることはありません。
  • 未発表のロゴやブランドマークは、サードパーティのサービスに渡さなくても変換できます。
  • 毎日の使用量チェックでは、ファイル数、結合サイズ (バイト単位)、およびターゲット形式が送信されます。ファイル名と画像ピクセルは含まれません。
  • PNG 内のメタデータとカラー プロファイルはアイコン エントリにコピーされません。
  • 完成したアイコンは、削除するか、すべてをクリアするかタブを閉じるまでメモリに保持され、サーバーにはコピーが保存されません。

主な機能

  • 1 つのファイルに4 つのアイコンサイズ

    16、32、48、256 px、それぞれ.ico 内に個別の画像。必要なサイズのみにチェックを入れ、残りは省略します

  • アルファを含む PNG 圧縮エントリ

    各正方形はコンテナ内に 32 ビット PNG として保存されるため、透明なロゴはあらゆるサイズで透明に保たれ、その後ろに背景は描かれません

  • 非正方形のソースについて警告します

    正方形を埋めるためにワードマークまたはバナーが伸びており、行が元の寸法を示すため、潰したアイコンを出荷するのではなく、戻ってトリミングまたはパッドを入れることができます

  • ZIPによるバッチ変換

    ブランドPNGのセット全体を一度に追加し、上書きではなく番号を付けた重複ファイル名で、それらをconverted-ico.zipとして持ち去ります

Frequently Asked Questions

このページのボックスにPNGをドロップし、Completeが表示されたらその行から.icoをダウンロードします。 「アイコン」サイズのボックスがチェックマークされたままになっていると、ブラウザは各サイズで画像を描き、ファイルが追加されるとすぐに.icoをローカルに組み立て、押すボタンも何もインストールされず、何もアップロードされません。

Comments

0 comments

0/2000 characters

No comments yet. Be the first to share your thoughts!

png to icopng to ico filepng to ico converterconvert png to icopng to ico generatorchange png to icopng to ico formatconvert png to favicon icohow to convert png to icohow to save png as icofree online png to ico converter