폰트 식별 기술의 진화
과거 이미지 속 서체를 알아내려면 보안상 민감한 디자인 파일을 외부 유료 서버에 업로드하고 느린 OCR 대기열을 거치거나 해외 포럼에 질문해야 했습니다.
현대 웹 표준 기술인 HTML5 Canvas API, Web Workers, SIMD 가속 벡터 연산 덕분에 이제 모든 광학 문자 인식과 서체 벡터 대조 연산을 사용자의 웹 브라우저 메모리 안에서 단 수 밀리초 만에 처리할 수 있습니다.
클라이언트사이드 4단계 인식 파이프라인
1단계: 대비 정규화 및 글리프 이진화
클립보드에서 이미지를 붙여넣으면(Ctrl+V / ⌘V), 엔진은 백그라운드 캔버스에서 가중 휘도 변환을 수행합니다:
Y = 0.299*R + 0.587*G + 0.114*B2단계: 기하학적 외곽선 추출
개별 글자의 테두리를 감지하고 서체의 핵심 비율을 즉시 산출합니다:
- • 종횡비 및 너비 지수: 장체 폰트(Oswald)와 평체 기하학 폰트(Montserrat)를 구분.
- • x-하이트 비율: 높은 x-하이트의 네오 그로테스크와 고전 세리프 서체를 식별.
- • 스트로크 콘트라스트: 수직선과 수평선의 두께 차이를 정밀 계측.
- • 세리프 감지: 획 끝단의 돌기 및 삐침 유무를 판별.
3단계: 16×16 벡터 매트릭스 핑거프린팅
네트워크 지연 없이 1,935개 이상의 폰트를 즉시 검색하기 위해, 정규화된 글자 형태를 16×16 비트 행렬(256차원 벡터)로 압축한 뒤 코사인 유사도로 대조합니다:
similarity = (VectorA · VectorB) / (||VectorA|| * ||VectorB||)4단계: 다중 글자 합의(Consensus) 판별
단일 글자에 의존하지 않고 추출된 단어 전체의 여러 글자를 종합 평가하여 최종 서체 매칭 순위를 매깁니다.
100% 클라이언트사이드 프라이버시 보장
디자인 실무에서는 출시 전 제품 화면이나 미공개 브랜드 로고를 다루는 경우가 많습니다. ProFontFinder는 모든 데이터 처리를 사용자의 로컬 RAM에서만 끝내므로 이미지가 외부 네트워크로 전송되지 않아 완벽한 보안을 유지합니다.