새로운 Facebook 페이지의 표시 사이즈 여러가지(2016/08/30)
2272 단어 Facebook
커버 이미지
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」이라고 하는 표시가 되는 것 같습니다.
Reference
이 문제에 관하여(새로운 Facebook 페이지의 표시 사이즈 여러가지(2016/08/30)), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/sushat4692/items/b1f3b11f6c170fd620ae
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
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」이라고 하는 표시가 되는 것 같습니다.
Reference
이 문제에 관하여(새로운 Facebook 페이지의 표시 사이즈 여러가지(2016/08/30)), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/sushat4692/items/b1f3b11f6c170fd620ae
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
Reference
이 문제에 관하여(새로운 Facebook 페이지의 표시 사이즈 여러가지(2016/08/30)), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/sushat4692/items/b1f3b11f6c170fd620ae텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)