Facebook 사진 크기 가이드 | 새로운 Facebook 레이아웃

2020 년 중반에 Facebook은 사이트를위한 새로운 데스크톱 레이아웃을 출시하기 시작했습니다. 더 깔끔하고 여백이 더 많으며 모바일 버전에 더 가깝습니다. 하지만 그것도 아주 다릅니다. 따라서 이것은 최신 레이아웃을 설명하기 위해 내 비공식 Facebook 이미지 크기 가이드의 수정 된 버전으로, 그들은 New Facebook이라고 부르고 있습니다 (이전 버전은 Classic Facebook이라고 함) .1

처음에는이 새로운 레이아웃은 옵트 인 업데이트이며 New Facebook에서 클래식 Facebook 레이아웃으로 다시 전환 할 수 있습니다. 그러나 결국 모든 사람에게 배포 될 것입니다. 여전히 이전 레이아웃 (또는 클래식 Facebook이라고 부르는)을 사용하는 경우 여기에서 이전 버전의 Facebook 크기 가이드를 찾을 수 있습니다.

출시 중에 일부 사용자는 새 레이아웃과 일부는 이전 레이아웃을 사용합니다.하지만 새 콘텐츠를 업로드하는 경우 새 레이아웃에 맞게 최적화하는 것이 더 합리적 일 수 있습니다.

이미지는 Facebook을 사용하는 데있어 중요한 부분입니다. 이 페이지를 통해 Facebook에서 사용할 이미지 크기를 결정하는 것이 그렇게 쉽지 않다는 사실을 스스로 알게되었을 것입니다. 원하는 결과를 얻기 위해 약간의 랭 글링이 필요합니다. 페이지, 프로필 및 타임 라인에는 고유 한 크기와 특이한 점이 있습니다. Facebook은 도움말 페이지를 쉽게 찾을 수 있도록 만드는 데 그다지 좋은 적이 없습니다.

일을 더욱 흥미롭게 유지하는 것이 좋습니다. Facebook에서는 보통 경고없이 수시로 상황을 변경합니다. 때로는 작은 점진적 조정입니다. 때로는 전체 점검 (예 : 타임 라인이 도입되었을 때와 두 열에서 한 열로 변경되었을 때)입니다. 그래서 그것은 항상 약간의 움직이는 표적입니다. 그리고 항상 모퉁이를 돌면 새로운 시스템이있는 것 같습니다.

소셜 미디어 마케팅을 위해 Facebook 페이지를 사용하든 단순히 친구와 가족을 위해 사진을 게시하려고하든 상관없이 여기에 제 2020 버전의 사이트의 여러 부분에있는 Facebook 사진 크기에 대한 비공식 가이드입니다.

업데이트가 출시 될 때 디스플레이 크기를 분해하기위한 예비 작업입니다. 일부 사양이 명확 해지면 업데이트하는 것을 목표로합니다. 다른 표시 동작이 발생하면 알려주세요. 필요한 경우 조사하고 업데이트 할 수 있습니다.

Facebook 표지 사진 크기

권장 사항 : 너비가 940 픽셀 이상인 이미지를 사용하세요. 높이가 352 픽셀입니다. 하지만 더 나은 품질을 원한다면 최소 1800 x 704 픽셀의 이미지를 사용하세요.

Facebook 표지 사진은 타임 라인 상단에있는 넓은 파노라마 이미지 공간입니다. 배너 이미지 또는 헤더 사진이라고도합니다.

디스플레이는 반응 형입니다. 다시 말해, 표시되는 크기는 브라우저 창 또는 장치 화면의 크기에 따라 다릅니다. 페이지를 보는 동안 브라우저 창에서 크기를 변경하면이 효과를 볼 수 있습니다.

이전 레이아웃에서는 Facebook 표지 사진에서 올바르게 표시되는 것이 무엇인지 파악하는 것이 약간 복잡했습니다. 이미지의 모든 부분이 모든 크기로 표시되는 것은 아닙니다. 데스크톱 디스플레이에는 안전 지대와 스트립이 잘려 있습니다.

새 버전은 작업을 단순화했습니다. 전체 이미지가 표시되고 훨씬 더 간단한 방식으로 크기가 조정됩니다.

즉,주의해야 할 사항이 있습니다.

첫 번째는 좁은 하단에 점진적인 음영 밴드. 오버레이입니다. 즉, 이미지 위에있는 레이어에 있습니다. 따라서 하단 스트립에 중요한 텍스트 나 세부 정보를 포함하고 싶지 않을 것입니다.

둘째, 이미지에서 가장 바깥 쪽 픽셀의 색상을 가져 와서 공백에 음영 처리 된 색상 섹션을 만드는 데 사용합니다. 이미지 뒤에 섹션. 다음은 이미지의 바깥 쪽 테두리에서 빨간색을 가져 와서 뒤에있는 흰색 부분에 적용하는 의미의 예입니다. (여기에서 프로필 사진을 잘라내어 작업을 단순화했습니다.) 특정 색상 팔레트를 사용하는 브랜드는 이미지의 가장 가장자리에 원하는 색상을 포함하기 위해 특별한 메모를 원할 것입니다.

세 번째로, 하단 모서리가 약간 둥글게됩니다 (기술적으로는 테두리 반경). 하지만 그다지 공격적이지는 않으므로 많은 사용자에게 문제를 일으키지 않을 것입니다.하지만 이미지 주위에 획을 사용하거나 기타 세부 프레임을 사용하는 경우 문제가 발생할 수 있습니다. 자동으로 적용되며 끌 수있는 방법이 없습니다.

넷째, 프로필 사진이 이제 표지 사진을 오버레이하는 상태로 돌아갑니다. 이 버전에서는 미묘 할 뿐이며 은색으로 만 표지 사진이 가려집니다.

Facebook 표지 사진 변경

새 Facebook 프로필 또는 페이지를 설정하고 표지 사진이없는 경우 표지 사진이 들어갈 페이지 상단의 “표지 추가”버튼을 클릭하면됩니다.

사진을 추가 한 후에는 교체 할 수 있습니다. 계정에 로그인하고 페이지를 볼 때 오른쪽 하단의 Edit 버튼을 클릭하세요.

그것을 클릭하면 드롭이 열립니다. 새 사진의 소스를 선택할 수있는 다운 메뉴입니다. 기존 사진을 제거하거나 위치를 변경하거나 비디오 커버 또는 슬라이드 쇼 커버를 사용하려는 경우에도 사용할 수있는 동일한 메뉴입니다.

표지 사진 유형 : 단일 이미지

이미지 유형 측면에서 파노라마가 이상적입니다. 이미지의 효과에 따라 효과가 분명히 다를 수 있지만 간단한 자르기도 작동합니다. 그리고 조립을 방해하는 것은 없습니다. 다중 이미징 소프트웨어의 콜라주에 사진을 넣고 단일 이미지 파일로 저장 한 다음 업로드합니다. 예를 들면 다음과 같습니다.

슬라이드 쇼 표지 : 여러 이미지

아주 최근까지는 정적 표지 사진으로 사용할 사진을 하나만 선택할 수있었습니다. 하지만 새로운 기능이 추가되었습니다 : 슬라이드 쇼. 이제 회전하는 사진을 최대 5 개까지 선택할 수 있습니다. 표지 사진 (예 : 표지 이미지 섹션의 왼쪽 상단에있는 카메라 아이콘)을 추가하거나 변경할 수있는 동일한 메뉴를 통해이 기능에 액세스합니다.

슬라이드 쇼를 만들면 다음이 제공됩니다. 사용할 이미지를 최대 5 개까지 선택할 수 있습니다. 상단의 필름 스트립을 사용하여 기존 이미지에서 이미지를 선택하거나 새 이미지를 업로드하세요. 그런 다음 썸네일을 클릭하고 썸네일 아래의 더 큰 공간에서 어떻게 보일지 미리 볼 수 있습니다. 해당 섹션을 클릭하고 드래그하여 뷰포트에서 이미지의 위치를 변경할 수 있습니다.

또한 Facebook이 페이지의 활동과 실적을 기반으로 사진을 선택할 수 있도록 동적으로 생성 된 버전을 가질 수 있습니다. . 슬라이드 쇼 편집 화면의 오른쪽 상단에있는 스위치를 사용하여이 기능을 켜거나 끌 수 있습니다.

슬라이드 쇼 커버를 사용하는 경우 방문자는 양쪽에있는 화살표를 사용하여 슬라이드 쇼를 탐색 할 수 있습니다. (이전 레이아웃은 하단에 위치 표시기가 있었지만 새 버전에서는 사라졌습니다.)

현재 방문자에게 슬라이드 쇼가 표시되는 방식에 대해 이상한 점이 몇 가지 있습니다. 첫 번째는 슬라이드 쇼가 자동으로 진행되지 않는다는 것입니다. 따라서 슬라이드 쇼에서 두 개 이상의 이미지를 보려면 방문자가 이미지 측면에있는 화살표 버튼을 사용하여 수동으로 진행해야한다는 것을 알아야합니다. 나는 아주 적은 비율 만이 그렇게 할 것이라고 생각한다. 두 번째는 Facebook에서 이미지를 선택하는 옵션을 끄면 무작위가 아닌 매번 동일한 순서로 이미지를 표시한다는 것입니다. 이 두 가지의 결론은 적어도 현재 구현 된 방식에서는 페이지 방문자의 대다수가 첫 번째 이미지 만 볼 가능성이 높다는 것입니다. 세 번째 이상한 점은 적어도 나에게는 배경 섹션에서 새로운 음영 색상 하이라이트를 수용하는 것입니다. 프로필 이미지를 표시 한 것이므로 프로필 이미지와 함께 변경됩니다. 반드시 나쁜 것은 아니지만 알아 두어야 할 부분입니다.

표지 동영상

이제 배너 영역에 동영상 파일을 사용할 수도 있습니다. 20 초에서 90 초 사이 여야하며 최소 820 x 312 픽셀을 측정해야합니다. 권장 크기는 820 x 462입니다.

동영상 해상도를 선택할 수있는 카메라를 사용하여 동영상을 촬영하는 경우 1280 크기이므로 720p 모드로 시작하는 것이 좋습니다. 해상도가 편안합니다.

Facebook 동영상 커버에 대한 자세한 가이드가 별도로 있습니다.

Facebook 프로필 사진

더 자세한 게시물이 있습니다. Facebook 프로필 사진 크기를 별도로 설정하지만 요점은 여기에 있습니다.

디스플레이 유형	크기
데스크톱 / 노트북 웹 브라우저	132 픽셀
스마트 폰	128 픽셀
피처 폰	36 픽셀

현재 하단에 Facebook 프로필 사진 표지 사진의 왼쪽, 표지 사진의 하단과 약간 겹칩니다. 이전 버전에서 직경이 132 픽셀 인 원으로 약간 축소되었습니다.

주변에 얇은 흰색 선이있어 자동으로 적용됩니다. 삭제하거나 제어 할 수 없습니다.

좋은 소식은 원형을 업로드 할 필요가 없다는 것입니다. 이미지, 만드는 데 약간의 고통이 될 것입니다. 대신 일반 직사각형 또는 정사각형 이미지를 업로드 할 수 있습니다. 업로드하는 이미지의 모양이 무엇이든 표시 될 때 원으로 잘립니다.

Facebook 프로필 사진 표시 크기

데스크톱 / 노트북 웹 브라우저. 다른 사람이 내 프로필을 확인할 때와 같은 일반 페이지보기에서는 데스크톱의 웹 브라우저에 지름 132 픽셀의 원으로 표시됩니다.

휴대 전화. 프로필 사진이 휴대폰에 표시되는 크기는 휴대폰 유형에 따라 다릅니다. 최신 스마트 폰에서는 지름이 128 픽셀 인 원으로 표시됩니다. 구형 휴대 전화에서는 지름이 36 픽셀로 표시됩니다.

프로필 사진을 추가 할 사진을 선택하면 초점 영역 (정사각형이 아니라고 가정)을 이동할 수있는 옵션도 제공됩니다. 확대 및 축소 (최소 해상도를 초과하는 한)

타임 라인의 댓글 및 게시물에서 이름 옆에 표시되는 프로필 이미지는 동일한 이미지이며 여전히 원형이지만 자동으로 직경 40 픽셀로 축소됩니다.

Facebook 프로필 사진의 크기 요구 사항

화면이 너무 작기 때문에 이미지 크기에 문제가 발생할 가능성이 거의 없습니다. 이미지가 가장 짧은 크기 (매우 작음)가 132 픽셀 이상인 경우 사용하는 것이 좋습니다.

공유 링크 축소판

공유 링크의 축소판 웹 브라우저에 너비 500 픽셀, 높이 261 픽셀로 표시됩니다.

한동안 다른 공유 링크 이미지를 선택할 수 있었지만 해당 기능은 제거되었습니다. 현재로서는 Buffer와 같은 소셜 미디어 관리 서비스를 사용하여 링크를 공유하는 경우 해결 방법이 있지만 더 이상 Facebook 내에서 사용할 다른 이미지를 선택할 수 없습니다.

If 자신의 사이트에서 링크를 공유하는 경우 이미지 축소판으로 사용할 이미지를 지정할 수 있지만 이는 사이트에서 설정해야하는 사항이며이 게시물의 범위를 벗어납니다. 그러나 이에 대해 Google에 어떤 용어를 사용하고 있는지 찾고 있다면 페이지의 Open Graph 메타 데이터에서 “og : image”속성을 설정하는 것입니다. 여기에 Facebook의 문서가 있으며 CMS를 사용하는 경우 귀하의 사이트를위한 WordPress에는이를 처리 할 수있는 플러그인이 있습니다.

현재 할 수있는 작업은 원본에 추가 된 미리보기 이미지를 추가하는 것입니다 (제자리에 없음). 링크를 공유 할 때 , 팝업 하단 섹션을 사용하여 더 많은 이미지를 추가하세요.하지만 예전처럼 더 이상 원본 이미지를 선택 해제 할 수 없습니다.

타임 라인의 사진

타임 라인에서 미리보기 이미지의 크기와 레이아웃은 동일한 게시물에서 공유하는 이미지 수와 특정 이미지의 방향에 따라 다릅니다.

다음은 다양한 조합이 표시되는 방식입니다. 모든 이미지는 1pix 흰색으로 표시됩니다.

타임 라인의 단일 사진

타임 라인에 이미지를 업로드하면 크기에 맞게 축소판이 자동으로 생성됩니다. 너비가 500px, 높이가 최대 750px 인 상자. 따라서 사용 가능한 최대 공간을 사용하려면 3 : 2 비율의 세로 방향 (세로)으로 이미지를 업로드하십시오. 다음은 사용 가능한 최대 공간을 사용하는 예입니다.

가로 (가로) 이미지를 업로드하면 너비가 500px로 조정되고 모양이 유지됩니다. 이미지의 전체 영역이 잘리지 않고 표시됩니다.

이것은 가로 방향의 또 다른 직사각형이지만 배너 나 파노라마처럼 훨씬 좁은 가로 세로 비율입니다. 너비는 다시 500px이고 이미지는 전체 이미지 영역이 표시되도록 크기가 조정됩니다.

같은 이미지를 90도 회전하여 너비가 아닌 높이로 업로드하면 최대로 잘립니다. 500px x 750px의 사용 가능한 영역입니다.

정사각형을 업로드하면 전체 이미지가 500px 너비로 표시됩니다.

페이지의 타임 라인에 여러 이미지를 한 번에 게시

타임 라인에 한 번에 여러 장의 사진을 업로드 할 수 있습니다. 표시 방법은 업로드하는 이미지의 수와 기본 이미지라고 부르는 방향에 따라 다릅니다.

기본 이미지는 업로드 할 때 가장 먼저 표시되는 이미지입니다. 일부 레이아웃에서는 더 크게 표시됩니다. 내가 아는 한 공식적인 이름은 없지만 계속해서 “기본 이미지”를 사용하겠습니다. 이것이 제가 아래 섹션에서 언급하는 것입니다.

첫 번째로 표시하는 것 외에도 기본 이미지는 또 다른 중요한 역할을합니다. 기본 이미지는 얻을 레이아웃을 결정합니다. 정사각형 기본 이미지로 3 개의 이미지를 업로드하면 직사각형 기본 이미지를 사용하여 3 개의 이미지를 업로드하는 경우와 다른 레이아웃으로 끝납니다.

기본 이미지로 사용할 이미지를 선택하는 가장 쉬운 방법은 업로드 대화 상자에서 왼쪽으로 드래그하는 것입니다.

다음은 제가 의미하는 예입니다. 이번에는 주황색 정사각형과 녹색 세로 직사각형 이미지 두 개를 업로드합니다. 주황색 사각형이 업로드 대화 상자의 첫 번째 위치에있는 경우 다음과 같이 표시됩니다.

다음과 같이 게시됩니다.

정확히 동일한 두 이미지를 업로드하지만 이미지를 뒤집어서 수직 다음과 같이 직사각형이 먼저 표시됩니다.

다음과 같이 표시됩니다.

2, 3 또는 4 개의 이미지를 업로드하는 경우 동일한 원칙이 적용됩니다. 레이아웃은 항상 기본 이미지.

가로 (가로) 기본 이미지가있는 이미지 2 개

전체 너비는 500px가됩니다. 상단 이미지의 높이는 250px입니다. 하단은 249px 높이입니다. 그 사이에 2px의 흰색 선이 있습니다.

수직 (세로) 기본 이미지가있는 이미지 2 개

정사각형 기본 이미지가있는 이미지 2 개

가로 이미지 3 개 (가로 ) 기본 이미지

레이아웃은 기본 이미지에서 신호를 가져 오기 때문에 기본 이미지가 아닌 이미지의 방향을 혼합하고 일치시킬 수 있습니다. 여전히 동일하게 표시됩니다.

세로 (세로) 기본 이미지가있는 3 개 이미지

정사각형 기본 이미지가있는 3 개 이미지

가로 (가로) 기본 이미지가있는 4 개 이미지

기본 이미지가 아닌 이미지의 방향과 일치합니다. 여전히 동일하게 표시됩니다.

수직 (세로) 기본 이미지가있는 4 개 이미지

정사각형 기본 이미지가있는 4 개 이미지

수평 (세로) 기본 이미지가있는 5 개 이상의 이미지

다음과 같은 일종의 모자이크 패턴으로 처음 5 개 이미지를 표시합니다. 5 개 이상의 이미지를 포함하면 다른 이미지를 표시하기위한 작은 버튼 오버레이와 기호가 표시됩니다.

정사각형 또는 세로 (세로) 기본 이미지가있는 5 개 이상의 이미지

기본 이미지가 정사각형이든 세로 직사각형이든 동일한 디스플레이를 얻을 수 있습니다.

Facebook 타임 라인의 전체 너비 사진

예, 멋졌습니다. 이미지는 두 열에 걸쳐 있습니다. 그러나 페이스 북은 2014 년 중반에 재 설계 할 때이를 제거했습니다. 이제 업데이트가 단일 열에 만 표시되며 사진을 해당 열보다 넓게 만들 수있는 방법은 없습니다.

이벤트 헤더 이미지

헤더 이미지로 업로드하는 모양 이미지에 관계없이 이벤트 게시물의 경우 16 : 9의 종횡비로 잘립니다. 최상의 결과를 얻으려면 1920 x 1080 픽셀의 이미지를 업로드하세요. 그러나주의해야 할 점은 메인 이벤트 뷰에서 상당히 축소되어 있으므로 너무 작은 글꼴을 사용하지 마십시오 (사람들이 이미지를 클릭하여 더 큰 버전을 열 수 있지만 모든 사람이 그렇게 할 수있는 것은 아닙니다).

메인 이벤트 페이지에 표시 될 때 다음과 같이 500 x 262 픽셀로 조정됩니다.

Facebook 이미지 품질 문제

Facebook은 일부 이미지를 업로드하고 표시 할 때 매우 공격적으로 압축한다는 사실을 알고 있습니다.

당연히 말이됩니다. 자연스럽게 페이지로드 속도를 높이고 최대한 많은 압축을 적용하여 대역폭을 줄이려고합니다. . 압축이 덜 공격적이기를 바라는 것은 저뿐 아니라 이미지의 색상 범위와 사진의 디테일 정도에 따라 눈에 띄는 정도가 달라집니다.

위의 예에서 JPG 압축은 시드니 하버 브리지 버전보다 몽타주 버전에서 훨씬 더 두드러집니다. 원본을 업로드하기 전에 품질 및 선명도 설정을 동일하게 설정했습니다. 일부 사용자는 빨간색과 주황색이 많은 이미지가 파란색과 녹색이있는 이미지보다 압축의 효과를 더 많이 보여주는 것처럼 보이지만 실제 이미지에 따라 달라진다고보고했습니다.

또한 무엇에 따라 달라지는 것 같습니다. 표시하고있는 이미지의 종류입니다. 사진 갤러리 이미지는 표지 사진 및 프로필 사진과 같은 디자인 요소보다 표시에 적용되는 압축률이 낮은 것 같습니다.

업로드하기 전에 이미지를 준비 할 때 할 수있는 몇 가지 작업이 있습니다. 이미지가 엉성해 보일 것입니다.

99KB 이하의 이미지를 업로드하세요. Facebook은 이미지를 그대로 유지해야합니다. 이렇게하면 압축이 적용되는 방식을 제어 할 수 있습니다.

아직 압축이 많이 적용되지 않은 이미지를 업로드하세요. 예를 들어 JPG의 경우 품질 설정을 80 이상으로 유지하십시오. Facebook은 어쨌든 다시 압축합니다. 색상 공간을 고려하는 소프트웨어 (예 : Lightroom 또는 Photoshop)를 사용하는 경우 sRGB 색상 공간을 사용하십시오. 그리고 이미 크기가 목표 디스플레이 크기에 가깝거나 비슷하게 조정되고 지나치게 선명하지 않은 이미지를 업로드하는 것이 잘 작동하는 것 같습니다.

이 중 어느 것도 작동하지 않으면 선명한 텍스트를 얻는 방법에 대한 내 게시물을 참조하십시오. Facebook 이미지에서.

이미지에 흐릿한 텍스트, 로고 또는 워터 마크가 표시됩니까?

텍스트, 로고 또는 워터 마크를 포함하고 JPG 아티팩트로 인해 흐릿하고 불명확하게 끝나는 경우이를 수정하는 방법을 자세히 설명하는 별도의 게시물이 있습니다. Facebook 이미지의 선명한 텍스트

Facebook의 이미지 메타 데이터

이미지 크기와 특별히 관련되지는 않지만 Facebook이 이미지에서 모든 메타 데이터를 제거한다는 사실을 알아 두는 것이 좋습니다. 여기에는 모든 GPS, 카메라 유형 및 카메라에 포함 할 수있는 기타 데이터는 물론 키워드 또는 추가했을 수있는 저작권 정보와 같은 모든 것이 포함됩니다. (독일에 거주하는 경우는 예외입니다.)

Facebook 사진 치트 시트

	너비	높이	노트
표지 사진 / 표지 슬라이드 쇼	820px	360px
헤더의 프로필 사진	172px	172px	최소 180×180 픽셀이어야 함
타임 라인의 프로필 사진	40px	40px	기본 프로필 사진과 동일한 이미지, 자동으로 축소됨
공유 링크 축소판	500px	261px	단일 미리보기 이미지에만 해당됩니다. 여러 미리보기 이미지가 잘립니다.
업로드 된 타임 라인 사진 미리보기 이미지	최대 500px	최대 750px	예외보기 여러 이미지의 경우 위.
이벤트 헤더 이미지	500px	262px	16 : 9 가로 세로 비율 뿐. 최상의 결과를 얻으려면 1920 x 1080 픽셀 이미지를 업로드하세요.