PROJECT

Webtool voor het genereren van favicons voor ontwikkelaars en designers

Ontwikkeling van technische specificaties, UI/UX-ontwerp, Implementatie van afbeeldingsverwerking, Front-endontwikkeling met HTML/CSS/JS, PHP-backendontwikkeling, Generatie van favicons en manifests, Testen en optimalisatie, Instelling van de beheerconfiguratie, Hostingadvies en ondersteuning bij de implementatie

  • Sector: Webontwikkelingsdiensten
  • Letland Locatie: Letland
  • Levertijd: 6 weken
  • Technologieën: PHP, JavaScript
  • Beoordeling: 5/5
2 maanden

Projectoverzicht

Het project had als doel een webtool te creëren met een vergelijkbare structuur als realfavicongenerator.net, waarmee gebruikers favicons konden genereren uit geüploade afbeeldingen (PNG, JPEG, SVG enz.). Gebruikers konden favicons voor verschillende platforms (iOS, Android, Windows, macOS) bekijken en aanpassen, en de gegenereerde bestanden met HTML-insluitcode downloaden.

De tool bevat geavanceerde functies zoals bijsnijden, compressie, aangepaste marges en het automatisch opschonen van gegenereerde bestanden.

Belangrijke functies waren onder meer het uploaden van afbeeldingen via drag-and-drop, een bevestigingsvenster met afbeeldingsafmetingen, een bijsnijdtool voor niet-vierkante afbeeldingen, simulatievoorbeelden voor meerdere platforms (desktop, iOS, Android enz.) en aanpassingsinstellingen (achtergrond, marge, compressie, versiebeheer). Daarnaast bood de tool een ZIP-download met het volledige faviconpakket en HTML-code, SVG-verwerking met fallback-conversie naar PNG, beheerconfiguratie via JSON (zonder backendpaneel), een functie voor het automatisch verwijderen van gegenereerde gegevens en een meerstapsinterface volgens de RFG-structuur.

De klant was tevreden over het ontwikkelproces en de flexibele samenwerking, en benadrukte het belang van een minimalistische aanpak met behoud van creatieve vrijheid. Hoewel er technische problemen ontstonden, bleef 2410 snel reageren en feedback en updates vlot doorvoeren. De klant waardeerde de sterke 'core' van het systeem, de duidelijke communicatie en de uiteindelijke oplevering van een functionele tool die aan hun kant verder verfijnd kon worden.

- Gennady, SIA Webby

Geleverde kernfuncties

  • Afbeeldingen uploaden via drag-and-drop
  • Bevestigingsvenster met afbeeldingsafmetingen
  • Bijsnijdtool voor niet-vierkante afbeeldingen
  • Simulatievoorbeelden voor meerdere platforms (desktop, iOS, Android enz.)
  • Aanpassingsinstellingen (achtergrond, marge, compressie, versiebeheer)
  • ZIP-download met volledig faviconpakket en HTML-code
  • SVG-verwerking met fallback-conversie naar PNG
  • Beheerconfiguratie via JSON (zonder backendpaneel)
  • Automatische verwijdering van gegenereerde gegevens
  • Meerstapsinterface volgens de RFG-structuur

Screenshots

Hoofdpagina van de favicon-generator met drag-and-drop-upload van afbeeldingen en een overzicht van ondersteunde platforms en browsers.

Hoofdpagina van de favicon-generator met drag-and-drop-upload van afbeeldingen en een overzicht van ondersteunde platforms en browsers.

Resultaatpagina met faviconvoorbeelden in meerdere resoluties en een livevoorbeeld op iOS.

Resultaatpagina met faviconvoorbeelden in meerdere resoluties en een livevoorbeeld op iOS.

Technologiestack

PHP
JavaScript
jQuery
Cropper.js
Imagick
Responsive web design
JSON config-based admin