CPL 가독성 판독기
줄 폭(px)과 폰트 크기를 분석하여 안구 도약 운동(Saccade) 피로도를 최소화하는 황금 기준(45~75자) 충족 여부를 판정합니다.
웹 타이포그래피 황금 가독성(CPL)과 안구 피로도
본 유틸리티는 시각 디자인 및 웹 접근성 표준에 따라 한 줄 당 글자 수(CPL, Characters Per Line)를 산출하고 인간 안구의 도약 운동(Saccade) 및 회귀 피로도를 분석합니다.
한 줄 글자 수(CPL) 공식 = 본문 줄 폭 (px) ÷ [폰트 크기 (px) × 문자 비율 (Char Ratio) + 자간 (px)]
영문 기준 한 줄 당 45~75자, 한글 기준 30~50자가 안구 피로를 최소화하는 타포그래피 황금 구간입니다.
px
px
em
👁️ 실시간 라이브 텍스트 프리뷰
680px (CPL: 50자)
🟢 최적 (황금 가독성)
⚡ 한·영 혼용 / 680px 폭
한 줄 당 평균 글자 수 (CPL)
50.0
자/줄
1줄 당 평균 50.0자 (한·영 혼용 본문)
📊 안구 도약 운동(Saccade) 가독성 지수
최적 가독성 (100점)
너무 짧음
권장 하한
황금 최적
권장 상한 (너무 긺)
현재 한 줄 글자 수(50.0자)는 황금 가독성 범위(35~58자)에 속하여 인간 안구 도약 운동(Saccade) 피로도가 최소화된 최적의 상태입니다.
한 줄 글자 수
50 자
권장 줄 폭 범위
476 ~ 789 px
권장 폰트 크기
14 ~ 23 px
Saccade 점수
100 점
실시간 타이포그래피 맞춤 권고
- 현재 설정은 표준 타이포그래피 황금 기준을 완벽히 충족합니다.
웹 가독성 핵심 가이드
- 45~75자 법칙: 영문 기준 1줄당 45~75자, 한글 기준 30~50자가 눈의 피로도를 줄여줍니다.
- 줄 간격(Line Height) 연동: 줄 폭이 넓어질수록 줄 간격(Line Height)을 1.5 ~ 1.8배로 늘려야 다음 줄 찾기가 쉬워집니다.
- 반응형 레이아웃: 모바일에서는 CSS `max-width` 및 `padding: 0 16px`를 주어 뷰포트 변경 시 가독성을 지키세요.
📊 주요 디바이스 및 매체별 CPL 가독성 스펙트럼
| 매체 및 화면 유형 | 표준 줄 폭 | 표준 폰트 크기 | 평균 CPL | 가독성 평가 |
|---|---|---|---|---|
| 📱 모바일 본문 (360px) | 328 px | 16 px | 약 24 자 | 🟡 약간 짧음 (모바일 특성 감안) |
| 💻 데스크톱 블로그 (표준) | 680 px | 16 px | 약 50 자 | 🟢 황금 최적 (Saccade 피로 최소) |
| 📄 기술 문서 / 위키 | 800 px | 15 px | 약 62 자 | 🟢 양호 (정보 밀도 높음) |
| 🖥️ 전폭 풀스크린 본문 | 1200 px | 16 px | 약 88 자 | 🔴 너무 긺 (줄 바꿈 시 시선 이탈) |
클립보드에 리포트가 복사되었습니다!
💡 자주 묻는 질문 (FAQ)
Q 모니터/웹 화면에서 왜 줄 폭이 너무 길거나 짧으면 안 되나요?
줄 폭이 너무 길면 다음 줄의 첫 부분으로 시선을 이동할 때 위치를 놓치는 리턴 스위프 오류(Line Sweep Error)가 발생하여 가독성이 급격히 떨어집니다. 반대로 너무 짧으면 안구가 끊임없이 줄 바꿈을 해야 하므로 도약 운동(Saccade) 피로도가 급증합니다.
Q 한 줄당 최적 글자 수(CPL)의 황금 기준은 무엇인가요?
영문/비례 폰트 기준 한 줄 당 45~75자(골든 앵커 60자), 한글 전각 폰트 기준 한 줄 당 30~50자(골든 앵커 40자)가 인간 안구의 도약 운동 피로를 최소화하는 타포그래피 황금 구간입니다.
Q CPL 가독성을 높이려면 줄 폭과 폰트 크기를 어떻게 조정해야 하나요?
CPL이 너무 길 경우 본문 맥스 너비(max-width)를 축소하거나 폰트 크기를 키워 한 줄 자수를 줄일 수 있습니다. 반대로 CPL이 너무 짧을 경우 본문 영역 폭을 넓히거나 폰트 크기를 줄여 한 줄 자수를 늘려주면 됩니다.