工具用的順手嗎?
你的回饋能幫助我們做得更好
輸入文字,快速生成圓形或圓角方形字母圖示,適合網站圖示、頭像、UI元素。
概覽
了解工具能解決的問題、計算或處理邏輯,以及資料邊界。
這個工具適合把英文字母、數字或短漢字做成簡潔的識別圖:選字型與粗細、前景文字色、背景色和外形,即時查看預覽,再下載 PNG。輸入欄最多保留兩個字元;較長的名稱不會排成完整字標,請改用縮寫或首字母。
字級以畫布邊長的百分比調整,範圍為 25% 至 85%。例如 55% 表示字體大小依預覽畫布的邊長設定,並非字元實際填滿圖案的比例;字型本身的寬窄、字形留白和字元數都會影響視覺大小。工具提供無襯線、襯線、等寬及圓潤系統字型類別,實際字形會受裝置可用字型影響。
背景可用單色,或由起始色至結束色形成斜向漸層;也可開啟透明背景。透明模式會停用背景色與漸層控制,因此不會同時輸出底色。外形可選方形、圓角或圓形;圓角和圓形以外的畫布角落會保持透明。八組預設配色可快速套用文字色與底色,並會切回不透明單色背景。
預覽固定為 256×256 像素;下載選項則有 32、64、128、256、512 像素的正方形 PNG。各尺寸會依目前設定重新繪製。PNG 是點陣圖,放大顯示時仍以輸出像素為限;本工具不輸出 SVG 向量檔。
指南
依步驟完成操作,並透過範例核對輸入與結果。
範例:輸入「A」,選白色文字與深藍單色底、圓角外形,先預覽 55% 字級,再下載 64×64 PNG 作為原型中的小圖示。若縮小後字形顯得擠,可降低字級或改用單一字元。
情境
查看這項工具在不同工作與生活流程中的用法。
需要清楚區分帳號時,可用姓名首字母、姓氏單字或簡短代碼搭配圓形外形。下載較大尺寸 PNG 後,先放進實際頭像框確認裁切和縮圖可讀性。
正式識別尚未完成時,專案負責人可用一兩個字元配色製作暫用圖示。若打算當作 favicon,需留意小尺寸下細節會消失,並依網站支援方式選擇 PNG。
製作流程圖、原型或內部簡報時,可用透明底短字元標記不同模組;也可使用純色底,讓標記與背景區分。匯出前檢查文字顏色在預計放置的底色上是否清楚。
問答
集中解答常見疑問與容易混淆的問題。
不是。這個選項輸出的是 32×32 像素 PNG,只是檔名使用 .ico。若要使用 PNG,請選擇有尺寸標示的 PNG 下載項,或確認網站依檔案內容與設定能正確讀取;不要只看副檔名判定格式。
不適合。輸入最多兩個字元,較長內容只會保留前兩個字元。請改用縮寫或首字母;完整名稱需要能處理多字排版的設計方式。
不行。開啟透明背景後,背景色和漸層控制會停用,輸出的圖案背景保持透明;關閉透明背景後才可選純色或漸層。
字型類別會使用裝置可用的字形,因此不同系統可能以不同字型呈現。若圖示要用於正式品牌識別,請在實際發布的裝置和尺寸檢查字形與位置。
須知
使用前了解適用範圍、結果限制與必要提醒。
favicon 是顯示在瀏覽器分頁、書籤等位置的小圖示,常見呈現尺寸包含 16×16 像素;不同網站、瀏覽器或應用情境仍可能有各自要求,不能只憑一張 32×32 圖保證所有位置都合用。請依目標網站的設定規格選擇尺寸,並實際檢查縮小後的對比與辨識度。
名為 favicon.ico 的下載選項內容仍是 PNG,副檔名不會轉換檔案格式。若網站要求 ICO,需另行取得真正的 ICO 檔;若接受 PNG,請使用 PNG 副檔名並在網站設定中指向 PNG。PNG 為點陣圖,不能像 SVG 向量圖一樣任意放大保持輪廓銳利;本工具也沒有商標字標編排或 SVG 輸出功能。
圓形和圓角裁切會讓畫布角落透明,透明圖放在不同底色上時觀感也會改變。字型顯示可能隨裝置而異,複雜字形或較細筆畫縮小後尤其需要實際確認。這個工具產生的是短字元圖像,不能取代完整品牌識別、字型授權確認或各平台的圖示規格檢查。
推薦
查找相關工具、專題與可用的 API 能力。