Twitter 배너, 헤더 및 사진 크기에 대한 업데이트된 가이드

트위터는 대부분의 웹사이트와 마찬가지로 수시로 변경됩니다. Twitter가 변경하는 한 가지는 매우 중요한 방식과 매우 작은 방식 모두에서 레이아웃입니다. 즐겨찾기를 좋아요로 바꾸는 것과 같은 일부 변경 사항은 중요합니다. 다른 변경 사항은 이미지를 자르는 방법 등 더 미묘합니다.

이 기사의 발행일 기준으로 아래 정보는 정확해야 합니다. 게시물을 업데이트하면 이 단락을 변경하여 여기에서 알려드리겠습니다.

헤더 이미지

Twitter의 헤더 이미지는 가끔 볼 수 있는 거대한 광고판과 같습니다. 자신의 Twitter 피드를 탐색하는 사람은 누구나 이를 볼 수 없습니다. 그들은 그것을 보려면 귀하의 프로필 페이지를 방문해야 합니다.

Twitter는 헤더로 사용할 매우 넓은 이미지를 업로드할 것을 권장합니다. 의도한 치수는 1500 x 500 입니다. 너비 1,500픽셀, 높이 500픽셀입니다. 간단하고 쉽게 이야기의 끝, 맞죠?

글쎄, 당신이 양파와 같은 경우이고 최근 인기 기사의 이미지를 상단 배너로 사용하는 경우입니다. 레이아웃이 복잡할 필요가 없습니다. 이미지를 적절한 크기로 자르고 업로드하기만 하면 됩니다. 보기에 좋으면 사용하기 좋습니다.

그러나 일부 비즈니스와 같은 경우에는 좀 더 최적화된 것을 원할 수 있습니다. 일반적으로 상단 배너를 클릭 유도문안으로 사용하는 것이 좋습니다. 그러나 많은 문제가 있습니다.

우선, 상단 배너의 크기는 1,500 x 500이 아닙니다. 일반적인 와이드스크린 모니터를 사용하는 경우 실제로는 1,263 x 421에 더 가깝습니다. 이는 일부 해상도에서 사용할 수 있는 수직 및 수평 거터를 설명합니다. 배경 요소를 검사하고 주어진 배너의 이미지를 보는 경우 일반적으로 이미지의 상단과 하단에 수직으로 몇 개 더 표시됩니다.

브라우저를 클릭하고 끌어 크기를 조정하면 Twitter가 이미지를 동적으로 조정하는 방법을 확인할 수 있습니다. 다양한 해상도에서 이미지가 어떻게 약간 확대되거나 축소되는지 확인할 수 있습니다. 이것은 사용 가능한 공간을 사용하여 조정하는 것입니다. 충분히 작게 축소되면 대신 스크롤 막대가 표시됩니다.

그런 다음 모바일 을 고려해야 합니다. 트위터 앱을 사용하면 같은 이미지가 같은 크기로 축소되어 나타납니다. 이것이 의미하는 바는 배너의 텍스트에서 일종의 클릭 유도문안을 사용하려는 경우 텍스트를 읽을 수 없을 정도로 작게 만들 수 없다는 것입니다.

상단 배너에 클릭 유도문안을 게재하려면 두 가지 작업을 수행해야 합니다. 첫째, 이미지의 절대 위와 아래를 피하십시오. 그 공간 중 일부는 이미지 공간을 확대/축소하고 조정할 수 있도록 거터가 차지합니다.

둘째, 왼쪽에서 약 1/3 정도 왼쪽 하단 모서리를 피하십시오 . 프로필 이미지와 그 주변의 얇은 테두리로 덮인 섹션이 있습니다. 해당 섹션에 입력한 모든 텍스트 또는 클릭 유도문안은 프로필 사진 뒤에 숨겨집니다.

팁: 훨씬 더 큰 이미지를 사용하세요! Twitter는 최소 1500×500을 권장합니다. 당신은 그것에 국한되지 않습니다! 나는 종종 1920×1080 이미지를 업로드하고 확대/축소, 수평 및 수직 위치 지정, 자르기를 사용하여 원하는 위치에 정확하게 배치하는 것을 발견합니다.

할 수 있는 한 가지는 배너를 만든 다음 캔버스를 모든 방향으로 수백 픽셀 확장하는 것입니다. 이미지를 업로드할 때 원하는 대로 정확하게 이미지를 배치할 수 있습니다.

프로필 사진

요즘 프로필 사진은 동그라미 입니다. 여기서 트위터는 400×400 픽셀의 정사각형 이미지를 권장합니다. 디스플레이는 가로가 약 400픽셀인 원이지만 업로드할 때 이미지를 조정해야 합니다. 400×400 픽셀 이미지 또는 2000×2000 픽셀 이미지는 모두 동일한 확대/축소 옵션을 갖습니다.

프로필 이미지로 올릴 이미지는 줌인, 줌아웃이 가능하며, 테두리가 잘리지 않을 정도로 줌인을 하면 가로, 세로로 슬라이드 할 수 있습니다. 이미지의 가장자리로 제한되어 있으므로 Twitter에서 충분한 크기를 권장합니다.

확대/축소는 무제한이 아닙니다. 정사각형 이미지가 아닌 경우에만 이미지를 바깥쪽으로 확대/축소할 수 있습니다. 수직 또는 수평이 사용 가능한 최소 공간이 될 때까지 약간 축소할 수 있습니다. 그렇게 할 수 있는 몇 가지 이미지에서 줌은 약 80%입니다. 한편, 완벽한 정사각형 이미지에서 약 150% 정도, 아마도 최대 200%까지 확대하여 원하는 정확한 위치를 얻을 수 있습니다.

Twitter가 400픽셀 정사각형 이미지를 원하는 이유는 크기 조정을 최소화하기 위함입니다. 매우 큰 이미지는 업로드할 때 축소해야 하므로 이미지가 흐려집니다. 예외적으로 작은 이미지는 너무 픽셀화되어 거부됩니다.

이 경우 위의 내 protip은 실제로 적용되지 않습니다. 대신 다른 것이 있습니다.

팁: 이미지를 필요한 것보다 약간 크게 만드십시오. 로고 이미지를 가장자리에서 가장자리까지 400픽셀로 만든 다음 정사각형을 유지하면서 모든 면에 약 50픽셀의 여백을 추가합니다. 그렇게 하면 이미지를 업로드할 때 테두리와 잘 어울리도록 가장자리 주위에 충분한 공간을 제공하지만 실제로 손을 뻗지 않고도 이미지를 확대할 수 있습니다. 약간의 미세 조정은 가치가 있습니다.

이미지 포스트 치수

피드에 이미지를 게시하면 게시물 형식에 맞게 축소됩니다. 때때로 이것은 이미지의 상단과 하단이 잘리는 것을 의미합니다. 여러 이미지를 게시하면 하나의 이미지가 공간의 3분의 2를 차지하고 나머지 2~3개의 이미지가 나머지 공간을 나누는 것을 보게 됩니다. Twitter 게시물은 개별적으로 최대 4개의 이미지만 포함할 수 있습니다.

사진이 게시물의 일부이고 링크에 첨부된 경우 해당 사진은 440×220 픽셀입니다. 가로로 넓게 펼쳐져 있으며 클릭해도 확장되지 않습니다. 클릭하면 대신 게시물로 이동합니다. 이전과 같이 이 크기를 확대할 수 있지만 축소되어 조정할 수 있는 옵션이 없습니다.

4개의 이미지만 업로드하면 업로드한 순서대로 표시됩니다. 첫 번째 이미지가 메인 이미지이고 나머지 하나, 둘, 세 개는 나머지 공간의 섹션이 주어집니다. 2개의 이미지만 업로드하면 동일한 440×220 공간을 2개의 220×220 정사각형으로 나눕니다.

하나의 단일 이미지에는 최대 440×440 공간이 제공됩니다. 이미지 자체가 가로로 더 작으면 위쪽과 아래쪽이 약간 잘립니다. 이미지가 세로로 더 작은 경우 너무 넓지 않으면 레터박스 형식으로 표시되며, 너무 넓으면 잘립니다.

세 개의 이미지를 업로드하면 하나의 이미지가 이미지의 왼쪽 2/3를 차지하는 정사각형으로 배치되고 나머지 두 개는 오른쪽에 수직으로 쌓인 정사각형으로 배치됩니다. 4개의 이미지를 업로드하는 것은 동일하지만 기본 이미지에 더 많은 영역이 제공되어 다른 3개의 이미지에 대해 더 높은 수직 스택을 허용합니다.

이것은 모두 까다롭지만 실제로는 "가능한 한 정사각형 이미지를 업로드하십시오"라는 의미입니다. Twitter는 정사각형 안에 가능한 한 많은 이미지를 표시하려고 합니다. 이미지 중 일부가 잘린 경우(대부분의 긴 세로 이미지의 경우) 전체를 보려면 사용자가 해당 이미지를 탭하거나 클릭해야 합니다.

Twitter에서 이미지를 사용하기 위한 팁

먼저 프로필 사진입니다. 99%의 경우 프로필 사진은 귀하 또는 귀하의 로고 사진이어야 합니다. 많은 예술가들이 자신의 예술 작품이나 예술적 자화상을 프로필 사진으로 선택한다는 것을 알고 있습니다. 이것도 완벽하게 좋습니다.

일반적으로 다른 형태의 프로필 사진은 피해야 합니다. 프로필 사진을 비워두면 기본적으로 비어 있는 프로필 실루엣이 생성되어 계정을 채운 경우보다 신뢰도가 떨어질 수 있습니다.

프로필 사진을 클릭 유도문안으로 사용하지 않는 것이 좋습니다. 거의 모든 디스플레이 모드에서 크기가 너무 작습니다. 당신이 그 공간에 넣은 어떤 것도 실제로 보이지 않을 것입니다.

상단 배너 이미지 는 자신이 하는 일을 보여줄 수 있는 좋은 장소입니다. 은행에는 출납원과 행복한 고객의 장면이 있을 수 있습니다. 사진 작가는 멋진 풍경을 찍은 사진을 보여줄 수 있습니다. 아티스트는 최근에 제작한 더 큰 작품을 선보일 수 있습니다.

지역 비즈니스는 종종 위치 사진을 찍는 것이 가치가 있다고 생각합니다. 이렇게 하면 사용자가 위치를 찾는 데 도움이 될 수 있습니다.

다른 브랜드, 특히 디지털 브랜드는 프로필 배너를 일종의 광고 게시판으로 사용할 수 있습니다. 인포그래픽이나 랜딩 페이지와 유사한 일러스트레이션과 함께 더 큰 텍스트 기반 클릭 유도문안을 해당 공간에 배치합니다. 예를 들어, 귀하가 제작한 전자책의 책 표지 또는 일련의 책 표지를 선보일 수 있습니다.

다른 비즈니스는 현재 추세와 일치하는 작업을 수행할 수 있습니다. 이 글을 쓰는 시점에서 Hubspot은 서명 주황색에 큰 프라이드 배너가 있고 프로필 사진은 프라이드 플래그 무지개입니다.

인권 캠페인의 저자이자 언론 비서인 Sarah McBride는 프로필 배너를 사용하여 책을 홍보합니다. 클릭 유도문안과 책 표지의 이미지가 있는 크고 단순한 이미지이며 성능이 뛰어납니다.

트윗의 일부로 이미지를 게시 할 때 단일 이미지가 레터박스 형식에서 가장 잘 작동한다는 점을 기억하십시오. 이미지를 만들어 텍스트 공간을 확장하는 데 사용할 수 있습니다. 280자 이내의 부드러운 CTA와 설명을 사용하고 이미지를 좀 더 많은 텍스트를 위한 공간으로 사용하세요. Twitter는 Facebook이 아니며 너무 많은 텍스트가 포함된 게시물이 거부되지 않습니다.

한 번에 여러 이미지를 업로드하려면 최대 4개로 제한됩니다. 한 번에 하나 또는 두 개는 동일한 가시성을 제공하지만 세 개 또는 네 개는 두 번째에서 네 번째 이미지가 축소되고 더 적은 공간이 제공됨을 의미합니다. 세 번째와 네 번째 이미지 자체가 거의 이해할 수 없을 정도로 축소되는 콜라주인 새로운 Nintendo 게임에 대한 이 최근 게시물과 같은 내용으로 끝날 수 있습니다.

그렇지 않으면 Twitter에서 대부분의 이미지 사용은 Twitter 카드를 사용하는 것으로 귀결됩니다. 고맙게도 두 가지 좋은 자료가 있습니다. 첫 번째는 사이트에 Twitter 카드를 설치하는 방법에 대한 이 게시물입니다. 하지만 다양한 스타일의 트위터 카드가 있으며 모든 것을 배우는 것은 까다로울 수 있습니다. 이것이 우리가 Twitter 카드에 대한 궁극적인 가이드를 제공하는 이유입니다.

그 외에는 평소에 트위터 이미지 팁을 드릴 수 없습니다. 고품질 이미지를 만들고 이미지가 전혀 손실될 정도로 많은 텍스트로 이미지를 덮는 것을 피하고 일반적인 Twitter 프로필인 황무지에서 눈에 띄는지 확인하십시오. 움직임을 추가하고 게시물을 돋보이게 만들기 위해 가능할 때마다 gif 또는 비디오를 사용하는 것을 고려할 수 있습니다.

Twitter가 동작이나 크기를 다시 변경하는 것을 알게 되면 이 게시물을 업데이트하겠습니다. 뭔가 문제가 있다고 생각되면 다시 확인하고 아직 눈치 채지 못했다면 댓글을 남겨주세요!