網站圖標生成器
將任何圖像轉換為favicon、蘋果、安卓和Windows的圖標
% 客戶端處理
您的圖像在您的瀏覽器本地處理。沒有任何內容上傳到任何服務器。
🎨
把你的形象放在這裡
或單擊以瀏覽
支持PNG、JPG、GIF、WebP（推薦：正方形圖像 × 或更大）
源圖像
瀏覽器預覽
您的網站
+
瀏覽器標籤頁中顯示的圖標
生成的圖標
乘以
圖標.ico
乘以
圖標.ico
乘以
圖標.ico
乘以
蘋果觸摸
乘以
安卓版Chrome
乘以
安卓版Chrome
乘以
便攜網絡圖形
乘以
便攜網絡圖形
乘以
便攜網絡圖形
乘以
便攜網絡圖形
如何使用這些圖標
將此添加到您的網站的“<head>”部分：
<link rel="icon" type="image/x-icon" href="/favicon.ico"> <link rel="icon" sizes="32x32" href="/icon-32.png"> <link rel="icon" sizes="16x16" href="/icon-16.png"> <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> <link rel="manifest" href="/site.webmanifest">
提示: 將favicon.ico放在您的網站根目錄(public_html/)中，以便瀏覽器自動識別。
為什麼你需要多個網站圖標尺寸？
🖥️
瀏覽器標籤頁
瀏覽器會在標籤頁中同時使用“×”圖標和favicon。您的 .ico文件應包含兩種清晰可辨的尺寸。
📱
蘋果設備
當iPhone和iPad使用蘋果的觸摸圖標時，您的網站會生成一張模糊的截圖。
🤖
安卓版Chrome
Android將 × 和 × 圖標用於主屏幕書籤和漸進式Web應用程序 (PWA) 圖標。