Projektübersicht
Das Projekt hatte zum Ziel, ein Webtool mit einer ähnlichen Struktur wie realfavicongenerator.net zu entwickeln, mit dem Nutzer aus hochgeladenen Bildern (PNG, JPEG, SVG usw.) Favicons erstellen können. Nutzer konnten Favicons für verschiedene Plattformen (iOS, Android, Windows, macOS) in der Vorschau anzeigen und anpassen sowie die erstellten Dateien mit HTML-Einbettungscode herunterladen.
Das Tool umfasst erweiterte Funktionen wie Zuschneiden, Komprimierung, individuelle Abstände und die automatische Bereinigung erstellter Dateien.
Zu den wichtigsten Funktionen gehörten der Bildupload per Drag-and-drop, ein Bestätigungsdialog mit Bildabmessungen, ein Zuschneidewerkzeug für nicht quadratische Bilder, Simulationsvorschauen für mehrere Plattformen (Desktop, iOS, Android usw.) sowie Anpassungseinstellungen (Hintergrund, Abstand, Komprimierung, Versionierung). Zusätzlich bot das Tool einen ZIP-Download mit dem vollständigen Favicon-Paket und HTML-Code, SVG-Verarbeitung mit Fallback-Konvertierung in PNG, eine Admin-Konfiguration per JSON (ohne Backend-Panel), eine automatische Löschfunktion für erstellte Daten und eine mehrstufige Benutzeroberfläche entsprechend der RFG-Struktur.
- Gennady, SIA Webby
Wichtige umgesetzte Funktionen
- Bildupload per Drag-and-drop
- Bestätigungsdialog mit Bildabmessungen
- Zuschneidewerkzeug für nicht quadratische Bilder
- Simulationsvorschauen für mehrere Plattformen (Desktop, iOS, Android usw.)
- Anpassungseinstellungen (Hintergrund, Abstand, Komprimierung, Versionierung)
- ZIP-Download mit vollständigem Favicon-Paket und HTML-Code
- SVG-Verarbeitung mit Fallback-Konvertierung in PNG
- Admin-Konfiguration per JSON (kein Backend-Panel)
- Automatische Löschfunktion für erstellte Daten
- Mehrstufige Benutzeroberfläche entsprechend der RFG-Struktur
Screenshots
Hauptseite des Favicon-Generators mit Drag-and-drop-Bildupload und Übersicht der unterstützten Plattformen und Browser.
Ergebnisseite mit Favicon-Vorschauen in mehreren Auflösungen und einer Live-Vorschau auf iOS.