社群頭像製作
依國內外 52 個平台規格製作頭像:108 種特效、128 種角標、56 種動效、六階段渲染管線與九項時間軸參數、24 套成品風格、32 種匯出;自適應色板 GIF 動圖(循環開關/緩動/方向/粒子拖尾)、分層 PSD / TIFF / Lottie 與批次出圖
使用說明
工具介紹
替一個新帳號做頭像,麻煩往往不在修圖,而在各平台裁得不一樣:微信、QQ 裁成圓,B 站、知乎留圓角,X、LinkedIn、Instagram 的顯示尺寸又各不相同;同一張圖傳上去,臉可能被切掉半邊,角標上的小字縮得看不清。社群頭像製作把畫布尺寸、裁切形狀、背景、文字、角標、特效與動效放在同一張畫布上,拖動一個滑桿就重畫一次,右側結果卡在頁面捲動時始終跟著。內建的 52 個國內外平台條目把上傳尺寸與顯示尺寸分開記錄,是公開資料整理的建議值,不是平台強制規格。所有圖片都在瀏覽器本機處理,不上傳伺服器。開啟時已套用微信 640×640 的圓形預設並載入範例圖片,可以直接換成自己的照片。
功能特點
- 平台與畫布:52 個平台一鍵切換上傳尺寸、顯示尺寸、裁切形狀與安全區;寬高、鎖定比例、縮放、旋轉、翻轉,以及鋪滿、完整放入、平鋪等顯示方式逐項可調。
- 特效與管線:108 種程式化特效分成幾何重構、光色科學、模擬介質、數位故障、網點印刷、景深模糊、邊緣結構、藝術風格八族,疊加六階段渲染管線的 32 項光影參數,處理順序可換。
- 角標與文字:128 種內建角標加自訂上傳,兩行文字可設字級、字重、字型、描邊、陰影、字距與九宮格位置,另有九種外形、兩道描邊和投影。
- 動效與動圖:56 種動效配九項時間軸參數,包括幀數、幀率、緩動、方向、相位、種子與粒子拖尾;選好動效即逐幀即時預覽,可匯出 GIF、APNG、逐幀 PNG 壓縮檔、動畫 SVG、精靈圖、Lottie、CSS 關鍵幀,瀏覽器支援 MediaRecorder 時還能錄 WebM。
- 風格與重複使用:24 套成品風格、隨機風格、從畫面擷取調色盤;收藏、最近使用、分享連結、復原重做與重設都存於本機。
- 匯出與批次:32 種匯出涵蓋 PNG、JPG、WebP、AVIF、SVG、ICO、BMP、TIFF、TGA、PDF、EPS、PSD、JSON、CSV、TXT、Markdown、HTML、Base64、3D LUT 與 ZIP;批次匯出一次給出 52 張平台圖、規格書、尺寸表與設定檔。
使用方式
- 點「選擇檔案」上傳 PNG、JPG、WebP、GIF、BMP、SVG、AVIF、APNG、ICO 或 TIFF;也可以把圖片拖曳進頁面、Ctrl+V 貼上,或點鏡頭現場拍一張。SVG 會先檢查指令碼再載入。
- 在平台牆或平台下拉選目標平台,畫布尺寸、形狀與安全區隨即更新;需要自訂就手改寬高,鎖定 1:1 時兩邊連動。
- 依序調整背景、濾鏡、特效、文字、角標、邊框與渲染管線。每個滑桿的數值即時回顯,改動立即出圖,不必點「套用」。
- 在動效區選一種動效,預覽卡開始逐幀播放;可用播放條拖到某一幀、暫停或改幀率,再開安全區與網格檢查重要內容有沒有落在裁切範圍內。
- 點「匯出」出單張圖,「一鍵匯出 GIF 動圖」出動圖,「全格式匯出」打包成單一 ZIP。重要方案匯出 JSON,換裝置時用「導入方案」還原。
注意事項
- 尺寸只是建議值。平台會自行裁切壓縮,上傳尺寸與顯示尺寸分兩欄記錄,實際效果以目標平台為準;圓形裁切會丟掉四角,重要內容請放在中心安全區。
- 編碼器能力有差異。AVIF 不支援時回退 PNG 並改副檔名,WebM 依賴 MediaRecorder,APNG 與動畫 SVG 依賴播放器;GIF 用 255 色加透明索引,漸層可能出現色帶。
- 圖片只在本機處理。清除瀏覽器資料會丟掉收藏、最近與本機方案;含大圖的分享連結會自動剝離貼圖並給出提示,完整方案請匯出 JSON。
- 印刷格式有邊界。PDF 與 EPS 內嵌的是目前畫布點陣圖,SVG 是帶裁切的畫布快照;要可編輯分層請用 PSD、Lottie 或 CSS 關鍵幀,送印前按規格書核對實體尺寸與單位。
- 素材要自己有權使用。不要用他人肖像、商標或受保護標識;輸出是排版預覽稿,頭像審核與帳號規範由各平台自行規定。
本工具產生的是頭像排版預覽稿,不是平臺官方頭像資源。請勿使用他人肖像、商標或受保護標識;上傳圖片僅在目前瀏覽器內處理,不會上傳伺服器。各平臺最終顯示效果以平臺自身裁切與壓縮規則為準;因頭像使用引發的肖像、商標或平臺合規問題與本站無關。
匯出檔案同為排版預覽稿;動圖、AVIF、WebM 是否被目標平臺接受請先確認,平臺尺寸為公開資料整理的推薦值而非強制規格。
平臺與尺寸
上傳與變換
背景
濾鏡與特效
特效高級參數
形狀與邊框
文字
貼紙與裝飾
角標高級參數
動效與逐幀導出
GIF 依目前動效逐幀繪製:輸出尺寸、幀數、幀率、循環、緩動方向與粒子拖尾皆可在上方調整;自適應色板保留透明圓角。
圖層與輔助
導出格式
方案管理
渲染管線與光影
渲染管線按順序疊加:色彩分級 → 光照 → 紋理 → 遮罩 → 相框
動效時間軸
緩動、方向、元素數量與隨機種子都會寫入動效幀與導出
成品風格預設
24 套成品版式,一鍵套用後可繼續微調
調色板與輔助