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

in #kr7 years ago

sweeti.jpg

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

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

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

11111111.PNG

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

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

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

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

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


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

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

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

모바일버전에서는 세로길이에 맞춰집니다. 그래서 좌우에 여백이 발생하죠. 이렇게요.
222222.JPG
이뻐야될 우리의 썸네일에 여백이 발생하다니!

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

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

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

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

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

Sort:  

사소한거지만 엄청난 꿀팁이네요!! 보팅하고갑니다

엄청나기까지^^;
보팅 감사합니다^^

pc에만 해당사항인거죠? 64:37의 비율. 기억하겠습니다. 유익한 정보엔 보팅 슛~

모바일은 적당히 가로사진이면 대부분 잘 나오긴 합니다만
PC로 보는 분들이 많은 만큼 저 비율을 사용하시는게 좋아요^^
감사합니다~:)

꿀팁이네요 ^^
저도 이것때문에 이래 저래 테스트를 해봤던 기억이 ~

그러셨군요^^
방문해주셔서 감사드립니다~:)

꿀정보 감상해요~~
64:37 꼭 기억하고 메모할게요^^

잘 활용하세용~^^
방문해주셔서 감사합니다~:)

넵~편안한 시간 되세요^^*

유용한 정보네요. 감사합니다. ^^

좋은 활용되세요~
방문해주셔서 감사합니다~:)

깨알꿀팁 감사해요~~
대문사진 왜 짤리나 했는데 이런 팁이 숨어있었네요.
매일매일 포스팅 잘 보고있어요~ '업봇하고 갑니다~^^

방문해주시고 보팅해주셔서 감사합니다~^^

직접 실험해보시고 이렇게 유용한 정보 올려주셔서 감사합니다 : ) 메모해두고 사용해야겠어요 ㅎㅎ

잘 활용하세용~^^
방문해주셔서 감사합니다~:)

깨알팁 감사해요!

방문해주셔서 감사합니다^^

좋은정보 너무너무 감사합니다~~!!

방문해주셔서 감사드려요~:)

스위티님안 정말 꼭 필요한 정보만 주시는군요 그렇지않아도 대문 사진때문에 사이즈 궁금했거든요~ 오늘도 좋은 정보 감사합니다~~ ^^

도움되셨다니 다행입니다^^
감사합니다~:)

아하... 이런 정보 정말 좋네요.
감사의 마음으로 보팅 꾹 누르고 갑니다^^

방문해주시고 보팅해주셔서 감사합니다^^

포스팅할때마다 얼굴이 잘려나와서 고민이었는데... 고맙습니다 ㅎㅎ업봇하고갑니닷!

이제 얼굴 잘리실 일은 없으실거에요 ㅋ
감사합니다~:)

오 64:37 명심할게요

64:37 잊지마세요~^^
방문해주셔서 감사합니다~:)

와우~ 저 같은 뉴비들에겐 정말 꿀팁입니다. 감사합니다. 보팅하고 갑니다.

64:37 !!!

사진에서 비율은 매우 중요한데, PC 사용자를 위한 비율을 알려주셔서 감사합니다~! 🙂🙂🙂

팁 감사합니다..!! 썸네일 만드는데 도움이 될거같아요