왼쪽을 비우고 테두리에서 떨어진 안쪽에
Facebook 커버 사진에 병원 이름이나 안내 글자를 넣는다면, 왼쪽을 비우고 위아래와 오른쪽 테두리에서도 떨어진 안쪽에 두는 편이 안전합니다. Facebook 고객센터의 「Facebook 페이지의 프로필 사진 및 커버 사진 크기」 안내는 커버 사진의 왼쪽은 프로필 사진이 일부 가리게 되며, 다른 화면에 맞게 사진이 잘리거나 크기가 조정될 수 있다고 밝힙니다.
같은 안내는 모바일 기기에서 프로필 사진이 커버 사진을 약 40픽셀 정도 가린다고 밝힙니다. 왼쪽이 가려진다는 점과 모바일에서 덮이는 폭은 안내에 나오지만, 컴퓨터 화면에서 가려지는 넓이나 화면마다 어느 쪽이 잘리는지는 안내에 나오지 않습니다. 그래서 글자 위치는 안내가 밝힌 왼쪽을 먼저 피하고, 밝히지 않은 잘림에 대비해 테두리 전체에서 여유를 남기는 방식으로 정합니다.
이 기준은 안내의 두 문장에서 끌어낸 배치 판단입니다. 안전한 영역을 픽셀로 정한 내용은 안내에 없으므로, 마지막 확인은 병원이 직접 컴퓨터와 휴대전화 두 화면에서 커버 사진을 열어 글자가 온전히 보이는지 견주는 일입니다. 화면 크기와 기기에 따라 보이는 모습이 달라질 수 있으므로, 병원에서 쓰는 컴퓨터 한 대와 휴대전화 한 대만이 아니라 직원이 가진 다른 기기로도 한 번씩 열면 확인의 폭이 넓어집니다.
안내가 밝힌 가림과 잘림
커버 사진의 글자 위치에 영향을 주는 내용을 안내에서 모아 정리했습니다.
| 안내 내용 | 나오는 곳 | 글자 배치에 주는 뜻 |
|---|---|---|
| 커버 사진의 왼쪽은 프로필 사진이 일부 가림 | 크기 안내 첫머리 | 왼쪽에는 글자를 두지 않음 |
| 모바일에서 프로필 사진이 약 40픽셀 정도 가림 | 모바일 커버 사진 항목 | 휴대전화에서도 가림이 생김 |
| 다른 화면에 맞게 잘리거나 크기가 조정될 수 있음 | 크기 안내 첫머리 | 테두리에 붙인 글자는 잘릴 수 있음 |
| 컴퓨터와 모바일 모두 전면 왼쪽 정렬로 표시 | 두 화면 항목 | 두 화면이 같은 쪽을 기준으로 놓임 |
넷째 행과 같은 항목에서 안내는 화면 비율이 컴퓨터 16:9, 모바일 2.4:1로 서로 다르다고 밝히는데, 이 차이는 커버 이미지 전체 구성과 이어지는 내용이라 여기서는 잘림이 생기는 까닭으로만 가리킵니다. 글자 위치에 관해서는 첫째와 셋째 행이 핵심이고, 둘째 행은 휴대전화 화면에서도 가림을 빼놓지 말아야 한다는 점을 더합니다.
커버 사진의 구역별로 따질 것
커버 사진을 몇 구역으로 나누어 글자를 둘 수 있는지 따지면 아래와 같습니다. 근거 칸에 안내가 밝힌 것과 병원이 판단할 것을 나누었습니다.
| 구역 | 글자를 두는가 | 근거 |
|---|---|---|
| 왼쪽 | 두지 않음 | 안내: 프로필 사진이 일부 가림 |
| 위아래 테두리 | 붙이지 않음 | 안내: 화면에 맞게 잘리거나 크기 조정 · 잘리는 쪽은 안내에 나오지 않음 |
| 오른쪽 끝 | 붙이지 않음 | 안내: 같은 잘림 문장 · 병원 판단으로 여유를 둠 |
| 가운데에서 오른쪽 사이 안쪽 | 둠 | 병원 판단: 위 세 구역을 피한 남은 영역 |
넷째 행은 안내가 안전하다고 밝힌 영역이 아니라, 앞의 세 구역을 피하고 남은 영역라는 뜻입니다. 이 영역이라도 실제 화면에서 가려지거나 잘리는지는 확인이 필요합니다. 글자를 한 줄로 길게 늘이면 넷째 행 안에 머물기 어려우므로, 병원 이름처럼 꼭 필요한 글자만 짧게 넣을수록 남은 영역 안에 들어가기가 수월합니다.
시안에 미리 표시할 영역
커버 이미지를 만드는 단계에서 가림과 잘림을 염두에 두려면, 시안 위에 글자를 넣지 않을 영역을 먼저 표시해 놓는 방법이 있습니다. 표시는 디자인 도구에서 반투명한 상자나 선으로 하면 되고, 최종 이미지를 내보낼 때는 지웁니다.
| 표시할 영역 | 표시하는 까닭 | 표시 크기를 정하는 근거 |
|---|---|---|
| 왼쪽 프로필 사진이 놓일 영역 | 프로필 사진이 일부 가림 | 안내에 넓이 없음 · 실제 화면을 캡처해 견준 값 |
| 위아래·오른쪽 테두리 여백 | 화면에 맞춘 잘림·크기 조정 | 안내에 값 없음 · 병원이 정한 여백 |
| 글자를 넣을 안쪽 영역 | 앞의 두 영역을 뺀 나머지 | 두 화면 확인 뒤 조정 |
첫째 행의 크기는 안내가 넓이를 밝히지 않으므로, 한 번 올린 커버 사진을 컴퓨터와 휴대전화에서 캡처해 프로필 사진이 덮은 범위를 시안에 옮겨 그리는 방식이 현실적입니다. 둘째 행의 여백은 병원이 정하는 값이고, 셋째 행은 그렇게 남은 안쪽입니다. 한 번 정한 표시는 다음에 커버 사진을 바꿀 때도 같은 시안 위에서 다시 쓸 수 있어, 병원 이름의 위치가 바뀔 때마다 처음부터 따지지 않아도 됩니다.
글자의 양과 파일
커버 사진의 글자는 많을수록 가림과 잘림에 걸릴 범위가 넓어집니다. 병원 이름, 진료과, 짧은 안내 한 줄처럼 미리 정한 글자 외에는 페이지의 다른 항목에 맡기는 편이 남은 영역을 지키는 길입니다. 진료 시간이나 이벤트 문구처럼 바뀌는 정보를 커버 글자로 넣으면, 정보가 바뀔 때마다 이미지를 다시 만들고 두 화면 확인도 다시 해야 합니다. 커버 글자를 좀처럼 바뀌지 않는 병원 이름과 진료과에 한정하면 확인을 한 번으로 끝낼 수 있습니다.
글자가 든 커버 사진은 파일 형식도 함께 따집니다. 같은 안내는 프로필 사진 및 커버 사진에 로고나 텍스트가 포함된 경우 PNG 파일을 사용하는 것이 가장 적합하다고 밝힙니다.
병원 영상 촬영 중 찍은 정지 화면을 커버로 쓴다면, 화면 속 인물이나 간판이 왼쪽에 있는지도 함께 견줍니다. 글자뿐 아니라 사진 속에서 알아보아야 할 대상도 왼쪽에 놓이면 프로필 사진에 가려질 수 있기 때문입니다.
두 화면에서 확인하는 다섯 과정
글자를 왼쪽과 테두리를 피한 안쪽에 배치한 커버 이미지를 만듭니다. 글자는 병원 이름처럼 꼭 필요한 것만 남깁니다.
만든 이미지를 페이지의 커버 사진으로 올립니다. 이 과정에서 따질 것은 이미지 안의 글자 위치이고, 화면에서 사진을 움직이는 조정은 글자 위치를 바꾸어 주지 않는다는 점을 함께 기억합니다.
컴퓨터에서 페이지를 열어 프로필 사진이 커버의 어느 부분을 가리는지, 글자가 온전히 보이는지 견줍니다.
휴대전화에서 같은 페이지를 열어 같은 점을 견줍니다. 모바일에서는 프로필 사진이 약 40픽셀 정도 덮으므로 컴퓨터와 다르게 보일 수 있습니다.
두 화면의 모습을 병원의 커버 사진 확인 기록으로 남기고, 글자가 가려지거나 잘린 화면이 있으면 이미지 안의 글자 위치를 옮겨 다시 올립니다.
커버 글자 위치를 두고 생기는 엇갈림
글자를 왼쪽 정렬로 시작하는 경우가 있습니다. 문서처럼 왼쪽에서 글자를 시작하면 첫 글자가 프로필 사진에 먼저 걸리므로, 커버 사진에서는 글자의 시작점을 왼쪽에서 떼어 놓습니다.
컴퓨터 화면만 보고 저장하는 경우도 있습니다. 안내는 모바일에서 프로필 사진이 커버 사진을 약 40픽셀 정도 가린다고 따로 밝히므로, 컴퓨터에서 온전해도 휴대전화에서는 가릴 수 있습니다.
전화번호 같은 작은 글자를 테두리 구석에 넣는 경우도 있습니다. 화면에 맞게 잘리거나 크기가 조정될 수 있다는 안내에 비추면 구석의 작은 글자는 잘리거나 작아져 읽기 어려워질 수 있으므로, 연락처는 커버 글자보다 페이지의 연락처 항목에 맡깁니다.
안내가 밝힌 권장 크기에 맞춰 이미지를 만들었으니 글자도 안전하다고 여기는 경우도 있습니다. 같은 안내는 너비 851픽셀, 높이 315픽셀을 로딩 속도가 가장 빠른 조건으로 밝히는 한편, 다른 화면에 맞게 사진이 잘리거나 크기가 조정될 수 있다고도 밝힙니다. 크기를 맞추는 일과 글자가 보이는지 확인하는 일은 별개이므로, 권장 크기로 만든 이미지도 두 화면에서 열어 견줍니다.
커버 사진 글자 위치에 관한 질문
컴퓨터에서 프로필 사진이 가리는 넓이는 몇 픽셀인가요?
안내는 커버 사진의 왼쪽을 프로필 사진이 일부 가린다고만 밝히고, 컴퓨터 화면에서 가려지는 넓이를 픽셀로 밝히지 않습니다. 픽셀 값이 나오는 것은 모바일의 약 40픽셀뿐입니다. 컴퓨터 화면의 가림은 페이지에 커버 사진을 한 번 올린 뒤 화면을 캡처해 프로필 사진이 덮은 범위를 직접 재는 방법으로 확인하고, 그 값을 시안의 표시 영역에 옮깁니다.
글자를 커버 사진 한가운데 두면 안전한가요?
안내는 안전한 영역을 따로 밝히지 않습니다. 한가운데라도 프로필 사진과 겹치는지, 화면에 맞춘 잘림에 걸리는지는 두 화면에서 연 모습으로 판단합니다.
병원 이름을 오른쪽 아래 구석에 넣으면 프로필 사진을 피할 수 있나요?
오른쪽 아래는 안내가 밝힌 왼쪽 가림에서는 벗어나지만, 같은 안내가 다른 화면에 맞게 사진이 잘리거나 크기가 조정될 수 있다고 밝히므로 구석에 붙인 글자는 그 잘림에 걸릴 수 있습니다. 어느 쪽이 잘리는지는 안내에 나오지 않으므로, 구석보다 오른쪽 테두리에서 떨어진 안쪽에 넣고 두 화면에서 열어 견줍니다.
글자가 잘렸을 때 위치 조정만으로 고칠 수 있나요?
안내는 사진을 위아래로 끌어 위치를 조정할 수 있다고 밝힙니다. 다만 왼쪽에 놓인 글자는 위아래 조정으로 옮겨지지 않으므로, 이미지 안에서 글자 위치를 옮겨 다시 올리는 편이 맞습니다.
커버 글자의 표현은 무엇과 맞추면 되나요?
커버 사진 안내에는 글자 표현에 관한 기준이 없습니다. 병원 이름과 진료과 표기를 병원 GEO 콘텐츠 제작 결과물에 쓰인 표기와 같게 맞추면, 커버 글자가 다른 채널의 병원 이름과 어긋나지 않습니다.
가림과 잘림을 피한 안쪽
Facebook 커버 사진의 글자는 프로필 사진이 가리는 왼쪽을 피하고, 화면에 맞춰 잘릴 수 있는 테두리에서도 떨어진 안쪽에 짧게 넣습니다. 안전한 영역을 픽셀로 정한 안내는 없으므로, 올린 뒤 컴퓨터와 휴대전화 두 화면에서 글자가 온전한지 견주고 그 모습을 기록합니다.