상품 이미지 글자 크기: 흔한 오해 6가지와 16 mm 테스트

상품 이미지 글자 크기를 결정하는 건 거의 아무도 확인하지 않는 숫자 하나입니다. 구매자가 실제로 보게 되는 타일의 크기입니다. 1600 px로 내보낸 원본이 아니라, 검색 그리드에 뜨는 손톱만 한 썸네일 말입니다. 유통 채널에는 스마트폰에서 상품 타일을 대략 16 x 16 mm로 렌더링하도록 권장합니다. 치수 라벨이 실제로 찍히는 캔버스는 딱 그만한 크기입니다.

여섯 가지 믿음이 판매자를 엉뚱한 캔버스 위에서 디자인하게 만듭니다. 각각에는 이미 공개된 반박 근거가 있습니다. 식품·생활용품 브랜드들이 몇 년 전에 이 문제를 풀고 규칙으로 적어 뒀기 때문입니다.

이 규칙이 어디서 나왔는지도 짚고 갑니다. Mobile Ready Hero Image 작업은 FMCG 브랜드와 유통사가 주도했기 때문에 예시가 샴푸 용기와 사료 봉지입니다. 하지만 물리 법칙은 카테고리를 가리지 않습니다. 16 mm 타일을 실눈 뜨고 들여다보는 쇼핑객은 소파 좌석 깊이도, 세제 세탁 횟수도 똑같이 못 읽습니다.

오해 1: 필요하면 알아서 확대해서 본다

확대는 합니다. 단, 클릭한 다음입니다. 클릭은 그리드에서 일어나고, 그리드에는 아직 확대라는 게 없습니다.

이 순서가 논쟁의 전부입니다. 작은 글자를 확대 기능으로 방어하는 논리는 전부 "화면에 있는 다른 열한 개 상품 대신 이미 내 상품을 고른 쇼핑객"을 전제로 합니다. 크기를 알 수 없어서 그 비교에서 밀렸다면 확대 기능은 쓰일 일 자체가 없습니다. 가독성은 상세 페이지 문제처럼 보이지만 실제로는 유입 단계 문제입니다.

오해 2: 1600 px면 글자가 읽힌다

픽셀은 저장 용량이지 크기가 아닙니다. 가독성을 결정하는 건 실제 화면에 렌더링된 크기이고, 그 숫자는 판매자들이 생각하는 것보다 훨씬 작습니다. 상품 썸네일 가독성은 여기서 갈립니다.

Mobile Ready Hero Image 가이드라인이 유통사에 권장하는 표시 크기는 다음과 같습니다.

기기	권장 렌더링 타일 크기	체감 크기
스마트폰	16 x 16 mm	손톱 하나
태블릿	23 x 23 mm	우표 한 장
데스크톱·노트북	50 x 50 mm	신용카드 짧은 변

가이드라인은 "그냥 더 크게 하면 되지 않느냐"에 대한 답도 분명히 적어 뒀습니다. 타일이 커지면 쇼핑객이 목록을 빠르게 스크롤하기 어려워지고, 타일이 작아지면 그래픽으로 전달할 수 있는 게 사라져 결국 상품명을 읽게 만듭니다. 이미지를 훑는 것보다 느리고 번거로운 방식입니다.

즉 제약은 고정값입니다. 좋든 싫든 16 mm를 기준으로 디자인하는 셈이고, 1600 px 파일이 16 mm로 렌더링되면 누가 읽어 보기도 전에 두 자릿수 배율로 축소됩니다. 상품 이미지 글자 크기는 편집 프로그램 안의 캔버스가 아니라 그 렌더링된 타일을 기준으로 정해야 합니다. 프레임을 제대로 잡는 것도 그만큼 중요합니다. 플랫폼이 하필 치수가 들어간 쪽을 잘라낼 때 무슨 일이 벌어지는지는 상품 이미지 비율 편에 정리해 뒀습니다.

오해 3: 대비가 강하면 작은 글자도 괜찮다

대비와 크기는 서로 독립된 두 가지 실패 경로입니다. 하나를 고친다고 나머지가 구제되지 않습니다.

이커머스 이미지 텍스트에 관해 공개된 기준은 꽤 구체적입니다. APCA(Accessible Perceptual Contrast Algorithm) 점수는 보통 60 이상이어야 하고 45가 최저선이며, GS1 히어로 이미지 가이드라인은 접근성 하한으로 W3C의 최소 명도 대비 4.5:1을 제시합니다. 색 조합은 색각 이상이 있는 쇼핑객에게도 작동해야 하는데, 이 조건 때문에 눈으로 보기엔 대비가 세 보이는 조합 몇 가지가 탈락합니다.

대비는 필요조건입니다. 충분조건은 아닙니다. 16 mm에서 너무 작은 글자는 대비를 아무리 올려도 안 읽힙니다. 실패 원인이 밝기가 아니라 각해상도이기 때문입니다.

오해 4: 얇고 우아한 서체가 고급스러워 보인다

100% 배율에서는 고급스럽습니다. 16 mm에서, 그것도 JPEG 안에서는 그냥 사라집니다.

서체에 관한 가이드라인 문장은 표준 문서치고 이례적으로 직설적입니다.

항목	가이드라인이 말하는 것
글자 굵기	세미볼드나 볼드가 대체로 가장 잘 읽힙니다 — 울트라 라이트와 엑스트라 볼드는 피합니다
글자 스타일	Open Sans나 Arial 같은 산세리프 계열을 씁니다. 장식체·스타일 서체·세리프체는 피합니다. 작은 이미지에서 형태가 무너지고, 유통사가 보통 .jpg 형식을 쓰기 때문에 더 그렇습니다
글자 뒤 배경	깨끗하게 유지합니다 — 색 그러데이션은 피하고, 패턴 위에 글자를 얹지 않습니다
효과	외곽선과 그림자 효과는 쓰지 않습니다

엑스트라 볼드도 피하라는 목록에 들어 있다는 점을 눈여겨보시기 바랍니다. 아주 두꺼운 굵기는 축소될 때 글자 속 빈 공간이 메워지고, 속이 메워진 8은 0으로 읽힙니다. 치수 라벨에서 이건 미관 문제가 아니라 틀린 숫자입니다.

오해 5: 콜아웃이 많을수록 정보가 많다

캔버스는 작고 모든 요소가 그 자리를 두고 경쟁합니다. 구매자에게 필요한 메시지를 나르지 않는 요소는, 나르고 있는 요소의 자리를 빼앗고 있는 것입니다.

히어로 이미지 표준은 이 지점에서 인정사정없습니다. 네 가지 핵심 메시지, 이른바 "4Ws" — Who(브랜드), What(상품 종류), Which(옵션), HoW much(내용량) — 를 정의하고 나머지는 전부 삭제 후보로 봅니다. 자동 검수 규칙은 한 발 더 나갑니다. 패키지 바깥에 허용되는 요소는 오른쪽 아래 모서리의 검은 사각형 사이즈 로젠지 하나뿐입니다. 떠다니는 텍스트도, 다른 팩 외 요소도, 패키지 경계를 넘는 것도 안 되고 배경은 흰색입니다. 같은 상품을 여러 각도로 보여 주는 것도 금지합니다. 시각적으로 산만하고, 몇 개를 받는지 오해하게 만들 수 있기 때문입니다.

이걸 스펙 도면으로 옮기면 우선순위는 불편하지만 명확합니다. 구매자가 읽을 수 있는 치수 하나가 읽을 수 없는 여섯 개보다 낫습니다. 어떤 라벨이 자리값을 하는지 고르는 쪽이 오히려 더 어려운 일인데, 그 기준은 상품 사진 콜아웃 편에서 다룹니다.

오해 6: 치수를 어디에 넣든 상관없다

상관있습니다. 그리고 이유는 미적인 게 아닙니다.

가이드라인은 팩 외 사이즈 정보를 오른쪽 아래 모서리에 두라고 하고, 근거를 두 가지 댑니다. 첫째는 일관성입니다. 카테고리 안의 모든 이미지가 같은 자리에 사이즈를 두면 쇼핑객은 어디를 봐야 할지 찾아 헤매지 않아도 됩니다. 둘째는 기하학입니다. 오른쪽 아래는 세로로 긴 상품과 가로로 긴 상품 양쪽에 모두 맞는 유일한 위치입니다. 다른 자리는 한쪽 비율에서는 되고 다른 쪽에서는 상품과 겹칩니다.

키 큰 SKU와 겹쳐서 치수 라벨을 세 번쯤 옮겨 본 적이 있다면, 그때 어렵게 다시 발견한 게 바로 이 규칙입니다.

16 mm 테스트: 60초면 끝납니다

내 이미지가 통과하는지 알아보는 데 연구 예산은 필요 없습니다. 확인 방법은 두 가지입니다.

아날로그 버전. 이미지를 16 x 16 mm로 출력해서 40 cm 거리에 두고 봅니다. 평소 휴대폰을 보는 거리입니다. 여기서 못 읽는 건 없는 것과 같습니다.

디지털 버전. GS1 가이드라인은 시뮬레이션 방법을 직접 지정합니다. 3000 x 3000 픽셀 이미지에 반경 34 픽셀의 가우시안 블러를 적용합니다. 이 블러 강도는 모바일 기기를 40 cm 거리에서 보는 상황에 맞춰 보정된 값입니다. 흐려진 이미지를 모니터에서 그대로 평가하면 됩니다. 블러 후에 읽히지 않는 치수는 실제 쇼핑객 상당수에게도 읽히지 않습니다.

이 용도로 만들어진 유료 도구도 있습니다. 같은 케임브리지 대학교 연구 그룹에서 나온 Clari-Fi인데, 1인 라이선스가 부가세 별도 £263입니다. 대형 브랜드는 이걸 사후 리뷰가 아니라 통과 관문으로 씁니다. Unilever의 글로벌 이커머스 디렉터는 2022년 10월, 신규·수정된 이커머스 이미지는 전부 Clari-Fi 검사를 통과해야 유통사에 전달된다고 밝혔고, 3년 동안 30,000장이 넘는 상품 이미지를 이 검사에 돌렸다고 했습니다. 소규모 판매자라면 수동 블러로 충분히 대체할 수 있습니다. 중요한 건 반품이 들어온 뒤가 아니라 이미지가 나가기 전에 검사를 한 번이라도 돌리는 것입니다.

결과 수치까지 공개돼 있다는 점이 이 분야에서는 드뭅니다. AA 수준 선명도 검사를 통과하지 못한 이미지는 쇼핑객의 46% 이상이 그 안의 핵심 정보를 인지하지 못한다는 뜻입니다. 가이드라인이 든 실제 예시에서는 흔한 패키지 사진이 "어떤 옵션인지"와 "얼마나 들었는지"에서 탈락했고, 해당 메시지를 인지하기 어려워할 사람의 비율이 52%에서 100% 구간으로 나왔습니다.

핵심은 이겁니다. 치수 라벨이 블러 테스트를 통과하지 못했다면 치수를 게시한 게 아닙니다. 장식을 게시한 것입니다.

읽히지 않은 치수 하나가 얼마짜리인지 감을 잡으려면 계산을 해 보면 됩니다. 사이즈 때문에 생긴 반품 한 건은 출고 배송비, 반품 배송비, 검수, 재포장, 그리고 종종 그 한 개의 마진까지 가져갑니다. 반품 비용 계산기가 개당 금액을 숫자로 보여 줍니다.

상품 이미지 글자 크기: 타일에서 살아남는 것들

요소	16 mm에서 살아남는 처리	죽이는 요인
치수 숫자	이미지에서 가장 큰 글자, 세미볼드 산세리프, 이미지당 단위 체계 하나	캡션 글자에 맞춘 크기의 숫자
단위(cm, in, mm)	숫자와 같은 굵기, 위 첨자 금지	숫자에 뭉개지는 작은 대문자나 위 첨자 단위
치수선과 화살표	축소를 견딜 만큼 두꺼운 선, 실선, 높은 대비	사라져 버리는 1 px 헤어라인
콜아웃 지시선	짧고 곧게, 서로 교차하지 않게	복잡한 사진을 가로지르는 길고 가는 지시선
사이즈 로젠지	꽉 찬 블록, 오른쪽 아래, 전 상품 동일 위치	배경 없이 떠 있는 텍스트
글자 아래 배경	평평하고 깨끗한 영역	그러데이션, 패턴, 상품 표면 질감
부가 마케팅 문구	삭제하거나 두 번째 이미지로 이동	사이즈를 파는 숫자와 자리를 다투는 모든 것

규칙 두 개면 대부분 정리됩니다. 치수는 그 이미지에서 가장 큰 글자이거나, 아니면 그 이미지의 목적이 치수가 아닌 것입니다. 그리고 핵심 메시지가 아닌 모든 요소는 핵심 메시지의 자리를 빌려 쓰고 있는 것입니다.

자주 묻는 질문

상품 이미지 글자 크기는 얼마나 커야 합니까?

16 mm 타일에서 살아남을 만큼입니다. 상품 이미지 글자 크기는 고정된 픽셀 값이 아니라 테스트 결과입니다. 상품 이미지 최소 글자 크기를 하나의 숫자로 정해 달라는 요청이 많지만, 렌더링 크기가 이미지의 픽셀 크기와 화면 밀도에 따라 달라지기 때문에 "48 px로 하세요" 같은 단일 정답은 절반의 기기에서 틀립니다. 글자를 앉힌 뒤 보정된 강도로 내보낸 파일을 흐리게 만들고, 핵심 숫자가 읽힐 때까지 키우시면 됩니다.

구매자가 확대해서 치수를 읽어 주지 않습니까?

일부는 읽습니다. 클릭한 다음에요. 문제는 클릭 여부가 확대라는 게 없는 검색 그리드에서 결정된다는 점입니다. 확대해야만 읽히는 글자는 쇼핑객이 내 상품을 고르는 데 아무 기여도 하지 못합니다.

상품 이미지 텍스트 대비는 어느 정도가 필요합니까?

APCA 점수 60 이상을 목표로 하고 45를 최저선으로 잡되, 접근성 기준선으로 고전적인 4.5:1 대비도 함께 유지하시기 바랍니다. 색 조합은 색각 이상까지 확인해야 합니다. 초록 배경 위의 빨간 숫자는 비율은 충족해도 적지 않은 쇼핑객에게는 보이지 않습니다.

사이즈를 이미지 모서리에 넣어도 됩니까?

됩니다. 권장 위치는 오른쪽 아래 모서리입니다. 세로형과 가로형 상품 양쪽에 모두 통하는 유일한 모서리이고, 모든 이미지에서 같은 자리에 두면 쇼핑객이 굳이 찾지 않아도 눈에 들어옵니다.

스펙 도면이 블러 테스트를 통과하지 못합니다. 가장 빠른 해결책은 무엇입니까?

재촬영은 하지 마시기 바랍니다. 사진은 대개 멀쩡하고 문제는 주석 레이어입니다. 빠른 길은 치수를 JPEG에 구워 넣지 않고 상품의 실측 모서리에 묶인 편집 가능한 레이어로 유지하는 것입니다. 그러면 글자를 키우고, 선을 두껍게 하고, 장식용 라벨을 걷어내고, 플랫폼별 이미지 규격으로 한 번에 다시 내보낼 수 있습니다. 실제 형상을 기준으로 측정하고 필요할 때 다시 내보내는 이 능력이, 주석 소프트웨어를 사진 편집기와 갈라놓고 또 한 번도 재 본 적 없는 숫자를 그럴듯하게 그려 내는 이미지 생성기와도 갈라놓습니다. 어떤 방식을 쓸지 고민 중이라면 상품 사진에 치수를 넣는 도구 정리가 정확히 그 기준으로 비교해 둔 글입니다.