Como Funciona o ProFontFinder
Um panorama detalhado de nossos algoritmos de OCR, vetorização de bordas e cálculo de similaridade geométrica.
Visão Geral da Arquitetura
O ProFontFinder funciona em um modelo com zero uploads para servidor. Todas as etapas de decodificação de imagem, filtros de borda, separação de letras e comparação acontecem no próprio navegador via HTML5 Canvas e WebAssembly.
Fase 1: Leitura e Normalização Local em Memória
Ao soltar uma imagem ou captura de tela na tela:
- A imagem é decodificada em um Canvas HTML5 fora da tela, na memória RAM do navegador.
- Nenhuma requisição de rede é enviada; nenhum dado de imagem sai do computador.
- O método adaptativo de Otsu isola os caracteres do fundo e de ruídos visuais.
- Contraste e resolução são equilibrados para padronizar a espessura dos traços.
Fase 2: Vetorização Óptica de Glifos
Com a imagem binarizada pronta:
- A rotulagem de componentes conectados demarca as caixas envolventes de cada caractere.
- Algoritmos de rastreamento traçam os vértices externos e os vazados internos das letras.
- Medições geométricas apuram a altura-x, altura das maiúsculas, ascendentes e descendentes.
- A inclinação das terminações e a abertura são classificadas em categorias serif, sans e display.
Fase 3: Comparação Geométrica com 1.935+ Fontes do Google Fonts
As assinaturas vetoriais extraídas são comparadas com nosso catálogo pré-processado:
- As características dos traços viram uma impressão digital normalizada e compacta.
- A métrica de distância euclidiana afere a proximidade com fontes verificadas do Google Fonts.
- Filtros por estilo (Sans, Serif, Mono, Display, Script) afunilam o espaço de busca.
- Índices de confiança (0-100%) refletem a exatidão geométrica e o alinhamento das formas.
Fase 4: Geração do Código CSS para Produção
As melhores alternativas são transformadas em trechos de código prontos para copiar:
- Tags oficiais @import e <link> apontando para o CDN do Google Fonts.
- Definições corretas de font-family em CSS com fontes de reserva seguras.
- Informação clara sobre pesos disponíveis e eixos variáveis.
- Atalhos diretos para as páginas oficiais no Google Fonts para conferência de termos.
Canvas em Memória no Lado do Cliente
Com o uso do Canvas HTML5 e manipulação direta de pixels na memória, o ProFontFinder executa transformações de imagem pesadas sem depender de servidores remotos. Isso garante rapidez instantânea e total sigilo.
Garantia de Armazenamento Zero
Como nenhuma API externa recebe sua imagem, capturas confidenciais, marcas ainda não lançadas e rascunhos continuam totalmente seguros. Ao fechar a aba, toda a memória temporária é liberada de imediato.