작게 보일 때 살아남는 썸네일
목록에서 손톱만 하게 보이는 이미지는 다른 원칙이 필요합니다.
그냥 작게 만든 것이 아닙니다
큰 이미지를 그대로 줄이면 대개 무엇인지 알아보기 어려워집니다. 정보가 너무 많이 들어 있기 때문입니다.
썸네일은 «작은 화면에서 한눈에 무엇인지 전달하는 것» 이 목적입니다. 그러려면 담을 것을 줄여야 합니다.
그래서 원본과 썸네일을 따로 만드는 편이 결과가 훨씬 낫습니다.
작아져도 남는 것
큰 덩어리와 뚜렷한 대비는 살아남습니다. 사람 얼굴, 단순한 도형, 밝고 어두움이 확실히 갈리는 구성이 그렇습니다.
사라지는 것은 얇은 선, 작은 글자, 미세한 질감, 비슷한 색끼리의 경계입니다. 줄이는 과정에서 뭉개지고 채널이 다시 압축하면서 한 번 더 뭉개집니다.
그래서 «요소를 줄이고 대비를 키운다» 가 대원칙이 됩니다.
글자를 넣는다면
가능하면 넣지 않는 편이 낫습니다. 넣어야 한다면 단어 몇 개로 줄이고 아주 크게 넣습니다.
가는 서체보다 굵은 서체가 작게 줄었을 때 훨씬 잘 버팁니다.
글자와 배경의 밝기 차이를 크게 둡니다. 배경 사진 위에 글자를 얹을 때는 글자 뒤에 어두운 판을 깔거나 배경을 흐리게 하는 방식이 흔합니다.
작게 놓고 판단합니다
편집 화면에서는 크게 보이니 다 읽히는 것 같습니다. 실제 표시 크기로 줄여 놓고 봐야 합니다.
화면에서 멀찍이 떨어져 보거나, 눈을 가늘게 뜨고 보는 방법도 도움이 됩니다. 형태만 남았을 때 무엇인지 알아볼 수 있으면 통과입니다.
처음에 자주 걸리는 것
- 원본을 그대로 줄여 썸네일로 쓰기. 정보가 너무 많아 뭉개집니다.
- 긴 문장을 넣기. 작아지면 읽히지 않습니다.
- 가는 서체를 쓰기. 줄어들면 사라집니다.
- 편집 화면 크기로만 확인하기. 실제 크기에서 판단해야 합니다.
- 썸네일용 파일도 원본 크기로 올리기. 목록 화면이 느려집니다.
내보내기 전 확인
- 썸네일을 원본과 별개로 만들었다
- 요소를 줄이고 대비를 키웠다
- 글자를 넣었다면 단어 몇 개로 줄이고 굵게 했다
- 실제 표시 크기로 축소해서 확인했다
- 파일 크기를 목록에 맞게 줄였다
자주 묻는 것
썸네일은 몇 픽셀로 만들까요?
표시될 크기의 두 배 정도가 흔히 쓰입니다. 점 밀도가 높은 화면을 고려한 것입니다.
얼굴을 넣으면 좋다는 말이 있던데요?
얼굴은 작게 줄어도 알아보기 쉬운 형태라 유리한 면이 있습니다. 다만 내용과 관계없는 이미지를 넣는 것은 다른 문제입니다.
썸네일도 압축해야 하나요?
목록에는 여러 장이 한꺼번에 뜨므로 오히려 더 중요합니다. 다만 이미 작으니 과하게 조일 필요는 없습니다.
이 글에서 다룬 작업은 여기서 바로 해 보실 수 있습니다.
이어서 읽으면 좋은 글
이 글은 입문자 기준으로 이해하기 쉽게 정리했으며, 내용은 운영 과정에서 순차적으로 보완될 수 있습니다. 마지막 점검 2026년 7월 18일.