PROJEKT

Nástroj na generování faviconů pro vývojáře a designéry

Vývoj technických specifikací, Návrh UI/UX, Implementace zpracování obrázků, Vývoj front-endu HTML/CSS/JS, Vývoj backendu v PHP, Generování faviconů a manifestů, Testování a optimalizace, Nastavení konfigurace správce, Konzultace a podpora při nasazení hostingu

  • Průmysl: Služby vývoje webu
  • Lotyšsko Místo: Lotyšsko
  • Doba dodání: 6 týdnů
  • Technologie: PHP, JavaScript
  • Hodnoceno: 5/5
2 měsíců

Přehled projektu

Projekt měl za cíl vytvořit webový nástroj podobný realfavicongenerator.net, umožňující uživatelům generovat favikony z nahraných obrázků (PNG, JPEG, SVG atd.). Uživatelé mohli náhledovat a upravovat favikony pro různé platformy (iOS, Android, Windows, macOS) a stahovat generované soubory s vkládacím kódem HTML.

Nástroj obsahuje pokročilé funkce jako ořezávání, kompresi, vlastní okraje a automatické čištění generovaných souborů.

Klíčové funkce zahrnují nahrávání obrázku s přetažením & vložením, potvrzovací okno s rozměry obrázku, nástroj pro ořez nečtvercových obrázků, simulaci náhledů pro více platforem (desktop, iOS, Android atd.), a možnosti přizpůsobení (pozadí, okraj, komprese, verzování). Navíc nabízel stažení ZIP s plným balíkem faviconů a HTML kódem, zpracování SVG s náhradní konverzí do PNG, konfiguraci správce přes JSON (bez administračního panelu), funkci automatického mazání pro generovaná data a vícekrokové rozhraní odpovídající struktuře RFG.

Klient vyjádřil spokojenost s vývojovým procesem a flexibilitou spolupráce, zdůraznil potřebu minimalistického přístupu a zachování tvůrčí svobody. Ačkoliv se objevily technické problémy, 2410 zůstalo rychle reagující, implementující zpětnou vazbu a aktualizace. Klient ocenil silné 'jádro' systému, jasnou komunikaci a konečné předání funkčního nástroje připraveného pro další úpravy na jejich straně.

- Gennady, SIA Webby

Klíčové dodané funkce

  • Nahrávání obrázku s přetažením & vložením
  • Potvrzovací modální okno s rozměry obrázku
  • Nástroj pro ořez nečtvercových obrázků
  • Simulace náhledů pro více platforem (desktop, iOS, Android atd.)
  • Možnosti přizpůsobení (pozadí, okraj, komprese, verzování)
  • Stažení ZIP s plným balíkem faviconů a HTML kódem
  • Zpracování SVG s náhradní konverzí do PNG
  • Konfigurace správce přes JSON (bez administračního panelu)
  • Funkce automatického mazání pro generovaná data
  • Vícekrokové rozhraní odpovídající struktuře RFG

Snímky obrazovky

Hlavní stránka generátoru faviconů s možností přetažení obrázku a přehledem podpory platforem/prohlížečů.

Hlavní stránka generátoru faviconů s možností přetažení obrázku a přehledem podpory platforem/prohlížečů.

Stránka s výsledky zobrazující náhledy faviconů v různých rozlišeních a živý náhled na iOS.

Stránka s výsledky zobrazující náhledy faviconů v různých rozlišeních a živý náhled na iOS.

Technologický stack

PHP JavaScript jQuery Cropper.js Imagick Návrh responzivního webu Konfigurace správy na bázi JSON