Facebook 배너 크기 및 표지 사진 모범 사례

성가신 Facebook 배너 크기에 문제가 있습니까? 배너 또는 표지 사진이 제대로 보이지 않습니까? 우리는 당신을 덮었습니다.

Facebook 커버 사진은 브랜드에 대해 많은 것을 말해줍니다. 비즈니스가 온라인에서 번창하고 사회적인 존재감을 갖기 위해서는 멋진 Facebook 페이지가 필요합니다. 동네 점심집이든 국제 대기업이든 상관없습니다. 귀하의 Facebook 페이지는 고객이 방문할 때 매력적으로 보이고 알아볼 수 있어야 하며 고객이 가장 먼저 보는 것은 상단의 표지 사진 또는 배너입니다. 배너가 완벽하게 보이도록 하려면 약간의 노력과 올바른 태도가 필요합니다.

자신만의 Facebook 배너 또는 표지 사진을 만든 적이 있다면 데스크톱과 모바일에서 동일하게 보이지 않는다는 것을 눈치채셨을 것입니다. 모바일에서는 측면이 잘려서 중요한 영상이나 단어가 함께 나옵니다. 이 기사에서는 매번 완벽한 Facebook 커버 사진을 얻기 위한 모범 사례를 살펴보겠습니다. 또한 Facebook 배너를 디자인할 때 피해야 할 실수와 절대 잊지 말아야 할 사항을 살펴볼 것입니다.

완벽한 핏을 위한 Facebook 배너 크기

Facebook 배너나 커버 사진을 만들 때 기억해야 할 가장 중요한 점은 모바일에서 데스크톱으로 크기가 변경되는 방식입니다. 아래 이미지에서 "SAFE AREA"라고 불리는 메인 공간 주변의 다양한 섹션을 볼 수 있습니다. 모든 중요한 정보가 배치되어야 하는 이 영역에 데스크탑과 모바일 모두에 표시됩니다.

Facebook 배너 또는 표지 사진의 공식 크기는 820x360px입니다. 이전에 만든 적이 있다면 Facebook에서 완벽한 이미지를 흐릿하게 만드는 경우가 있다는 것을 눈치채셨을 것입니다. 이것이 우리가 동일한 종횡비를 가진 더 큰 그래픽을 사용하는 이유입니다. 820x360px 그래픽의 가로 세로 비율은 2.28이므로 업로드할 때 완벽하게 보이도록 하려면 1230x540px로 만들 수 있습니다.

Adobe Illustrator(AI) 또는 Photoshop(PSD)용 아래 템플릿을 다운로드하십시오. "여기에 디자인 삽입"이라고 표시된 레이어에 이미지나 디자인을 배치한 다음 이미지를 웹 파일로 내보내기 전에 모든 상위 레이어를 보이지 않게 만듭니다.

파일 다운로드

무료로 다운로드

우아한 테마 뉴스레터에 가입하여 이 무료 다운로드와 Divi, WordPress, 비즈니스 및 마케팅에 대한 새로운 콘텐츠와 리소스를 게시할 때 알림을 받으세요. 이미 구독 중이라면 아래에 이메일 주소를 입력하기만 하면 다운로드 버튼이 나타납니다. 우리 목록에 두 번 구독하거나 추가 이메일을 받지 않습니다.

다운로드

성공적으로 구독했습니다!

피해야 할 일반적인 실수

Facebook 배너를 만들 때 어리석은 실수를 하기 쉽습니다. 불행히도, 이러한 겉보기에 작은 실수는 사람들이 Facebook 커버 사진에 반응하는 방식에 있어 실제로 차이를 만들 수 있습니다. 비즈니스를 위한 Facebook 배너 또는 표지 사진을 만들 때 피해야 하는 가장 일반적인 실수 몇 가지를 살펴보겠습니다.

너무 많은 텍스트

"텍스트의 20% 이하"라는 오래된 규칙은 더 이상 Facebook 커버 사진에 적용되는 규칙이 아닙니다. 그럼에도 불구하고 텍스트를 최소한으로 유지하려고 노력해야 합니다. 사용하는 단어의 수를 염두에 두되 대부분이 안전 영역에서 얼마나 많은 공간을 채우는지에 유의하십시오. 메시지를 보내는 데 완전히 필요한 단어만 사용하십시오.

너무 많은 혼란

실수로 공간을 너무 많은 텍스트로 채우는 것과 마찬가지로 텍스트와 시각적 개체의 조합에서도 발생할 수 있습니다. Facebook 커버 사진을 너무 복잡하게 만들지 마십시오. Facebook 배너에 많은 것을 넣을 필요는 없습니다. 보기에 좋아야 합니다. 특정 판매 또는 제안을 홍보하는 경우 가장 중요한 정보만 추가하고 CTA 버튼이 나머지 작업을 수행하도록 합니다.

매력적이지 않은 색상 조합

추한 색상 조합은 즉각적인 시각적 기피제입니다. Facebook 커버 사진의 그래픽에 임의의 색상을 사용하지 마십시오. 가장 좋은 방법은 브랜드 색상을 사용하거나 Colorhunt에서 매력적인 색상 팔레트를 찾는 것입니다. 선택한 색상 팔레트의 16진수 코드를 복사하여 그래픽 편집기에 붙여넣기만 하면 됩니다. 사진을 사용하는 경우 이미지에서 일부 색상을 샘플링하여 텍스트에 색상을 지정합니다. 시각적 그래픽 스타일의 Facebook 배너의 경우 한 번에 3~4가지 이상의 색상을 사용하지 마십시오.

너무 늦게 너무 적은

또 다른 끔찍한 실수는 잘못된 시간에 휴가 배너를 변경하는 것입니다. 실제 휴가 2주 전에 휴가 테마의 Facebook 커버 사진을 변경하는 것이 좋습니다. 온라인으로 제품을 판매하는 경우 충분한 시간을 두고 판매를 홍보할 수 있도록 다가오는 휴일을 특히 인식해야 합니다.

브랜드 모범 사례

어떤 희생을 치르더라도 피해야 하는 가장 일반적인 실수를 보았으므로 이제 항상 무엇을 해야 하는지 살펴볼 때입니다. 특정 매개변수를 따르는 한 Facebook 커버 사진은 귀하와 귀하의 브랜드에 적합합니다.

색상, 글꼴 및 메시지로 브랜드 유지

브랜드로서 웹에서 소셜 미디어에 이르기까지 일관성을 유지하는 것은 귀하의 책임입니다. 브랜드 스타일 가이드는 새로운 Facebook 배너 또는 커버 사진을 만들 때 가장 먼저 참조해야 합니다. 브랜드 색상과 브랜드 글꼴을 사용하십시오. 어떤 대가를 치르더라도 브랜드의 메시지와 느낌을 유지하십시오. Nike Facebook 페이지에서 힌트를 얻으면 상표 슬로건으로 브랜드를 시각화합니다. 그냥 해.

초점을 사용하여 CTA 페이지 버튼에 주의 집중

페이지 버튼에 초점을 추가하는 방법을 살펴보기 전에 그것이 무엇인지 확인합시다. 배너 아래에는 신뢰할 수 있는 CTA 페이지 버튼이 있습니다. '지금 쇼핑'에서 '자세히 알아보기' 및 기타 여러 옵션으로 원하는 작업에 따라 변경할 수 있습니다. 이 버튼을 아직 사용자 정의하지 않은 경우 '페이지 버튼 추가'라고 표시됩니다. 회사에 가장 적합한 옵션을 추가하려면 클릭하십시오.

기존 CTA 페이지 버튼을 사용자 지정하려면 그 위로 마우스를 가져가면 약간의 수정 연필이 표시됩니다. 연필을 클릭하고 '편집 버튼'을 선택합니다.

이제 이 작은 버튼의 위력을 알았으므로 이에 주의를 기울여야 합니다. 시청자의 관심을 끌 수 있도록 오른쪽 하단 모서리에 약간의 항목을 추가하세요. Superfly의 사람들은 버튼 바로 위에 웹사이트 URL이 있는 검은색 사각형을 추가했습니다. 그들은 당신이 그 URL을 복사해서 당신의 브라우저에 붙여넣기를 기대하지 않습니다! 지금 쇼핑 버튼을 클릭하기만 하면 됩니다. 사진, 그래픽 및 화살표를 사용하여 다양한 방법으로 버튼의 초점을 얻을 수 있습니다!

귀하에게 권리가 있는 고품질 이미지 사용

항상 사용 권한이 있는 사진을 사용하십시오. Facebook의 지침을 따를 뿐만 아니라 상식이기도 합니다. 온라인에서 찾아 단순히 배너에 붙여넣은 이미지를 사용하지 마십시오. 문제가 발생할 수 있습니다! Unsplash와 같은 사이트에서 비용을 지불한 스톡 이미지 또는 무료 스톡 이미지를 사용하십시오. 더 나은 방법은 자신의 제품 사진을 사용하는 것입니다! 아래 Pepsi Facebook 배너가 좋은 예입니다.

사진이나 그래픽 대신 비디오를 사용해보십시오

이미지 대신 비디오를 사용해 보는 것은 어떻습니까? 배너에 동영상을 업로드하는 과정은 이미지를 추가하는 것과 동일하며 동일한 크기 지침을 따르기만 하면 됩니다. 비디오의 모든 중요한 움직임이 '안전 구역' 안에 있고 이동할 준비가 되었는지 확인하십시오.

링크가 포함된 설명 추가 및 페이지 상단에 관련 이미지 고정

마지막으로, 새로운 Facebook 커버 사진이나 배너를 업로드할 때 항상 관련 링크와 함께 설명을 추가하세요. 언뜻 보기에는 명확하지 않지만 누군가가 이미지를 클릭하면 추가한 모든 정보를 볼 수 있습니다. 예를 들어 스타벅스의 현재 배너는 Born This Way Foundation에 대한 것이며 배너를 클릭하면 관련된 모든 링크와 태그를 볼 수 있습니다.

마찬가지로 스타벅스는 페이지 상단에 고정 이미지가 있어 애니메이션 GIF로 재단에 대한 더 많은 정보를 제공합니다. 이 기술이 하는 일은 Facebook 페이지에 대한 본격적인 효과를 만드는 것입니다. 누군가가 그것에 착륙하면 세 가지 중요한 시각 자료를 볼 수 있습니다. 로고, 표지 사진 및 고정 이미지. 페이지 버튼과 함께 모든 것이 최적화되면 상호 작용할 수 있는 선택 사항이 많습니다.

결론

요즘 최적화된 Facebook 페이지를 갖는 것은 그렇게 어렵지 않습니다. 위의 Facebook 배너 크기 템플릿을 사용하면 완벽한 커버 사진을 만드는 데 도움이 됩니다. 일반적인 실수를 피하고 모범 사례에 따라 Facebook 배너를 만들면 곧 멋진 커버 사진을 얻을 수 있습니다! 페이지 버튼을 사용자 정의하고 관련 설명과 함께 그래픽을 업로드하는 것을 잊지 마십시오.