새로운 Facebook 페이지의 표시 사이즈 여러가지(2016/08/30)

2272 단어 Facebook
어느새 페이스북 페이지의 레이아웃이 다시 변경되었기 때문에, 표시 사이즈에 대해 여러가지 조사해 보았습니다. (2016/08/30의 상태입니다)



커버 이미지



PC



표시 사이즈는, 828 x 315 px로 고정. 가늘고 긴 크기의 이미지를 업로드해도 자르기 작업이 포함됩니다. (실제로는 트리밍하고 있는 것은 아니고, overflow:hidden 로 지우고 있는 것 같다)

커버 화상 하부의 그라데이션은 없어진 것 같습니다. 위에 타는 버튼도 전부 배제된 것 같아서, 전면을 유효하게 사용할 수 있을 것 같네요.

SP



표시 사이즈는 윈도우 사이즈에 따라 다른 것 같습니다. "aspectRatio":1.777 라고 하는 기술이 있었으므로, 1.777:1 이라고 하는 사이즈가 된다고 생각합니다.
이전에는 이미지 크기에 따라 비율도 바뀐 것 같기 때문에 그 처리는 배제되었습니까?

덧붙여서 구 iPhone 사이즈(또는 iPhone 5SE 사이즈)의 320px의 윈도우 사이즈의 경우는, 320 x 180 px로 표시되고 있었으므로, 위의 비율로 맞는 것일까라고 생각합니다.

덧붙여서 스마트 폰의 커버 화상의 그라데이션은 건재의 모습. 이쪽도 어차피라면 삭제해 주었으면…

프로필 이미지



PC



표시 사이즈는, 160 x 160 px로 고정. 길쭉한 크기의 이미지를 업로드해도 정사각형 크기로 자르기 작업이 포함됩니다. (커버 화상과는 달리, 이쪽의 화상은 확실히 트리밍 처리가 실시되고 있었습니다)

SP



표시 사이즈는, 64 x 64 px로 고정. 주위에 2px의 흰색 선이 들어오는 것 같습니다.

기타



이전에는 작은 크기의 이미지를 업로드하면 너무 작으면 거부되어 버렸지만, 작은 크기를 업로드해도 "이 사진은 너무 작아서 프로필 사진이 흐려집니다."라는 경고는 나오면서도 업로드할 수 있게 된 것 같습니다.



타임라인



PC



정사각형 이미지를 업로드하여 표시되는 476 x 476 픽셀이 최대 크기입니다. 1px에서도 세로폭을 크게 하면 가로폭 눈 가득 표시해주지 않게 되는 것 같습니다. (이미지 자체가 작은 경우는 왼쪽 정렬)

가로 길이의 이미지는 가로 세로 비율 유지로 가로 폭 100 %로 해주는 것 같기 때문에, 기본적으로는 가로 놓은 사진을 업로드하면 좋을 것 같네요.

복수의 이미지를 동시에 투고하면, 4장까지는 한 번에 표시, 5장 이후가 되면 4장째의 화상의 버튼이 「+n」이라고 하는 표시가 되는 것 같습니다.

SP



윈도우 크기에 따라 다르지만 최대 크기는 333 x 499px 같습니까? 조금 알 수 없습니다. (작은 이미지의 경우 중앙 정렬)

세로 폭의 최대 사이즈를 초과하면 overflow:hidden 로 숨겨졌습니다.

그래서 가로 폭 333px 이하의 경우는 화면 폭 눈 한 잔에 표시해줍니다. 덧붙여서 구 iPhone 사이즈(또는 iPhone 5SE 사이즈)의 320px의 윈도우 사이즈의 경우는, 종폭 최대 480px였습니다.

복수 화상의 처리는 마찬가지로 4장까지 한 번에 표시, 5장 이후가 되면 4매째의 화상의 버튼이 「+n」이라고 하는 표시가 되는 것 같습니다.

좋은 웹페이지 즐겨찾기