网站图标生成器
將任何图像转换为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) 图标。