圖片轉 網站圖示生成器
從任意圖片生成多種尺寸(16x16 至 512x512)的網站圖示檔案。免費、快速,完全在瀏覽器中執行。
拖放圖片至此處
支援 PNG、JPG、SVG、WebP。最大 10MB。
從任意圖片生成多種尺寸(16x16 至 512x512)的網站圖示檔案。免費、快速,完全在瀏覽器中執行。
支援 PNG、JPG、SVG、WebP。最大 10MB。
網站圖示是出現在瀏覽器標籤、書籤和歷史清單中的小圖示。最初的圖示 - /favicon.ico 上的 16×16 ICO 檔案 - 已擴展為針對不同平台的不同尺寸的一組複雜圖示:瀏覽器標籤為 16×16 和 32×32,iOS 主畫面為 180×180,Android 為 192×192 和 512×512,以及 Windows 512 的各種尺寸。現代網站圖標產生器所做的就是從單一來源圖像生成所有這些內容。
該工具採用單一高解析度來源圖像(通常是方形標誌)並產生全套圖示資源以及引用它們所需的 HTML 連結標籤。輸出包括 ICO、多個 PNG 和用於漸進式 Web 應用程式元資料的 manifest.json。將產生的檔案拖曳到網站的根目錄中,並透過產生的 HTML 引用它們。
所有處理都發生在您的瀏覽器中。無需上傳,無需API調用,無速率限制。輸出適用於顯示網站圖示的所有現代瀏覽器和作業系統。
沒有網站圖示的網站看起來還沒完成。瀏覽器標籤顯示通用圖示;書籤沒有視覺識別碼;網站看起來不太專業。添加適當的圖標集是一個省力、高影響力的拋光步驟,表明對細節的關注。
現代圖標要求已經超出了 /favicon.ico 的範圍。 iOS 主畫面圖示、Android Chrome 圖示、Windows 磁貼圖示和深色模式變體都使用不同的檔案。從一個來源產生所有文件可確保品牌一致,而無需手動管理每個文件。
上傳來源圖片,取得完整的圖示集。
完整的現代圖標集:favicon.ico(16+32+48多解析度)、favicon-16x16.png、favicon-32x32.png、apple-touch-icon.png(180×180)、android-192x192.png、android-chrome-512x512.png、mstile-150150.pngx150.pngx。加上 PWA 的 site.webmanifest,用於 Windows 的 browserconfig.xml。
每個 PNG 都是透過基於畫布的來源下採樣生成的。 ICO 使用 JavaScript 構建,透過使用 DataView 寫入將 16/32/48 版本組合成多重解析度 ICO 格式。
HTML 連結標記使用適當的 rel 和sized 屬性來引用每個檔案。生成器將這些生成為您網站的 <head> 的複製貼上就緒片段。