안녕하세요 스팀잇 귀염둥이 스위티예요^^
이번에는썸네일 사이즈에 대해 알아보려고 해요.
리스트 화면에서 각 포스팅의 대표로 보여지게 되는 이미지죠~
그런데 이 썸네일도 우리가 좀 더 디테일하게 접근할 수 있어요~
바로 사진비율 문제인데요.
사실 사진비율에 그렇게 신경쓰지 않아도 사용하시는데 아무 문제 없지만,
but! 가끔가다 원치 않는 모습으로 나올수 있기때문에 아래처럼 하시면 이쁘게 나올수있어요~!
만약 세로사진이나 정사각형 사진을 넣으면 어떻게 될까요?
PC버전에서는 사진이 128px*74px 이라는 틀 안에서 무조건 가로가 꽉차게 채워지기 때문에 위 아래가 잘리게 됩니다.
그럼 얼굴이 잘릴 가능성이 크겠죠~ 아래처럼 말이죠.
뜨아~~~악!
모바일버전에서는 세로길이에 맞춰집니다. 그래서 좌우에 여백이 발생하죠. 이렇게요.
이뻐야될 우리의 썸네일에 여백이 발생하다니!
PC버전에서는 썸네일의 틀이 128px*74px입니다.
그래서 64:37의 비율로 만들면 잘리는 부분도 없고
이렇게하면 모바일버전에서도 여백없이 이쁘게 나온답니다~
짜잔~ 이렇게요~ 참쉽죠~?^^
만약 가로사이즈가 1024px이면 세로사이즈는 592px로 작업하시면 되겠죠?
지금까지 스팀잇 귀염둥이 스위티였습니다^^
