썸네일 제작 시 알아두면 좋은 이미지 크롭 가이드
1. 썸네일은 왜 다르게 잘리나요?
네이버 블로그, 카카오톡 공유 링크 등은 이미지를 보여주는 '카드'의 비율이 다릅니다. 일부 웹 카드 UI에서는 object-fit: cover와 같은 방식으로 이미지를 영역에 맞추면서 컨테이너 비율에 맞지 않는 이미지 일부가 잘릴 수 있습니다. 실제 크롭 위치와 방식은 서비스 구현에 따라 달라질 수 있습니다.
2. 1200×630 규격과 1.91:1 비율
1200×630 (약 1.904:1)은 웹 링크 공유용 OG 이미지 제작에 널리 사용되는 규격입니다. 종종 1.91:1로 통용되기도 합니다. 반면 16:9는 유튜브나 웹 와이드 썸네일에 주로 쓰입니다. 약간의 비율 차이지만 텍스트를 가장자리에 바짝 붙여 쓰면 다른 종횡비에서 잘릴 위험이 있습니다.
3. 보수적 중앙 가이드(80%) 활용법
여러 대표적인 크롭 비율에서 핵심 콘텐츠가 잘리지 않도록 여유를 두기 위한 보수적인 디자인 참고 영역입니다. 플랫폼의 공식 안전 영역을 의미하는 것은 아니지만, 중요한 텍스트와 피사체를 이 안에 모아두면 이미지가 크롭되거나 모서리가 둥글게 처리되는 환경에서도 가독성을 유지할 가능성이 높습니다.