📐 배너 크기에 맞는 CTA 텍스트, 어떻게 정할까?
배너 광고나 프로모션 이미지를 만들 때 가장 흔한 실수는 CTA 텍스트 크기를 감으로 정하는 것입니다. 배너가 300x250처럼 큰 경우엔 문제가 없지만, 728x90 리더보드나 320x50 모바일 배너처럼 세로 폭이 좁으면 텍스트가 버튼을 벗어나거나 너무 작아 눈에 띄지 않는 경우가 많습니다.
이 도구는 배너의 가로·세로 크기 중 더 작은 값을 기준으로 텍스트 크기, 버튼 높이, 좌우 패딩을 자동으로 계산합니다. 세로 폭이 좁은 배너는 텍스트를 12px까지 줄이고, 250px 이상 여유가 있는 배너는 최대 36px까지 키워 시선을 사로잡을 수 있도록 설계했습니다. 계산된 값은 미리보기 버튼에 바로 적용되어 실제 느낌을 확인할 수 있습니다.
결과값은 출발점으로 활용하고, 실제 적용 전에는 배너 안에서 버튼이 잘리지 않는지, 문구가 두 줄로 넘어가지 않는지 직접 확인하는 것이 좋습니다. 문구가 길다면 텍스트 크기를 줄이기보다 문구 자체를 짧게 줄이는 것이 가독성 면에서 더 유리합니다.
자주 묻는 질문
너무 작은 텍스트는 가독성이 떨어지므로 최소 12px 이상을 유지하는 것이 좋습니다. 배너가 작을수록 문구를 짧게 줄이고, 핵심 단어만 강조하는 방식으로 보완하세요.
네. 텍스트 크기가 적절해도 배경과 색상 대비가 낮으면 눈에 잘 들어오지 않습니다. 버튼은 배경보다 명확히 밝거나 어두운 색으로 구분해 주세요.
반응형이라면 가장 작아지는 브레이크포인트의 가로·세로 값을 기준으로 계산하는 것이 안전합니다. 화면이 커질 때 텍스트도 함께 확대되도록 CSS clamp()를 활용하세요.