Comment Fonctionne ProFontFinder
Présentation détaillée de nos algorithmes de reconnaissance optique, de vectorisation des contours et de calcul de distance géométrique.
Vue d'Ensemble de l'Architecture
ProFontFinder fonctionne selon une architecture sans téléversement sur serveur. Chaque étape du décodage, du filtrage d'arêtes, de l'extraction de glyphes et de la comparaison se déroule localement dans votre navigateur via HTML5 Canvas et WebAssembly.
Phase 1 : Ingestion et Normalisation en Mémoire Locale
Lorsqu'une image ou capture d'écran est déposée :
- Décodage dans un contexte Canvas HTML5 hors écran dans la mémoire vive du navigateur.
- Aucune requête réseau n'est émise ; aucune donnée d'image ne quitte votre appareil.
- Le seuillage adaptatif d'Otsu sépare les caractères du bruit et des éléments d'arrière-plan.
- Le contraste et la résolution sont normalisés pour standardiser l'épaisseur des traits.
Phase 2 : Vectorisation Optique des Glyphes
Une fois le masque binaire de l'image établi :
- L'étiquetage en composantes connexes isole les boîtes englobantes de chaque lettre.
- Les algorithmes de suivi de contours calculent les sommets extérieurs et les contreformes intérieures.
- La mesure des proportions géométriques extrait la hauteur d'x, la hauteur de capitale, les hampes et les jambages.
- Les angles des terminaisons et l'ouverture sont catégorisés parmi les styles serif, sans-serif et display.
Phase 3 : Évaluation de Distance Géométrique sur 1 935+ Google Fonts
Les signatures vectorielles extraites sont comparées à notre catalogue précompilé :
- Les caractéristiques vectorielles sont converties en une empreinte normalisée compacte.
- La métrique de distance euclidienne compare les contours optiques aux polices Google Fonts vérifiées.
- Les filtres de catégories (Sans, Serif, Mono, Display, Script) réduisent l'espace de recherche.
- Les scores de confiance (0-100%) traduisent la fidélité géométrique et la concordance structurelle.
Phase 4 : Génération du Code CSS pour la Production
Les meilleures correspondances sont synthétisées en déclarations prêtes à être intégrées :
- Balises officielles @import et <link> vers le CDN Google Fonts.
- Déclarations CSS font-family précises avec polices de secours système fiables.
- Spécifications des graisses disponibles et axes de polices variables.
- Liens directs vers les spécimens officiels de Google Fonts pour consulter les licences.
Canvas en Mémoire Côté Client
En utilisant HTML5 Canvas et le traitement de pixels en mémoire vive, ProFontFinder effectue des transformations d'image poussées sans solliciter de serveurs distants. Cela garantit une latence nulle et une confidentialité totale.
Garantie de Stockage Zéro
Puisqu'aucun serveur ne reçoit vos images, vos captures d'écran sensibles, logos inédits et créations de marques restent strictement confidentiels. À la fermeture de l'onglet, toute la mémoire allouée est immédiatement libérée.