PROJEKT

Narzędzie do generowania favicon dla deweloperów i projektantów

Opracowanie specyfikacji technicznej, Projektowanie UI/UX, Implementacja przetwarzania obrazów, Rozwój front-end HTML/CSS/JS, Rozwój backendu PHP, Generowanie favicon i manifestów, Testowanie i optymalizacja, Konfiguracja administracyjna, Konsultacja i wsparcie przy wdrożeniu hostingu

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

Przegląd projektu

Celem projektu było stworzenie narzędzia internetowego podobnego w strukturze do realfavicongenerator.net, umożliwiającego użytkownikom generowanie favicon z przesłanych obrazów (PNG, JPEG, SVG, itp.). Użytkownicy mogli podglądać i dostosowywać favicon do różnych platform (iOS, Android, Windows, macOS) oraz pobierać wygenerowane zasoby z kodem do osadzenia w HTML.

Narzędzie zawiera zaawansowane funkcje, takie jak przycinanie, kompresja, niestandardowe marginesy i automatyczne czyszczenie wygenerowanych plików.

Kluczowe cechy obejmowały przesyłanie obrazów metodą przeciągnij i upuść, okno potwierdzenia z rozmiarami obrazu, narzędzie do przycinania dla obrazów niekwadratowych, podglądy symulacyjne dla wielu platform (desktop, iOS, Android, itp.) oraz ustawienia dostosowywania (tło, margines, kompresja, wersjonowanie). Dodatkowo oferowało pobieranie ZIP z pełnym pakietem favicon i kodem HTML, obsługę SVG z konwersją zapasową do PNG, konfigurację admina poprzez JSON (bez panelu zaplecza), funkcję automatycznego usuwania danych wygenerowanych oraz interfejs wieloetapowy odpowiadający strukturze RFG.

Klient wyraził zadowolenie z procesu rozwoju i elastyczności współpracy, podkreślając potrzebę minimalistycznego podejścia i zachowania swobody twórczej. Mimo iż pojawiły się kwestie techniczne, 2410 pozostawało responsywne, szybko wdrażając opinie i aktualizacje. Klient docenił solidne 'jądro' systemu, jasną komunikację i finalne dostarczenie funkcjonalnego narzędzia gotowego do dalszych ulepszeń po ich stronie.

- Gennady, SIA Webby

Kluczowe cechy zrealizowane

  • Przesyłanie obrazów metodą przeciągnij i upuść
  • Okno potwierdzenia z rozmiarami obrazu
  • Narzędzie do przycinania dla obrazów niekwadratowych
  • Podglądy symulacyjne dla wielu platform (desktop, iOS, Android, itp.)
  • Ustawienia dostosowywania (tło, margines, kompresja, wersjonowanie)
  • Pobieranie ZIP z pełnym pakietem favicon i kodem HTML
  • Obsługa SVG z konwersją zapasową do PNG
  • Konfiguracja admina poprzez JSON (bez panelu zaplecza)
  • Funkcja automatycznego usuwania danych wygenerowanych
  • Interfejs wieloetapowy odpowiadający strukturze RFG

Zrzuty ekranu

Strona główna generatora favicon z możliwością przesyłania obrazów metodą przeciągnij i upuść oraz przeglądem wsparcia platform/przeglądarek.

Strona główna generatora favicon z możliwością przesyłania obrazów metodą przeciągnij i upuść oraz przeglądem wsparcia platform/przeglądarek.

Strona wyników pokazująca podgląd favicon w różnych rozdzielczościach i podgląd na żywo na iOS.

Strona wyników pokazująca podgląd favicon w różnych rozdzielczościach i podgląd na żywo na iOS.

Technologie

PHP JavaScript jQuery Cropper.js Imagick Projektowanie responsywnej strony internetowej Administracja oparta na konfiguracji JSON