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 影像的方形副本(每種尺寸您要求的一個)打包到一個。ico 檔案中。這是大多數人在第一次嘗試時犯錯的部分:。ico 不是一個具有不尋常擴展的圖像,它是一個小容器,前面有一個目錄,列出了其中的每個圖像以及每個圖像的開始位置。無論文件讀到什麼 - 瀏覽器繪製選項卡,桌面繪製快捷方式 - 都會查看該目錄並獲取最接近其所需大小的條目。

此頁面寫入四種大小,當您到達時它們都會被勾選:16、32、48 和 256 像素。每個勾選的方塊都會在 。ico 內變成一個方形圖像,儲存 PNG 壓縮,其 alpha 通道完好無損,並且尺寸首先寫得最小。取消勾選您不想要的,檔案會變小。取消勾選所有四個,轉換器會回退到寫入所有四個,因為其中沒有任何內容的圖示不是有用的檔案。 256 上限是說話的格式而不是工具:ICO 目錄條目將其寬度記錄在單一位元組中,這就是為什麼 256 是 。ico 可以攜帶的最大圖像,也是為什麼它被儲存為特殊值零。

從至少與您勾選的最大尺寸一樣大的方形 PNG 開始。轉換器將您的影像縮放到每個正方形,縮小是看起來不錯的方向。為其提供 64 px 來源,勾選 256,256 條目是拉伸四次的 64 px 影像,其柔軟且有斑點,其尺寸與高 DPI 螢幕顯示的尺寸完全相同。您的設計工具匯出的 512x512 覆蓋每個箱子,並有空閒空間。

非方形標誌是另一個常見問題。轉換器拉伸圖像以填充每個正方形,而不是讓它溢出或猜測裁切,它告訴你它確實如此:放下 1024x256 字標,行上寫著"圖像是 1024x256,因此它被拉伸為 16 的正方形, 32, 48, 256 px。"無論如何,拉伸的字標在 16 px 時是不可讀的。修復方法是在轉換之前而不是之後決定小尺寸應該顯示什麼。通常這意味著單獨裁剪符號,或將字標填充到具有透明邊距的方形畫布上,以便保持其比例並簡單地放置在圖標內較小的位置。

這是一個完整的運行。取一個名為 logo。png 的 512x512 文件,勾選所有四個方框並將其放入。它立即轉換:該行顯示輸入大小、箭頭、輸出大小和大小變化,並註明「包含 16、32、48、256 px 圖示」。其下方,行上的下載圖示會儲存 logo。ico。 Untick 256 和檔案再次自行轉換:同一來源現在會產生一個更輕的文件,其中包含三個影像,因為 256 px 條目是大部分重量。將八個品牌的 PNG 一起放下,下載所有(8 張圖像)將轉換後的 ico。zip 與裡面的每個 .ico 一起寫入,對重複的名稱進行編號而不是覆蓋它們。

一切都運行客戶端。您的瀏覽器對PNG 進行解碼,在畫布上以每個請求的大小繪製它,將每個方塊編碼為PNG 並在內存中組裝。ico,因此藝術品永遠不會離開設備,頁面在加載後將繼續與網絡斷開連接。每種大小都保留透明度,並且後面沒有任何內容被填入。附在來源上的元資料和顏色設定檔會透過畫布步驟刪除。超過 100 兆像素的圖像會因訊息而被拒絕,空檔案將被拒絕,檔案大小沒有位元組上限,並且該工具是免費的,沒有註冊,並且每天都有轉換限制。

如何將 PNG 轉換為 ICO

  1. 新增您的 PNG 檔案

    將 PNG 圖像放入標有"在此處放下 PNG 圖像或單擊上傳",或單擊它以選擇它們"的框中。每個檔案一新增就開始轉換。 256 px 或更大的方形來源在每個圖示大小下都能提供最佳結果。

  2. 選擇圖示大小

    在圖示大小下,勾選 。ico 中您想要的方塊:預設勾選 16px、32px、48px 和 256px。每個勾選的方塊都會向檔案新增一張圖像,勾選或取消勾選方塊會再次轉換每個新增的檔案。

  3. 檢查每個結果

    每行顯示一個縮圖、其狀態、一條帶有尺寸變化的尺寸線以及一條列出其寫入的尺寸的註釋,如果非方形圖像必須拉伸成正方形,則帶有警告和真實尺寸。點擊縮圖以查看大圖示並比較之前和之後。

  4. 下載圖示

    按行上的下載圖示儲存單一文件,或下載清單標題中的全部(n 張圖像),這會儲存轉換後的 ico。zip,並將批次放入其中。

為什麼要將 PNG 轉換為 ICO?

現在很多地方都以普通的 PNG 作為圖標,因此可以公平地問為什麼舊容器仍然值得製造。三個工作仍然需要一個真正的。ico 檔案。

網站根部的 favicon。ico

當頁面未聲明圖示時,顯示網站圖示的瀏覽器和許多其他工具會尋找/favicon。ico。該位址的單一。ico 會回答所有這些問題,並且由於它包含多種大小,因此它看起來就像在選項卡、書籤列和固定快捷方式中一樣。

Windows 快捷方式、資料夾和安裝程式

Windows 讀取快捷方式圖示、自訂資料夾圖示和應用程式中嵌入的圖示的。ico 檔案。它選擇與視圖相符的條目,因此同一檔案服務於小清單視圖和超大圖示視圖。一個單獨的 PNG 無法做到這一點。

保持設計匯出的透明度

從設計工具匯出的標誌通常是具有透明背景的 PNG,這是正確的起點。這裡寫的每個尺寸都作為 PNG 儲存在容器內,因此清晰的背景在 16 px 和 256 px 處都清晰可見。從照片開始? JPG 到 ICO 轉換器涵蓋了這種情況,儘管 JPG 不會帶來透明度。

PNG 與 ICO:使用哪一個

PNG 和 ICO 作為圖示格式進行比較
特色巴布亞紐幾內亞國際奧委會
文件保存什麼一張圖片。幾個方形圖像,每種尺寸一個,並有一個列出它們的目錄。
壓縮無損。取決於每個條目。此頁面將每個條目儲存為無損 PNG。
透明度完整的阿爾法通道。32 位元和 PNG 條目中的完整 alpha,這就是本頁所寫的。
動畫不在標準 PNG 中。不。
最大的圖像遠遠超出了圖示所需的任何內容。每個條目 256 x 256 像素。
典型的文件大小對於單一圖示大小的圖像來說很小。更大,因為它可以承載各種尺寸。 256 px 條目是大部分重量。
瀏覽器和軟體支援每個瀏覽器和編輯器。被目前瀏覽器接受為收藏夾。每個瀏覽器都作為圖標,Windows 作為快捷方式和應用程式圖示。
最好使用連結標籤聲明的藝術品、網路圖像和圖示。favicon。ico、windows 圖示以及任何一個檔案必須涵蓋多種大小的位置。

解釋了惠維康尺寸

。ico 中的每個大小都存在,因為某些東西會以大致該大小繪製圖示。哪個程式使用的條目會隨瀏覽器、作業系統和顯示縮放而變化,因此將下面的清單視為常見情況而不是規則。

通常使用每種 ICO 尺寸
尺寸常用於
16 像素標準顯示器上的瀏覽器標籤、網址列和書籤清單。
32 像素高密度顯示器上的瀏覽器選項卡以及 Windows 中的工作列和快捷方式圖示。
48 像素Windows 中的桌面快捷方式和中圖示視圖。
256 像素大圖示視圖和超大圖示視圖以及非常高密度的螢幕。

小條目最重要,因為它們是人們一整天看到的內容,也是細節首先耗盡的內容。帶有文字標記、薄輪廓或標語的徽標通常需要 16 和 32 px 的更簡單版本:僅符號,筆畫足夠厚,可以保留幾個像素寬。

手機的觸控圖示是一個單獨的檔案。例如,iPhone 主螢幕快捷方式使用帶有自己的連結標籤的較大 PNG,而 。ico 不會取代它。

隱私和安全

  • 使用瀏覽器的 Canvas API 在客戶端調整大小和打包。 PNG 和完成的。ico 永遠不會離開此選項卡。
  • 未發布的徽標或品牌標記可以轉換,而無需將其交給第三方服務。
  • 每日使用檢查發送檔案計數、位元組組合大小和目標格式。不包括檔案名稱和影像像素。
  • PNG 中的元資料和顏色設定檔不會複製到圖示條目中。
  • 完成的圖示將保存在記憶體中,直到您刪除它們、按「全部清除」或關閉選項卡,並且伺服器上不會儲存任何副本。

主要特點

  • 一個檔案中有四種圖示大小

    16、32、48 和 256 px,每個都在 。ico 內有一個單獨的圖像。僅勾選您想要的尺寸,其餘的則省略

  • 帶有 alpha 的 PNG 壓縮條目

    每個方塊都以 32 位元 PNG 的形式儲存在容器內,因此透明標誌在每種尺寸下都保持透明,並且後面沒有繪製背景

  • 關於非方形來源的警告

    文字標記或橫幅被拉伸以填充方塊,該行告訴您原始尺寸,以便您可以返回並裁剪或填充,而不是運送被壓扁的圖標

  • 使用 ZIP 進行批次轉換

    立即新增一整套品牌 PNG,並將它們作為轉換後的 ico。zip 取出,並對重複的檔案名稱進行編號而不是覆蓋

Frequently Asked Questions

將 PNG 放到此頁面的方塊上,並在顯示「完成」時從其行下載。勾選剩餘的圖示大小框後,您的瀏覽器會繪製每個大小的圖像,並在新增檔案後立即在本機組裝。沒有安裝任何內容,也沒有上傳任何內容。

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