Random Avatar Generator 接受一個名稱或簡短標籤,並回傳一張正方形 PNG,尺寸固定為 128、256 或 512 像素,形狀為圓形或圓角正方形,中央有一個或兩個白色縮寫字母,背景從一組深色中隨機選取,整個工作流程都在瀏覽器分頁中本地執行,無需上傳。這份速查表將所有固定參數、所有正規化規則以及所有下載細節集中於一處,讓讀者無須重讀冗長說明文件即可一眼確認設定。本文其餘部分將此工具經驗證的行為——縮寫字母擷取、空白處理、調色盤選擇、形狀幾何、檔名建構、錯誤處理,以及工具刻意不產出之內容的限制——濃縮成單一參考。請搭配實際生成器使用,以便在建立或重新產生頭像前確認輸入選擇。

avatar generator cheat sheet
avatar generator cheat sheet

速查表一覽

Random Avatar Generator 公開的每個參數都固定為一組小而明確的數值。下表完整涵蓋其表面範圍——允許的內容、固定的內容,以及自動產生的內容——如此一來便不必每次閱讀頁面重新摸索控制項。

設定允許的值
輸出尺寸128、256 或 512 像素(永遠是正方形)
形狀圓形或圓角正方形
背景調色盤八種固定深色之一,隨機選取
縮寫字母第一個字的第一個字元;若存在最後一字,則取該字的第一個字元
前景白色、置中、依畫布大小縮放的系統無襯線字體
檔案類型PNG,在選定形狀四周具透明邊角
檔名由標籤中的小寫 ASCII 字母與數字組成,以連字號串接,加上 "-avatar.png"
處理位置僅在當前瀏覽器分頁中——無伺服器往返

縮寫字母規則與空白處理

給定一組輸入時,縮寫字母的推導是完全確定性的。第一個字的第一個 Unicode 字元一定會被取用。若存在第二個字,則該最後一個字的第一個 Unicode 字元也會被取用。兩者之間的任何中間字都會略過,因此像 "Alex Q. Morgan" 這類標籤仍對應到 AM。前後及重複的空白會被忽略,這表示 " Alex Morgan " 會產生與 "Alex Morgan" 相同的結果。

空輸入並不會產生空白影像。預覽會以一個單獨的問號代替,確保下載結果不會靜默無聲或含糊不明。

輸入顯示的縮寫字母
Alex MorganAM
AlexA
Alex Q. MorganAM
Morgan M
(空)?
JoséJ

字元擷取後的大小寫轉換是有界限的。有些字母在轉為大寫時會展開成多個字碼點——德文 Eszett 即是典型範例——因此此工具每個選取字只保留首個產生的字碼點。此規則可避免罕見名稱溢出一或兩個縮寫字母的設計,同時仍保留常見的附加符號縮寫字母,例如 José 或 Ángela。複雜的 emoji 序列與特定文字的大小寫轉換,在不同系統字型下仍可能呈現不同結果,因此視覺成品應於目的地端再次檢視。

輸出尺寸、形狀與透明區域

輸出畫布永遠是正方形,且尺寸僅限於三個實用的值。每個值皆為像素的點陣尺寸,並非印刷測量單位,檔案本身也不含 DPI、色彩描述檔、EXIF、所有權或身分中繼資料。儘管頁面上的預覽會縮放以符合容器,可下載的畫布仍維持所選的精確尺寸。

形狀幾何透明區域
circle填滿畫布;圓形觸及四個邊緣圓形外側完全透明
rounded-square填滿畫布;圓角半徑等於畫布尺寸的 16%圓角正方形外側完全透明

兩種形狀皆以選定的背景作為實心填色,以依畫布比例縮放的字型大小繪製置中的白色縮寫字母,並仰賴瀏覽器的系統無襯線字型來描繪字母形狀。MDN 的 Canvas 2D API 參考文件說明產生此種呈現的填色、字型與文字對齊呼叫。

如何以三步驟產生頭像

開啟 Random Avatar Generator,然後依照下列三步驟工作流程進行。

  1. 輸入名稱或簡短標籤,從 128、256 或 512 像素中選擇尺寸,並挑選圓形或圓角正方形。
  2. 反覆點擊隨機色彩控制項,直到選定的深色背景符合預期用途,再點擊 Create avatar。
  3. 在其縮放顯示大小下檢視本地預覽,並以步驟一所選的精確點陣尺寸下載 PNG。

變更名稱、尺寸或形狀會使先前的預覽失效,使畫布永遠不會顯示過時的影像。新的非同步 PNG 匯出無法覆寫較新的任務,且被取代的 Object URL 會被撤銷。這些防護措施共同防止在快速調整設定時下載到錯誤的預覽。

檔名格式與下載行為

下載的檔名是依據輸入的標籤確定性地建構而成。此工具會擷取所有小寫 ASCII 字母 a–z 與數字 0–9,以連字號串接,並附加 "-avatar.png"。因此,"Alex Morgan" 的標籤會成為 alex-morgan-avatar.png,而 "Project 42" 則會成為 project-42-avatar.png。標籤中的非 ASCII 字元會從檔名中移除,但仍會用於縮寫字母的呈現,因為檔名安全性與繪製文字是分開處理的。

若沒有任何可用的安全字元剩餘——例如僅含 emoji 的標籤——檔名會回退為 avatar-avatar.png。無效尺寸、不支援的形狀、格式錯誤的調色盤項目、無法使用的畫布支援、缺少的安全亂數,以及 PNG 編碼失敗,皆會明確拋出錯誤而非產生損壞的檔案,因此匯出失敗會是顯眼而非靜默的。

隱私、限制與工具不做的事

Random Avatar Generator 完全在當前瀏覽器分頁中執行。縮寫字母擷取、調色盤選擇、繪製、預覽與下載建立皆在本地進行,無論名稱、標籤或影像都不會上傳至伺服器。不儲存任何個人資料、不搜尋任何人、也不會產生任何生物特徵相似度。此工具不會產生臉孔、照片、identicon 雜湊、QR code、NFT、社群媒體帳號或 AI 肖像。

由於縮寫字母與調色盤是僅有的兩種訊號通道,其結果純屬視覺產品的選擇,並非對於身分、性別、族裔、組織或品牌的聲明。若需依相同規則批次產生多個頭像,此工具的批次版本會逐步說明如何跨多個名稱套用相同邏輯。

常見陷阱與快速修正

有兩種視覺瑕疵是足以預先掌握的。首先,系統字型在各種作業系統下的呈現不同,因此同一組縮寫字母在 Mac、Windows 機器與 Linux 伺服器上看起來會略有差異。頭像應以其實際目的尺寸檢視,而非預期與預覽完全一致。其次,在非常小的 UI 位置——例如 favicon 類用途、清單列頭像、留言串——可能會將兩個縮寫字母擠壓到難以辨識,而 512 像素的檔案並不會在瀏覽器選擇的系統字型之外增加任何字型細節。

對於需要通過無障礙審查的色彩系統、向量原稿、精確跨平台字型,或嚴格字型層級的品牌素材,選擇配備核准品牌字型的專用設計工具才是正確做法。MDN 的 Crypto.getRandomValues 參考文件說明隨機調色盤選擇的來源。

若您正在權衡各種方案,Avatar Generator Command Line vs Online: Which to Choose 對此有詳細說明。