圖片
字幕機

迷因慣例將頂部/底部文字放在圖片高度的 8-12% 的 Impact 字體中。對於社交媒體，左對齊字幕可以提高移動設備的可讀性（用戶期望從左到右掃描）。對於截圖，使用半透明背景框（而不僅僅是文字）以確保在任何圖片內容上的可讀性。

背景框使用「變亮」混合模式，透明度為 70-85%（深色圖片上的淺色框）或「正片疊底」（淺色圖片上的深色框）。這確保文字在複雜背景上可讀而不完全遮擋圖片。根據圖片對比度調整透明度——高對比度圖片需要較低的透明度。

字體大小應為單行字幕圖片寬度的 5-8%，正文文字為 3-5%。對於高 DPI 顯示屏，在螢幕上渲染為 24px 的內容在行動裝置上可能看起來相當於 12px。在完成之前通過手機查看你的輸出進行測試——大多數字幕可讀性失敗都是由於在桌上型電腦上可讀但在行動裝置上太小的文字。

YouTube：白色 Impact 字體，黑色筆畫 2px，定位於底部 10%。Twitter/X：白色字體，無筆觸，左對齊，6% 字體大小。Instagram：白色字體，輕微陰影，8% 字體大小，居中對齊。TikTok：粗體無襯線，文字效果「字幕」樣式（輕微旋轉，高對比度）。

瀏覽器渲染引擎（Gecko、WebKit、Blink）使用不同的字體 hinting 演算法。我們的預覽使用你的系統渲染器；導出使用固定的渲染管道。為了保證一致性，以 2x 解析度導出 PNG——這會減少渲染差異的視覺影響。字體子像素定位可能在系統之間移動文字 1-2px。

對於 WCAG 合規：正常文字的對比度比率 ≥ 4.5:1，大文字（18pt+ 或 14pt 粗體+）≥ 3:1。避免將文字直接放在圖案背景上——通過轉換為灰度來測試可讀性以進行驗證。對於動態圖形，字幕時間應匹配 120-150 單詞/分鐘的說話速率。