PROJEKT

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

Tvorba technické specifikace, UI/UX design, Implementace zpracování obrázků, Vývoj front-endu v HTML/CSS/JS, Vývoj backendu v PHP, Generování favicon a manifestu, Testování a optimalizace, Nastavení administrátorské konfigurace, Konzultace hostingu a podpora při nasazení

  • Obor: Služby vývoje webu
  • Lotyšsko Lokalita: Lotyšsko
  • Doba dodání: 6 týdny
  • Technologie: PHP, JavaScript
  • Hodnocení: 5/5
2 měsíců

Přehled projektu

Cílem projektu bylo vytvořit webový nástroj podobný realfavicongenerator.net, který uživatelům umožňuje generovat favicony z nahraných obrázků (PNG, JPEG, SVG atd.). Uživatelé si mohou favicony prohlédnout a přizpůsobit pro různé platformy (iOS, Android, Windows, macOS) a stáhnout vygenerované soubory spolu s HTML kódem pro vložení.

Nástroj obsahuje pokročilé funkce, jako je ořez, komprese, vlastní okraje a automatické mazání vygenerovaných souborů.

Mezi hlavní funkce patří nahrávání obrázků přetažením, potvrzovací dialog s rozměry obrázku, nástroj pro ořez nes čtvercových obrázků, simulované náhledy pro více platforem (desktop, iOS, Android atd.) a nastavení přizpůsobení (pozadí, okraj, komprese, verzování). Nástroj dále nabízel stažení kompletního balíčku favicon a HTML kódu ve formátu ZIP, zpracování SVG s převodem na PNG jako záložní variantou, administrátorskou konfiguraci přes JSON (bez backendového panelu), automatické mazání vygenerovaných dat a vícekrokové rozhraní odpovídající struktuře RFG.

Klient vyjádřil spokojenost s průběhem vývoje a flexibilitou spolupráce a zdůraznil potřebu minimalistického přístupu při zachování tvůrčí svobody. Přestože se objevily technické problémy, 2410 zůstalo pohotové a rychle zapracovávalo zpětnou vazbu i aktualizace. Klient ocenil silné „jádro“ systému, jasnou komunikaci a výsledné dodání funkčního nástroje připraveného k dalším úpravám z jeho strany.

- Gennady, SIA Webby

Dodané klíčové funkce

  • Nahrávání obrázků přetažením
  • Potvrzovací dialog s rozměry obrázku
  • Nástroj pro ořez nes čtvercových obrázků
  • Simulované náhledy pro více platforem (desktop, iOS, Android atd.)
  • Nastavení přizpůsobení (pozadí, okraj, komprese, verzování)
  • Stažení kompletního balíčku favicon a HTML kódu ve formátu ZIP
  • Zpracování SVG s převodem na PNG jako záložní variantou
  • Administrátorská konfigurace přes JSON (bez backendového panelu)
  • Automatické mazání vygenerovaných dat
  • Vícekrokové rozhraní odpovídající struktuře RFG

Ukázky obrazovek

Hlavní stránka generátoru favicon s nahráváním obrázků přetažením a přehledem podporovaných platforem a prohlížečů.

Hlavní stránka generátoru favicon s nahráváním obrázků přetažením a přehledem podporovaných platforem a prohlížečů.

Výsledná stránka s náhledy favicon v různých rozlišeních a živým náhledem v iOS.

Výsledná stránka s náhledy favicon v různých rozlišeních a živým náhledem v iOS.

Technologický stack

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