PROJEKT

Internetowe narzędzie do generowania favicon dla programistów i projektantów

Tworzenie specyfikacji technicznej, Projektowanie UI/UX, Implementacja przetwarzania obrazów, Tworzenie frontendu HTML/CSS/JS, Tworzenie backendu PHP, Generowanie favicon i manifestu, Testowanie i optymalizacja, Konfiguracja administratora, Konsultacje dotyczące hostingu i wsparcie we wdrożeniu

  • Branża: Usługi tworzenia stron internetowych
  • Łotwa Lokalizacja: Łotwa
  • Czas realizacji: 6 tygodnie
  • Technologie: PHP, JavaScript
  • Ocena: 5/5
2 miesiące

Opis projektu

Celem projektu było stworzenie narzędzia internetowego o strukturze podobnej do realfavicongenerator.net, umożliwiającego generowanie favicon z przesłanych obrazów (PNG, JPEG, SVG itd.). Użytkownicy mogli wyświetlać podgląd i dostosowywać favicony dla różnych platform (iOS, Android, Windows, macOS), a następnie pobierać wygenerowane zasoby wraz z kodem HTML do osadzenia.

Narzędzie obejmuje zaawansowane funkcje, takie jak przycinanie, kompresja, niestandardowe marginesy oraz automatyczne usuwanie wygenerowanych plików.

Najważniejsze funkcje obejmowały przesyłanie obrazów metodą „przeciągnij i upuść”, modal potwierdzenia z wymiarami obrazu, narzędzie przycinania obrazów nieskwadratowych, podglądy symulacji dla wielu platform (desktop, iOS, Android itd.) oraz ustawienia personalizacji (tło, margines, kompresja, wersjonowanie). Dostępne było również pobieranie pliku ZIP z pełnym pakietem favicon i kodem HTML, obsługa SVG z awaryjną konwersją do PNG, konfiguracja administratora za pomocą JSON (bez panelu backendowego), automatyczne usuwanie wygenerowanych danych oraz wieloetapowy interfejs zgodny ze strukturą RFG.

Klient wyraził zadowolenie z procesu tworzenia i elastyczności współpracy, podkreślając potrzebę minimalistycznego podejścia oraz zachowania swobody twórczej. Mimo pojawiających się problemów technicznych 2410 szybko reagowało, sprawnie wdrażając uwagi i aktualizacje. Klient docenił solidny „rdzeń” systemu, jasną komunikację oraz dostarczenie funkcjonalnego narzędzia, gotowego do dalszego dopracowania po jego stronie.

- Gennady, SIA Webby

Dostarczone najważniejsze funkcje

  • Przesyłanie obrazów metodą „przeciągnij i upuść”
  • Modal potwierdzenia z wymiarami obrazu
  • Narzędzie przycinania obrazów nieskwadratowych
  • Podglądy symulacji dla wielu platform (desktop, iOS, Android itd.)
  • Ustawienia personalizacji (tło, margines, kompresja, wersjonowanie)
  • Pobieranie pliku ZIP z pełnym pakietem favicon i kodem HTML
  • Obsługa SVG z awaryjną konwersją do PNG
  • Konfiguracja administratora za pomocą JSON (bez panelu backendowego)
  • Automatyczne usuwanie wygenerowanych danych
  • Wieloetapowy interfejs zgodny ze strukturą RFG

Zrzuty ekranu

Strona główna generatora favicon z przesyłaniem obrazów metodą „przeciągnij i upuść” oraz przeglądem obsługiwanych platform i przeglądarek.

Strona główna generatora favicon z przesyłaniem obrazów metodą „przeciągnij i upuść” oraz przeglądem obsługiwanych platform i przeglądarek.

Strona wyników prezentująca podglądy favicon w wielu rozdzielczościach oraz podgląd na żywo na iOS.

Strona wyników prezentująca podglądy favicon w wielu rozdzielczościach oraz podgląd na żywo na iOS.

Stos technologiczny

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