IsekaiKit › 工具

Favicon 產生器

可以從 Logo 開始,也可以只打一個字或 emoji。網站需要的圖示檔一次做好,還附上可以直接貼進網頁的程式碼。

來源
字型
文字顏色
形狀
背景

把所有檔案放在網站的根目錄,和 index.html 放在一起。

網站需要哪些圖示檔?

讓 favicon 清楚好認的訣竅

favicon 非常小,越簡單越好:一個粗體字、一個 emoji 或乾淨的 Logo 標誌,效果都比細節很多的圖片好。看看 16 px 的預覽,如果在那個大小認不出是什麼,就再簡化一點。Apple 會把透明的地方補成黑色,設計有透明背景時,建議幫圖示加上背景色。

用 emoji 當 favicon

輸入任何 emoji 再選個背景色就行。emoji 會用你目前裝置的字型來畫,所以會是 Apple、Google 或 Microsoft 的風格;存成 PNG 之後,在任何地方看起來都一樣。

圖片會上傳嗎?

不會。所有處理都在你自己的瀏覽器裡完成,圖片不會離開你的裝置。頁面載入後就算斷網也能繼續用。

其他好玩的

圖片轉 2048×1536 任何圖片都能放進 2048×1536 或 1536×2048,不拉伸、不裁切。 圖片壓縮與轉檔 把 JPG、PNG、WebP 變小,或互相轉換。可批次、打包 ZIP。 QR Code 產生器 任何網址或文字都能變成 QR Code,可改顏色、下載 PNG。 圖片轉 PDF 把多張 JPG、PNG、WebP 合成一份 PDF,可排序、選 A4 或 Letter。 圖片裁切 把圖片裁成 1:1、16:9、4:3 或任意尺寸,也能旋轉、翻轉。 梗圖產生器 在自己的圖片加上經典的上下梗圖文字,文字可以隨意拖曳。 圖片取色器 點一下圖片任何地方就能拿到 HEX、RGB、HSL 色碼,還會自動抓配色。