Wie ProFontFinder funktioniert
Ein detaillierter Einblick in unsere Algorithmen für optische Zeichenerkennung, Konturvektorisierung und geometrische Distanzberechnung.
Architektur-Überblick
ProFontFinder arbeitet mit einer Architektur ohne Server-Uploads. Jeder Schritt der Bilddekodierung, Kantenfilterung, Glyphenextraktion und Signaturprüfung findet lokal in Ihrem Webbrowser mittels HTML5 Canvas und WebAssembly statt.
Phase 1: Lokale In-Memory-Verarbeitung & Normalisierung
Sobald ein Bild oder Screenshot in den Arbeitsbereich gezogen wird:
- Wird es in einen Off-Screen-HTML5-Canvas-Kontext im RAM des Browsers dekodiert.
- Werden keinerlei Netzwerkanfragen abgesetzt; es verlassen keine Bilddaten Ihr Gerät.
- Trennt adaptive Otsu-Schwellenwertbildung Buchstabenformen von Bildrauschen und Hintergründen.
- Werden Kontrast und Auflösung angeglichen, um Strichstärken zu standardisieren.
Phase 2: Optische Vektorisierung der Glyphen
Sobald die binäre Maske berechnet ist:
- Isoliert die Kennzeichnung zusammenhängender Komponenten die Bounding-Boxes einzelner Zeichen.
- Berechnen Konturverfolgungs-Algorithmen äußere Hüllkurven und innere Punzen.
- Extrahieren geometrische Verhältnisberechnungen x-Höhe, Versalhöhe, Ober- und Unterlängen.
- Werden Endungswinkel und Öffnungsgrade in Serif-, Sans- und Display-Klassen eingestuft.
Phase 3: Geometrischer Distanzabgleich mit 1.935+ Google Fonts
Die extrahierten Vektormerkmale werden mit unserem vorkompilierten Katalog verglichen:
- Vektoreigenschaften werden in einen normierten, kompakten Fingerabdruck gewandelt.
- Die euklidische Distanzmetrik vergleicht optische Konturen mit geprüften Google Fonts.
- Kategoriefilter (Sans, Serif, Mono, Display, Script) grenzen den Suchraum ein.
- Konfidenzwerte (0-100%) spiegeln die geometrische Übereinstimmung wider.
Phase 4: Erzeugung produktionsreifer CSS-Regeln
Die besten Treffer werden zu direkt kopierbaren Deklarationen zusammengefasst:
- Offizielle @import- und <link>-Tags für das Google Fonts CDN.
- Exakte CSS font-family-Angaben inklusive sicherer System-Fallbacks.
- Angaben verfügbarer Schriftstärken und variabler Schriftachsen.
- Direktlinks zu offiziellen Google-Fonts-Seiten zur Prüfung der Lizenzbedingungen.
Client-seitiges In-Memory-Canvas
Durch den Einsatz von HTML5 Canvas und direkter Pixelmanipulation im Speicher führt ProFontFinder anspruchsvolle Bildtransformationen ohne Server-Infrastruktur durch. Das sorgt für null Latenz und absolute Vertraulichkeit.
Garantie: Null Speicherung
Da keine Server-API Bilder entgegennimmt, bleiben unveröffentlichte Logos, vertrauliche Screenshots und Markengrafiken vollkommen sicher. Beim Schließen des Browser-Tabs wird der temporäre Speicher umgehend freigegeben.