把文字告白變成讀得清楚的 Instagram 圖片

簡短回答。 使用 1080 × 1080 px 的正方形圖片（或 1080 × 1350 px 的直式圖片），正文字型約 44 到 52 px，四邊至少留 80 px 的邊距，對比度達到 4.5 比 1 或更高。長篇告白要拆成輪播圖，並把全文放進替代文字和說明文字裡。

Facebook 上的告白專頁，發一段文字就完事了。Instagram 不行：每一篇貼文都需要圖片或影片。於是告白專頁把文字變成圖片——而大多數做得很糟。字太小，灰色的字壓在漸層色上，最後三行消失在畫面邊緣底下，結果在幾乎所有人用來看它的那個裝置上，根本讀不了。

本文談的是讓文字圖片清晰易讀的各項決定。不需要設計背景，也不依賴任何特定工具。

選定形狀

Instagram 的動態訊息支援幾種圖片長寬比。對文字文來說，重要的有兩種：

還有兩點。第一，個人檔案的格狀排列顯示的是每篇貼文裁切後的預覽，而 Instagram 曾經多次更改這個預覽的形狀。把所有重要的東西——尤其是文字的頭幾行和貼文編號——放在圖片正中央的範圍內，以免被格狀裁切切到。第二，選定一種形狀就一直用下去。形狀交替出現的版面看起來雜亂，而且你的模板得設計兩次。

Instagram 不時會更改它支援的尺寸。在製作一個打算用上好幾年的模板之前，先查一查它的說明頁面。

不論選哪種形狀，都以 1080 畫素的寬度輸出。更大的檔案會被縮小。更小的會被放大，而放大後的文字邊緣會變得模糊。

字型大小要照手機來定，而不是照你的電腦螢幕

這是毀掉大多數模板的錯誤。在膝上型電腦上，一張 1080 畫素的圖片顯示得很大，28 畫素的字看起來十分舒服。在手機上，同一張圖片顯示出來大約只有手掌寬，而同樣的字就成了藥盒上的小字。

有兩個辦法可以把它做對。

經驗法則。 在寬 1080 畫素的圖片上，正文字型不應該小於大約 40 畫素，44 到 52 畫素會比較舒服。小於大約 32 畫素的字，對許多讀者來說會很吃力。

實測。 把圖片發到自己的手機上，伸直手臂拿著讀。如果你發現自己把手機拉近，字就太小了。每一個模板在採用之前，都要這樣測試。

字大一點，一張圖能放的字就少一點。接受這一點。一篇分成兩張圖卻讀得清楚的貼文，勝過擠在一張圖裡卻讀不了的貼文。

給文字留空間

• 邊距。 在 1080 畫素的圖片上，每一邊至少留出 80 畫素的空白。貼到邊緣的文字顯得擁擠，而且有一部分會被介面元素遮住，或在裁切時被切掉。
• 行長。 每行大約 25 到 40 個字元。行太長，眼睛就難以找到下一行的開頭。
• 行距。 設為字型大小的 1.3 到 1.5 倍。擠在一起的行讀起來很累。
• 對齊。 超過兩三行的內容，靠左對齊比置中好讀。置中適合單獨一句短句。
• 段落。 保留投稿者的分段。密密麻麻的一整塊文字，遠比三段短文讓人望而生畏。

對比度

文字必須和背後的東西清楚地區分開來。網路通用的無障礙標準 WCAG 要求一般文字與背景之間的對比度至少達到 4.5 比 1，網上有免費的檢查工具，可以根據兩個顏色值算出這個比例。

實際上：

• 淺色素面背景配深色字，或深色背景配淺色字，永遠行得通。 近乎黑色的字配米白色背景，是最易讀的組合。
• 漸層色有風險。 在漸層的深色一端讀得清楚的字，到了淺色一端可能就看不見了。如果要用漸層，要檢查對比最弱的位置，或在文字後面墊一塊實色或半透明的底板。
• 用照片當背景幾乎從來行不通，除非加上很重的遮罩。文字背後的畫面太花，兩者都更難看清。
• 文字不要用中間調的灰色和粉彩色。 它們在校準過的顯示器上顯得雅緻，到了陽光下的手機上就消失了。
• 不要只靠顏色來區分。 綠底紅字，色盲的讀者可能看不見。

選一款涵蓋你所用語言的字型

花哨的標題字型也許很有特色，但告白是正文，而正文需要為閱讀而設計的字型：字形清楚、間距疏朗、粗細適中。

對馬來西亞的專頁來說，還有一項很容易忽略的要求。你的投稿者用好幾種文字書寫。只有拉丁字母的字型，會把中文、淡米爾文或爪夷文顯示成空格子，或在句子中間悄悄換成另一款毫不相干的後備字型。在決定字型之前：

• 用一篇真實的多語言混合投稿來測試；
• 確認中文、淡米爾文和阿拉伯字母的文字都能顯示，而且粗細和大小一致；
• 確認表情符號顯示得出來，沒有被切掉；
• 至於爪夷文和阿拉伯文，要確認文字由右至左排列，字母也正確連寫——有些圖片生成工具會在這裡出錯。

那些為多種文字提供配套設計的大型開源字型家族，正是為這種情況而做的。

長篇投稿

一篇 400 字的告白，無法以讀得清楚的字型大小放進一張圖片。可行的做法，按優先順序如下。

輪播圖。 把文字分成幾張圖。在段落之間分頁，不要在句子中間切開；為每張圖編號（「2/4」），讓讀者知道後面還有；第一張圖要有一個有力的開頭，因為動態訊息裡只顯示這一張。

圖上放節錄，全文放在說明文字裡。 把開頭幾行放在圖片上，整篇投稿放進說明文字。這適合非常長的貼文，好處是說明文字是真正的文字——可以搜尋、可以翻譯，螢幕閱讀器也讀得到。

縮小字型。 只能在限度之內。定一個最小字型，絕不低於它。一旦文字在這個最小字型下放不進去，就改用輪播圖。

不要為了放得下而刪減投稿，卻不標明你這樣做了。刪掉別人的話，會改變原來的意思。

每一張圖上該有什麼

• 貼文編號，大到讀得清楚，每次都放在同一個位置。讀者就是靠它來指稱貼文的。
• 專頁名稱或帳號，小小的，這樣即使截圖被轉到別處，也看得出出處。
• 其他一概不要。 不要二維碼，不要貼圖，不要「追蹤我們看更多」，不要花裡花哨的裝飾。投稿本身就是內容。

一致比巧思重要。讀者應該在讀到任何一個字之前，就在動態訊息裡認出你的貼文。

填寫替代文字，並善用說明文字

使用螢幕閱讀器的人看不到文字圖片，除非你提供描述。Instagram 讓你在發布時，到進階設定或無障礙設定裡為圖片加上替代文字，也可以事後編輯貼文來補上。告白圖片最合適的替代文字，就是告白的原文。

把全文同時放進說明文字，對這些讀者和其他人都有幫助：它可以由應用程式翻譯，可以搜尋，也可以複製。這不費你任何功夫，因為文字本來就在你手上。

許多排程和發布工具，可以在流程中一併設定替代文字。如果你的圖片是自動生成的，要確保整個流程會用同一份原文填入替代文字，而不是讓它空著。

發布之前先檢查

文字圖片出的問題，只要看一眼就一目瞭然；不看，就什麼都發現不了。每一篇貼文，或至少每次更改模板時：

• 在手機上、伸直手臂看一看；
• 確認底部沒有東西被切掉——生成的圖片最常見的毛病就是文字溢位；
• 確認每個字元都顯示出來了，沒有空格子；
• 單獨看一看第一張圖，因為大多數人只會看到這一張；
• 看一看它在個人檔案格狀排列裡的樣子。

如果你的圖片是由投稿自動生成的，要用極端的情況來測試生成工具：只有三個字的投稿、600 字的投稿、完全沒有分段的投稿、整篇都是表情符號的投稿，以及混用三種文字的投稿。

不該出現的東西，別帶進圖裡

圖片是根據投稿生成的，所以任何本該從文字裡拿掉的東西——名字、房號、電話號碼——都會出現在圖片裡、說明文字裡和替代文字裡。先審核文字，再用透過審核的版本生成圖片。如果貼文之後在一個平臺上被編輯或移除，另一個平臺也要照做。Facebook 的貼文撤下時，Instagram 上的那張圖很容易被忘記。見《如何處理下架要求》。

常見問題

Instagram 的告白圖片應該用什麼尺寸？

短文和跨平臺發布用 1080 × 1080 px 的正方形，較長的貼文用 1080 × 1350 px 的直式。以 1080 畫素的寬度輸出，選定一種形狀就一直用下去，並把貼文編號和頭幾行放在圖片正中央的範圍內，以免被個人檔案的格狀裁切切到。

Instagram 文字文用多大的字才讀得清楚？

在寬 1080 畫素的圖片上，正文字型不應該小於大約 40 px，44 到 52 px 會比較舒服。小於大約 32 px 的字，對許多讀者來說會很吃力。測試的方法是把圖片發到自己的手機上，伸直手臂拿著讀。

長篇告白怎樣發到 Instagram？

拆成輪播圖，在段落之間分頁，併為每張圖編號。非常長的貼文，可以把開頭幾行放在圖片上，整篇投稿放進說明文字。定一個最小字型並絕不低於它，也不要在沒有標明的情況下刪減投稿。

圖片上的文字用什麼顏色最好？

淺色素面背景配深色字，或深色背景配淺色字。對比度要至少達到 4.5 比 1。漸層色有風險，因為文字可能在淺色一端消失；照片需要加上很重的遮罩；中間調的灰色和粉彩色，到了陽光下的手機上就看不見了。

告白圖片需要替代文字嗎？

需要。螢幕閱讀器讀不到文字圖片，除非你提供描述，而告白圖片最合適的替代文字，就是告白的原文。把全文同時放進說明文字，還能讓它可以搜尋、翻譯，也方便複製。

一份可供起步的模板規格

按你專頁的風格調整，然後把成品發到手機上，伸直手臂讀一讀。這個測試能解決的設計爭論，比再多的討論都多。