Favicon產生器
從任意圖片產生完整的favicon套件:涵蓋瀏覽器、iOS和Android所需的全部尺寸。
如何使用本工具
- 1
上傳一張正方形圖片(建議使用PNG,512×512或更大)。
- 2
我們會以每一種常見的favicon尺寸進行算繪。
- 3
下載每個PNG。
- 4
在HTML的<head>中透過合適的sizes屬性引用它們。
什麼是Favicon產生器?
現代的favicon不再只有16×16。iOS需要一個180×180的apple-touch-icon,Android需要192×192和512×512的PWA圖示,而高解析度螢幕則使用32×32或48×48。本工具會從單張來源圖片產生所有常見尺寸,以便你透過<link rel='icon' sizes='...'>標籤來提供它們。
常見使用場景
Quickly resizing a logo to all the tab and home-screen icon sizes before launching a new website.
Generating the 192x192 and 512x512 PNGs a Progressive Web App manifest requires for installability.
Producing a 180x180 apple-touch-icon so a page saved to an iPhone home screen shows a crisp icon.
Creating 16x16 and 32x32 tab icons for a side project without opening a desktop image editor.
Batch-previewing how a detailed logo holds up when shrunk to tiny sizes, so you can simplify it if needed.
Resizing icons offline or on a locked-down work machine where uploading brand assets to a web service is not allowed.