2018년 기준, 페이스북 커버 포토, 프로필, 포스트 메인 사진 사이즈 전부 정리해봤습니다.

안녕하세요 웅블로그입니다.

오늘은 매번 제자신이 귀찮아 하면서 찾아 사용하던 페이스북에서 사용되는 각종 이미지들의 기준사이즈에 대해서 적어보려고합니다. 

제 기억으로 제가 2000년도 후반 부터 페이스북을 사용한것 같은데, 그때는 프로필 사진 정도가 이미지를 설정해야하는 전부였던 것으로 기억합니다. 정사각형의 개인 얼굴이 들어간 사진이나 기타 재미있는 사진으로 페이스북 프로필을 만들어두곤 했었죠. 근데 최근 들어서 페이스북에서 컨텐츠를 업로드하려면 깐깐하게, 사람들이 보기 쉽게, 광고나 컨텐츠의 목적에 따라서 다양한 사이즈의 이미지를 전략적으로 사용해야하는 상황이 된것을 느끼고는 합니다. 

프로필사진부터 시작해서, 커버 사진, 썸네일 이미지, 올리는 포스팅의 제목이나 메인 사진이 어떻게 보였음에 따라 사진 사이즈 조절, 썸네일 사이즈 조정등 각종이미지의 사이즈를 페이스북에 기준으로 잡아둔 특정한 픽셀사이즈로 맞춰주어야 컨텐츠가 최적화되어져 사람들에게 보이게되는 현실이 되어버린 것 같습니다.

저희 회사에서 다양한 페이스북 컨텐츠를 제작하는데, 매번 컨텐츠를 만들때마다, 혹은 커버포토나 프로필을 변경해야 할때마다 네이버에서 커버사진 사이즈, 프로필 사진 사이즈, 가로형 제목이미지 사이즈 등을 검색하여 찾아서 디자인 할때 사이즈를 입력해서 제작하곤 했습니다. 

이번 포스팅으로 앞으로는 몇 군데씩 블로그를 들어가서 정보를 찾아 헤메지 않기 위해 개인 블로그에 적어두고 필요할때마다 바로 이블로그에 와서 페이스북 이미지 사이즈를 찾아서 사용하려고 포스팅을 결심하게 되었습니다.

외국 온라인 마케팅 관련 아티클을 보다가 페이스북 이미지 사이즈에 대해 구체적이고 직관적으로 설명해둔 블로거의 포스팅을 보고 한국판으로 한번 만들어보면 좋겠다 하는 생각이 들었습니다. 여러분들도 페이스북 이미지 사이즈 관련 헷갈리시는 부분이 생기시면 웅블로그에서 바로 찾아서 확인하시면 편할것 같습니다. 그럼 한번 시작해 볼까용

1. 프로필, 커버 포토 사이즈 (178 X 180 | 820 X 312)

페이스북 개인 혹은 페이지 커버포토와 프로필 사이즈는 위의 이미지와 같다고 합니다. 데스크탑과 노트북에서 모두 위의 비율로 보여지기 때문에, 위의 비율로 만드시는게 좋습니다. 스마트폰에서는 640 x 360 으로 적용된다고 합니다.

그렇다고 이미지를 사이즈를 위에 가로 세로 넓이로 딱 맞춰서 제작하는것보다 비율을 계산하여 2배-3배정도 크게 제작하면 선명도나 이미지 퀄리티가 더 좋게 보일 수 있기 때문에, 위의 숫자에 x2 하여서 커버포토는 1640 x 624 , 프로필은 356 x 360 으로 맞춘다면 좋을 것 같습니다.

2. 썸네일 사이즈  ( 450 x 235)

외부 링크로 가져온/ 공유한 포스트의 경우 썸네일 사이즈가 450 x 235 로 나타 난다고 합니다. 예전에는 제가 알기로 공유해온 썸네일을 지우고 원하는 이미지로 올릴수 있었는데 어느 순간 그기능이 사라지고, 원본을 공유해온 곳에서 메타태그로 설정한 오픈그래프 이미지가 자동으로 나오게 되었습니다. 결국, 썸네일이 뜨는 건 원작자가 페이스북 사이즈에 맞게 사진을 메인 사진을 설정해 두지 않았다면 공유하는 사람 입장에서는 손댈수 있는 점이 없습니다.

만약, 직접 운영하시는 웹사이트 혹은 블로그에서 페이스북으로 글을 공유해오시는 방법을 사용하신다면, 직접 운영하시는 블로그와 사이트의 글별 혹은 페이지별 썸네일 이미지를 페이스북 사이즈에 맞는 450 x 235로 적용해두시면 페이스북에서 멋있게 공유될 수 있을것 같습니다.

타임라인 사진 업로드 사이즈

사진 한장 올릴 때 이미지 사이즈

사진을 업로드 하게 되면 세로형 사진과 가로형 사진 혹ㅇ은 정사각형 사진들을 업로드 하게 됩니다. 그럴때 가로형, 세로형, 정가각형의 이미지 크기와 비율을 알려드릴게요

1. 세로형 사진   (476 X 714)

위아래로 긴 세로형 사진을 업로드하게 되면 페이스북에서는 476 X 714 크기로 보여지게 됩니다. 2:3 비율인데요. 사진들을 새로로 올릴때 비율을 2:3으로 혹은 제일 쉽게는 476 의 두배 ,714의 두배 형태로 업로드하시면 이미지가 더 선명하게 보여질 수 있겠죠?

2. 가로형 사진   ( 476 X 316 )

랜드스케이프 형 사진이라고도 하는데 가로로 편안하게 보이는 비율의 사진입니다. 가로 사진의 경우 476 X 316 사이즈로 보이기 때문에 역시 해당 이미지도 같은 비율로 몇배수를 키워서 올리면 사진이 선명하게 잘 보여질 것 같습니다.

3. 정사각형 사진  (476 X 476)

정사각형 사진은 476 X 476 사이즈로 보여지게 됩니다. 476 필셀 보다 큰 픽셀로 가로 세로 사이즈가 똑같기만 하다면 문제없이 보여질 거에요

사진 여러장 올릴 때, 제목 이미지 사이즈

요즘 페이스북을 이용해서 다양한 형태의 카드뉴스들을 만들어서 사용하는 분들이 많아지셨는데, 카드뉴스 처음에 보이는 이미지, 즉 제목이미지도 어떤 컨텐츠를 만드느냐에 따라 다르게 설정할 수 있다는 점 알고 계셨나요? 두장 이미지 부터, 세장 이상 까지, 모든 이미지가 어떻게 페이스북에서 적용되는지 알려드릴게요

페이스북에서 사진을 두장 올릴때는 사이즈를 정확하게 측정하여 디자인된 컨텐츠를 제작할 때 사용하시는게 효과적일 것 같습니다. 일반 사진을 많이 잘려 보여서 이쁘게 보이지 않을 수도 있으니까요!

1. 세로형 사진 2장 ( 237 X 476 )

세로형 사진의 경우 2장을 업로드하게 되면  237 X 476 사이즈의 이미지가 2장으로 반반씩 보여 지게 됩니다. 원래 올리려던 세로 사진의 좌우측 으로 반정도 되는 사이즈가 축소 되어 보이기 떄문에 일반 사진을 세로로 두장 올리시면 보기 어려울 수 있습니다. 물론 클릭하게 되면 원본 사진이 보이기 떄문에 문제가 되지는 않습니다. 

2. 가로형 사진 2장 ( 476 X 237 )

가로형 사진의 경우 두장을 업로드하게 되면 476 X 237 사이즈로 보이게 됩니다. 물론 위쪽 아래쪽으로 사이즈가 반정도 줄어 들어서 보이게 됩니다. 위아래로 원본 사진이 조금 잘려서 보일 수 있을거에요

3. 정사각형 사진 2장 (237 X 238)

정사각형 사진의 경우 사이좋게 양쪽으로 두장의 정사각형 사진이 축소화 되어 237 X 238 사이즈로 보여질 거에요. 그나마 정사각형 원본 사진을 업로드 하게 되면, 정사각형이 원래 비율과 같게 줄어들기 때문에 잘리는 곳 없이 사진이 잘 보여잘 수 있을것 같아요

자, 이제 마지막 단계인 2장 이상의 여러장 사진을 올렸을 때 적용되는 사이즈를 이야기 해볼까요!

사진 3장 업로드 + 사진 3장 이상 업로드 시 사이즈 정리

사진을 세장 이상 업로드 하는 것, 대부분의 페이스북 디자인 컨텐츠들에 적용되는 사항들 일텐데요, 3장 이상의 이미지를 업로드 할 때 가장 중요한 부분은 바로 제목 사진 입니다. 제목 사진이란, 업로드할 여러장의 사진중 가장 첫번째 사진을 의미하는데요, 하단의 예를 통해 확인해 볼까요?

위의 사진의 경우 첫번째 사진이 가로형(랜드스케이프) 이미지로 업로드 되어져서 제목 사진이 한장으로 위쪽에 넓게 어필되어 보여지는 것을 알수 있습니다.  만약에 가로사진을 이용하여, 혹은 가로 디자인으로 어필하고 싶은 내용과 제목이 있다면 첫번째 사진을 가로형으로 업로드 하는것이 좋겠죠?

두번째로는 야구 페이지에서 가져온 내용인데, 모두다 정사각형으로 컨텐츠가 제작되면 모두 균등하게 위의 이미지처럼 보여질 수 있습니다. 

세번째로는 세로 이미지를 첫번째 제목 이미지로 결정한 경우. 좌측으로 첫번째 사진이 길게 노출되고 나머지 이미지들은 정사각형 형태로 노출됨을 볼 수 있습니다. 

이제 위와 같은 다양한 첫번째 이미지 (제목이미지) 를 사용하는 과정에 있어서 보여지는 이미지들의 사이즈를 알려드릴게요

1. 세로형 제목이미지 + 2장 이상 (317 X 476  + 237 X 237 )

세로형 사진을 처음 이미지로 사용하게 되면  제목 사진인 세로형 사진은 좌측에 237 X 476 사이즈로 보이게 됩니다. 그리고 다른 두장의 사진은 237 X 237 사이즈로 오른쪽에 보이게 됩니다. 이런 상황에는 세로사진을 제목이미지로 사이즈에 맞게 제작하고, 뒤에 따라오는 다른 컨텐츠들은 정사각형으로 제작하게되면 잘리는 모습없이 모두 멋지게 보여지게 될것 같습니다.

1.1 세로형 제목이미지 + 3장 이상 (317 X 476  +157 X 157 )

세장 이상 되는 사진 부터는 모두 위와 같은 이미지로 적용이 되고 우측 하단에 있는 정사각형 사이즈에 뒤에 몇장이 더 들어 있는지 나타나게 됩니다. 세로형 제목이미지 사이즈가 317 X 476 사이즈가 되고, 우측에 보이는 순차적으로 보이는 컨텐츠들은 정사각형 157 X 157 사이즈로 보이게 됩니다. 결국, 첫 제목 이미지를 사이즈를 맞춰서 만들고, 나머지 뒤에 컨텐츠는 정사각형으로 제작하는게 깔끔하게 보일 수 있을 것 같습니다 

2. 가로형 제목 이미지 + 사진 2장 (총 3장) 

가로형 이미지를 사용하게 되면 상단에 제목이미지가 476 X 237 사이즈로 보이게 됩니다. 하단의 이미지는 237 X 237 사이즈로 노출되기 때문에 역시 제목 이미지인 가로 이미지 비율을 고려하여 제작하는걸 제외하고는 정사각형으로 나머지 컨텐츠를 제작하여 업로드하면 될것 같습니다.

2.1 가로형 제목 이미지 + 사진 3장 이상 업로드 

위의 가로형 제목이미지의 비율이 476 X 317, 하단에 뒤따라 오는 나머지 컨텐츠가 158 X 157 로 나타나고 있습니다. 제목이미지의 크기가 증가하는 것을 알 수 잇는것 같습니다.

3. 정사각형 제목이미지 +2장

정사각형 3장을 업로드 하게되면 모두 똑같은 비율로 3장이 나란히 길게 보이게 됩니다. 사이즈는 159 X 158 사이즈로 나타납니다.

정사각형 제목이미지 +3장

3.1 정사각형 4장 이상, 정사각형으로 된 이미지를 제목이미지로 총 4장 이상의 이미지를 사용하게 되며 237 X 237 사이즈의 정사각형 이미지들이 4장 나타나고 그 이상의 뒤에 있는 컨텐츠는 우측 하단 이미지에 숫자로 노출되게 됩니다. 

결론:

1. 제목이미지의 형태에 따라 한눈에 보여지는 컨텐츠 레이아웃이 바뀔수 있다.

- 제목이미지가 세로, 가로, 정사각형에 따라 뒤에 따라오는 이미지의 배치가 바뀔 수 있기 때문에 제목이미지를 어떤 형태로 제작할것인지 고민해보는게 좋을 것 같습니다.

2. [제목 이미지 형태 + 총 이미지 수]가 배치되는 뒤의 이미지 사이즈를 결정한다. 

처음 제목이미지를 제외하고 +2장, +3장 이상의 사진을 업로드하게 되면 대부분 가로 제목 이미지건, 세로 제목 이미지건, 제목이미지가 조금씩 사이즈가 커지고, 뒤에 따라오는 정사각형 이미지들의 사이즈가 줄어서 보이는 것 같습니다. 아이디어를 잘 내보면 다양한 형태의 광고를 이미지 사이즈의 증감에 따라 시도해 볼 수 있을것 같다는 생각이드네요 

3. 단위는 모두 픽셀

혹시나 해서요!

이렇게 긴 포스트는 정말 오랫만이네요. 스스로 불편하다고 생각하여 정리해서 포스트로 만들어보자고 한일이 이렇게 오래걸릴 줄 생각못했습니다~ 이틀동안 시간이 생길때 마다 틈틈이 하다보니 이렇게 좋은 포스트도 작성 하게 되었네요. 많은 분들께 도움이 되었으면 합니다. 앞으로 종종 저는 이포스트를 보면서 페이스북 컨텐츠 사이즈를 확인 할것 같네요 ㅎ

그럼 모두 페이스북 컨텐츠 만드는데 도움이 되시길 바라면서 여기까지 쓸게요!