티스토리 뷰

 

 

 

표지


 

페이스북 마케팅#2_페이지 커버 사이즈 핵심정리

 

이 글은 페이스북 페이지의 커버 이미지 사이즈의 핵심만 정리와 관련된 정보를 포함하고 있습니다.

 


  페이스북 커버 이미지 사이즈가 왜 중요할까?

 

커버 이미지 가이드 PSD파일이 맨 아래에 있으니 다운로드하시면 편합니다.



  PC, 모바일 디바이스 최적화


PC와 모바일 페이스북 커버 이미지 사이즈 비교



PC와 모바일 각각 다른 이미지 사이즈


페이스북의 커버 이미지는 위와 같이 PC와 모바일에서 각각 다른 사이즈로 노출됩니다. 디바이스의 화면이 PC는 가로로 넓고 모바일은 세로로 넓기 때문에 사용자의 어색함을 줄이기 위해 서로 다른 사이즈의 이미지를 노출시키는 것입니다. PC 버전에서 보이는 좌우 여백부분이 모바일에서는 잘려나간 것을 볼 수 있습니다.



페이스북 커버 사이즈_나쁜 예



그렇기 때문에, PC 화면만 생각하고 커버 이미지를 제작한다면 위와 같이 원하는 메세지가 잘려서 노출될 수 있습니다. 브랜드의 슬로건이나 핵심 가치 등을 주로 커버 이미지에 담는데, 이런 중요한 내용이 어처구니 없이 전달되지 않도록 항상 커버 이미지를 제작할 때에는 PC와 모바일에서 노출되는 사이즈를 고려하여 제작해야 합니다.

 

 

 

 




 

 

  페이스북 커버 이미지 사이즈 정리

 




  PC영역


커버이미지 노출 영역_PC


851X351px


  모바일영역


 

커버이미지 노출 영역_모바일


640X360px


  노출시킬 영역


모든 디바이스에서 노출가능한 영역


640x351px



따라서 전체 커버 이미지 사이즈는 851X360px로 설정하고 꼭 노출되어야 하는 내용은 정중앙 640x351px 범위 내에 위치시켜야 모든 디바이스에서 노출이 가능합니다.




페이스북 커버사이즈_가이드(by.마대생_).psd



위의 파일을 다운로드하시면, 좀 더 편하게 최적화된 사이즈의 커버 이미지를 제작할 수 있습니다. (포토샵 필수)



 

 

 

 


  가이드 PSD파일 사용방법


가이드 파일 설명1


해당 파일을 열면 위와 같은 캔버스가 나타납니다.


가이드 파일 설명2_눈동자 모양 클릭


우측 하단의 [레이어]영역에서 왼쪽의 눈동자 모양을 클릭하여 원하는 영역만 확인하는 것이 가능합니다. 확인을 원하는 영역을 제외한 모든 레이어의 눈동자 모양을 클릭하여 화면 노출을 꺼주시면 됩니다. 


최근에 올라온 글
최근에 달린 댓글
방문자수
  • Total :
  • Today :
  • Yesterday :

마대생의 마케팅 공부 기록 마대생이 보는 세상