[ Sweeti's 꿀팁 ] 썸네일(대문사진) 최적의 가로 세로 비율은 어떻게 될까요?

안녕하세요 스팀잇 귀염둥이 스위티예요^^

이번에는썸네일 사이즈에 대해 알아보려고 해요.

스팀잇은 포스팅할 때 올리는 사진 중 첫번째 사진이 썸네일(대문사진)로 사용됩니다.

리스트 화면에서 각 포스팅의 대표로 보여지게 되는 이미지죠~

그런데 이 썸네일도 우리가 좀 더 디테일하게 접근할 수 있어요~

바로 사진비율 문제인데요.

사실 사진비율에 그렇게 신경쓰지 않아도 사용하시는데 아무 문제 없지만,
but! 가끔가다 원치 않는 모습으로 나올수 있기때문에 아래처럼 하시면 이쁘게 나올수있어요~!

썸네일은 되도록이면 가로사진으로 넣으세요.

스팀잇의 썸네일은 가로 비율에 최적화되서 나타납니다.

만약 세로사진이나 정사각형 사진을 넣으면 어떻게 될까요?

PC버전에서는 사진이 128px*74px 이라는 틀 안에서 무조건 가로가 꽉차게 채워지기 때문에 위 아래가 잘리게 됩니다.
그럼 얼굴이 잘릴 가능성이 크겠죠~ 아래처럼 말이죠.

뜨아~~~악!

모바일버전에서는 세로길이에 맞춰집니다. 그래서 좌우에 여백이 발생하죠. 이렇게요.

이뻐야될 우리의 썸네일에 여백이 발생하다니!

최적의 썸네일 가로 세로 비율은 64 : 37 입니다.

PC버전에서는 썸네일의 틀이 128px*74px입니다.
그래서 64:37의 비율로 만들면 잘리는 부분도 없고
이렇게하면 모바일버전에서도 여백없이 이쁘게 나온답니다~

짜잔~ 이렇게요~ 참쉽죠~?^^

만약 가로사이즈가 1024px이면 세로사이즈는 592px로 작업하시면 되겠죠?

64:37 꼭 메모해두세요~~

지금까지 스팀잇 귀염둥이 스위티였습니다^^