Cómo Funciona ProFontFinder
Una mirada profunda a nuestros algoritmos de reconocimiento óptico de caracteres, vectorización de contornos y cálculo de distancia geométrica.
Visión General de la Arquitectura
ProFontFinder opera bajo una arquitectura de cero subidas al servidor. Cada etapa de decodificación de imagen, filtrado de bordes, extracción de glifos y comparación de firmas ocurre localmente en tu navegador web mediante HTML5 Canvas y WebAssembly.
Fase 1: Ingesta y Normalización Local en Memoria
Cuando se arrastra una imagen o captura de pantalla al área de trabajo:
- Se decodifica en un contexto HTML5 Canvas fuera de pantalla en la RAM del navegador.
- No se realiza ninguna petición de red; ningún dato de imagen abandona tu dispositivo.
- La binarización adaptativa de Otsu separa las formas de letras de gráficos de fondo y ruido.
- El contraste y la resolución se normalizan para estandarizar el grosor del trazo.
Fase 2: Vectorización Óptica de Glifos
Una vez establecida la máscara de imagen binarizada:
- El etiquetado de componentes conectados aísla cuadros delimitadores de glifos individuales.
- Algoritmos de trazado de contornos calculan vértices exteriores y contraformas internas.
- Las mediciones de proporciones geométricas extraen altura de x, altura de mayúsculas, ascendentes y descendentes.
- Los ángulos terminales y la apertura se clasifican en familias serif, sans y display.
Fase 3: Puntuación de Distancia Geométrica frente a 1,935+ Google Fonts
Las firmas vectoriales extraídas se evalúan frente a nuestro catálogo tipográfico precompilado:
- Los rasgos vectoriales se convierten en una huella digital normalizada y compacta.
- La distancia métrica euclidiana compara contornos ópticos con fuentes verificadas de Google Fonts.
- Los filtros por categoría (Sans, Serif, Mono, Display, Script) reducen el espacio de búsqueda.
- Las puntuaciones de confianza (0-100%) reflejan la similitud geométrica y alineación estructural.
Fase 4: Generación de Blueprint CSS para Producción
Las mejores coincidencias se sintetizan en declaraciones listas para copiar:
- Etiquetas oficiales de hojas de estilo @import y <link> de Google Fonts CDN.
- Declaraciones font-family precisas con fuentes seguras del sistema como respaldo.
- Especificaciones de pesos disponibles y ejes de fuentes variables.
- Enlaces directos a páginas oficiales de especímenes en Google Fonts para revisión de licencias.
Canvas en Memoria del Lado del Cliente
Al aprovechar HTML5 Canvas y la manipulación de píxeles en memoria, ProFontFinder ejecuta transformaciones complejas de imagen sin necesidad de servidores costosos. Esto ofrece cero latencia y confidencialidad absoluta.
Garantía de Cero Almacenamiento
Dado que ninguna API de servidor recibe tu imagen, tus capturas confidenciales, logotipos inéditos y gráficos privados permanecen 100% seguros. Al cerrar la pestaña del navegador, toda la memoria temporal se libera de inmediato.