Twitter 的橫幅、標題和照片尺寸更新指南

與大多數網站一樣，Twitter 會不時更改。 Twitter 改變的一件事是它們的佈局，無論是在非常主要的方面，還是在非常小的方面。 一些變化是重大的，比如把收藏變成喜歡。 其他變化更微妙，比如它們如何裁剪圖像等等。

截至本文發表之日，以下信息應準確無誤。 如果我更新帖子，我會在這里通知你——通過更改這一段。

標題圖片

你在 Twitter 上的標題圖片就像一個巨大的廣告牌，只是偶爾會看到。 任何瀏覽他們自己的 Twitter 提要的人都不會看到它； 他們必須訪問您的個人資料頁面才能看到它。

Twitter 建議您上傳一個非常寬的圖像作為您的標題。 它們的預期尺寸為1500 x 500 ； 1,500 像素寬 x 500 像素高。 簡單，簡單，故事的結尾，對吧？

好吧，如果您像 The Onion 一樣，只使用最近熱門文章中的圖片作為頂部橫幅。 不需要復雜的佈局； 只需將圖像裁剪為合適的尺寸並上傳即可。 只要它看起來不錯，就可以使用。

但是，如果您像某些企業一樣，則可能需要一些更優化的東西。 將頂部橫幅用作號召性用語通常是個好主意。 不過也有很多問題。

首先，頂部橫幅的尺寸不是 1,500 x 500。如果您使用的是典型的寬屏顯示器，它實際上更像是 1,263 x 421。 這說明了可以在某些分辨率下使用的垂直和水平裝訂線。 如果您要檢查背景元素並查看給定橫幅的圖像，您通常會在圖像的頂部和底部看到至少一些垂直的。

如果您單擊並拖動瀏覽器來調整圖像大小，您可以看到 Twitter 如何動態調整圖像。 您可以看到，在不同的分辨率下，圖像將如何略微放大或縮小； 這是使用可用空間進行調整。 一旦你縮小到足夠小，你就會得到一個滾動條。

那你就得考慮移動了。 使用 Twitter 應用程序時，相同的圖像以相同的尺寸出現，縮小了。 這意味著如果您想在橫幅上的文本中使用某種號召性用語，則不能使文本太小以至於無法閱讀。

如果您在頂部橫幅上發出號召性用語，您需要做兩件事。 首先，避免圖像的絕對頂部和底部。 其中一些空間被排水溝佔據，為圖像提供縮放和調整空間。

其次，避開左下角，距左側約三分之一處。 那裡有一個部分被您的個人資料圖片及其周圍的細邊框所覆蓋。 您在該部分放置的任何文本或號召性用語都將隱藏在您的個人資料圖片後面。

提示：使用更大的圖像！ Twitter 建議至少 1500×500。 你不僅限於此！ 我經常發現自己上傳了 1920×1080 的圖像，並使用縮放、水平和垂直定位以及裁剪以將其準確定位到我想要的位置。

您可以做的一件事是製作橫幅，然後將畫布向各個方向擴展幾百像素。 當你去上傳圖片時，你可以仔細地按照你想要的方式放置它。

個人資料照片

這些天你的個人資料照片是一個圓圈。 在這裡，Twitter 推薦 400×400 像素的方形圖像。 您的顯示屏將是一個大約 400 像素寬的圓圈，但同樣，您可以在上傳圖像時對其進行調整。 400×400 像素圖像或 2000×2000 像素圖像都獲得相同的縮放選項。

當您上傳一張圖片作為您的個人資料圖片時，您可以將其放大和縮小，如果您將其放大到足夠大以至於不會切斷邊緣，您可以水平和垂直滑動它。 你被限制在你的圖像的邊緣，這就是為什麼 Twi​​tter 推荐一個足夠大小的。

縮放不是無限的。 只有當圖像不是方形圖像時，您才能向外縮放圖像。 您可以稍微縮小，直到垂直或水平成為最小可用空間。 在我發現的幾張可以做到這一點的圖像中，大約是 80% 的縮放。 同時，您可以在完美的方形圖像中放大大約 150% 左右，也許最多 200%，以獲得您想要的精確定位。

Twitter 想要一個 400 像素的正方形圖像的原因是，他們只需要做最小的調整。 上傳時需要縮小超大圖像的比例，這會導致圖像模糊。 一個特別小的圖像會太像素化並被拒絕。

在這種情況下，我上面的建議並不真正適用。 相反，我有一個不同的。

Protip：使您的圖像比必要的稍大。 將您的徽標圖像從邊到邊設置為 400 像素，然後在每邊添加大約 50 像素的裝訂線，使其保持正方形。 這樣，當您上傳圖像時，您可以將其放大到足以在邊緣周圍留出足夠空間以使邊框看起來不錯，但實際上無需伸手觸摸它。 一點點微調可能是值得的。

圖片帖子尺寸

當您將圖像發佈到您的提要時，它會折疊以適應他們的帖子格式。 有時這意味著它會切斷圖像的頂部和底部。 如果您發布多張圖片，您最終會看到一張占據了三分之二的空間，而另外兩到三張則佔據了其餘的空間。 單獨的 Twitter 帖子最多只能包含四張圖片。

當照片是帖子的一部分並附加到鏈接時，該照片為 440×220 像素。 它是大致水平的，單擊時不會展開； 點擊改為將您帶到帖子。 像以前一樣，您可以將其放大，但它會被裁剪，您無法調整它。

當您僅上傳四張圖片時，它們會按照您上傳的順序顯示。 第一個圖像是主圖像，其餘的一個、兩個或三個是剩餘空間的部分。 如果只上傳兩張圖片，它們會將同一個 440×220 的空間分成兩個 220×220 的正方形。

一張圖片將被分配到最大 440×440 的空間。 如果圖像本身水平較小，則會在頂部和底部略微裁剪。 如果圖像垂直較小，它將以信箱格式顯示，除非它太寬，在這種情況下將被裁剪。

上傳三張圖片會將一張圖片作為正方形，佔據圖片左側的三分之二，其餘兩張作為正方形垂直堆疊在其右側。 上傳四張圖片是一樣的，除了給主圖片更多的區域以允許其他三張圖片的垂直堆疊更高。

這一切都很棘手，但實際上它只是意味著“盡可能上傳方形圖像”。 Twitter 將嘗試在正方形內顯示盡可能多的圖像。 如果任何圖像被裁剪——對於較長的垂直圖像，主要是——用戶必須點擊它或單擊它才能看到完整的東西。

在 Twitter 上使用圖片的技巧

首先，您的個人資料照片。 99% 的情況下，您的個人資料照片應該是您的照片或您的徽標。 我知道很多藝術家選擇使用他們的作品或藝術自畫像作為他們的頭像； 這也很好。

一般來說，您應該避免使用其他形式的個人資料照片。 將您的個人資料照片留空將導致基​​本的空白個人資料剪影，這可能會使您的信任度低於填寫帳戶的信任度。

我不建議將您的個人資料照片用作號召性用語。 在幾乎所有的顯示模式中，它都太小了。 您放入該空間的任何內容都不會真正可見。

至於您的頂部橫幅圖片，這是展示您所做工作的好地方。 一家銀行可能有一個出納員和一個快樂的客戶的場景。 攝影師可能會展示他們拍攝的絢麗風景的照片。 藝術家可以展示他們最近製作的較大作品。

本地企業通常認為值得為他們的位置拍照，這可以幫助用戶在他們被隱藏或在不起眼的建築物中時找到他們。

其他品牌，尤其是數字品牌，可以利用個人資料橫幅作為一種廣告牌。 在該空間中放置更大的基於文本的號召性用語，並帶有插圖，類似於信息圖或登錄頁面。 例如，您可以展示您製作的電子書的書籍封面或一系列書籍封面。

其他企業可能會做一些符合當前趨勢的事情。 在撰寫本文時，Hubspot 的標誌性橙色中有一個很大的驕傲橫幅，而他們的頭像是彩虹彩虹。

人權運動的作家兼新聞秘書莎拉·麥克布賴德（Sarah McBride）使用她的個人資料橫幅來宣傳她的書。 這是一個大而簡單的圖像，帶有號召性用語和書籍封面的圖像，並且表現出色。

當您將圖像作為推文的一部分發佈時，請記住單個圖像在信箱格式中效果最好。 您可以創建圖像並使用它來擴展您的文本空間。 在您的 280 個字符中使用軟 CTA 和描述，並將圖像用作更多文本的空間。 請記住，Twitter 不是 Facebook，您不會因為上面有太多文字而被拒絕。

請記住，如果您想一次上傳多張圖片，則最多只能上傳四張。 一次一張或兩張給他們同等的可見度，但三張或四張意味著第二張到第四張圖像將被壓縮並給予更少的空間。 你最終可能會得到類似最近一篇關於任天堂新遊戲的帖子，其中第三張和第四張圖片本身就是拼貼畫，縮小到幾乎無法理解。

否則，Twitter 上大多數圖片的使用將歸結為使用Twitter Cards。 謝天謝地，我有兩個很好的資源給你。 第一篇是關於在您的網站上安裝 Twitter 卡的帖子。 不過，有很多不同風格的 Twitter 卡片，了解它們可能會很棘手。 這就是為什麼我們有 Twitter 卡片的終極指南。

除此之外，我真的不能給你任何除了通常的 Twitter 圖片提示。 製作高質量的圖像，避免用太多的文字覆蓋它們，以免丟失任何圖像，並確保它們從通常的 Twitter 個人資料的泥沼中脫穎而出。 您可能會考慮盡可能使用 gif 或視頻來添加動態並讓您的帖子脫穎而出。

如果我注意到 Twitter 再次改變他們的行為或大小，我一定會更新這篇文章。 如果您認為有什麼問題，請回來查看，如果我還沒有註意到，請發表評論！