* 此文章僅適用于 Mac 用戶
favicon ... 也就是瀏覽器書簽里那個小圖標(biāo)。在不同設(shè)備和瀏覽器上咳焚，其顯示形態(tài)不同洽损。
Mac Safari
iOS Safari
當(dāng)然，除此之外還有 Chrome 革半、IE ... 這些不同的瀏覽器碑定；除了瀏覽器多樣，還有設(shè)備尺寸多樣 ── iPad 又官、iPhone 延刘、Web 、Android ...
因此六敬，為了打造出優(yōu)秀的用戶體驗碘赖，必須考慮到跨平臺、跨設(shè)備問題外构。
說這么多普泡，要滿足這些條件一個 Mac App 就夠了，它就是 Image2Icon 审编。對于動手能力強的朋友撼班，教程到這里就結(jié)束了。請移步官網(wǎng)下載垒酬。
Image2Icon
下載完 app 后砰嘁，按照下面這幾個步驟：
1. 在 Photoshop 等軟件中制作好 icon ，以圖片格式導(dǎo)出即可勘究；
以這個 emoji.png 為例
2. 將圖片拖動到 app 中般码，app 會自動導(dǎo)出一個文件夾到桌面；
演示動圖
3. 打開文件夾乱顾，其中有一個名為「index.html」文件，它是將 favicon 內(nèi)嵌到網(wǎng)頁中的代碼模板宫静。將代碼模板復(fù)制到要內(nèi)嵌的 html 文件的 <head></head> 標(biāo)簽中走净。把上一步生成的文件夾上傳至服務(wù)器，更改模板中的路徑為自己上傳的文件夾的路徑孤里。（注意伏伯，模板中的文件名和格式不要更改，更改文件夾路徑即可捌袜。）
下劃線部分為我更改后的路徑
完成效果：
Mac Safari
