Zakładka Web
Komplet faviconów w formacie PNG i ico, manifest PWA, ikona maskable, kafelek Windows oraz gotowy kod do wklejenia w sekcji head strony.
Ico4Web
Ico4Web to desktopowa aplikacja do generowania kompletu ikon i faviconów z jednego pliku PNG. Jednym przebiegiem tworzy ikony dla stron internetowych, aplikacji mobilnych na iOS i Android oraz programów desktopowych na Windows i macOS, razem z gotowym kodem do wklejenia i przewodnikiem wdrożenia.
Wykorzystana technologia:
Dostępne na:
Windows
macOS
Linux
Funkcje
Zakładka Aplikacje mobilne i desktop
Komplet ikon iOS, ikon Android w wersji klasycznej i adaptacyjnej, ikony do Google Play oraz ikony desktopowe w formatach ico, icns i png.
Wspólny obraz źródłowy
Obie zakładki korzystają z tego samego pliku PNG, folderu wyjściowego i koloru tła, można wygenerować komplet ikon dla obu platform naraz.
Osobne logo na przezroczystym tle
Dodatkowy wariant obrazu bez tła, wykorzystywany tam, gdzie ikona ląduje na kolorowym tle, na przykład ikony adaptacyjne czy bannery instalatora.
Bannery instalatora Windows i macOS
Generowanie gotowych grafik do kreatora Inno Setup oraz własnego tła instalatora dmg na macOS.
Przycisk Wyczyść
Reset całego formularza jednym kliknięciem, przydatny przy generowaniu ikon dla kilku różnych projektów pod rząd.
Możliwości
Jeden plik źródłowy, komplet formatów
Z jednego obrazu PNG w rozdzielczości 1024 na 1024 aplikacja tworzy dziesiątki plików w różnych rozmiarach i formatach naraz.
Gotowy kod do wklejenia
Zakładka Web generuje fragment kodu HTML gotowy do wklejenia bezpośrednio w sekcji head strony internetowej.
Przewodnik wdrożenia
Do wygenerowanych plików dołączany jest plik README z dokładnym opisem, co gdzie wrzucić w projekcie.
Praca offline
Generowanie ikon odbywa się lokalnie na komputerze, plik źródłowy nie jest nigdzie przesyłany.
Motyw jasny i ciemny
Interfejs dopasowuje się do preferencji użytkownika.
Dostępność na trzech systemach
Ta sama aplikacja działa na Windows, macOS i Linux.
Wymagania
System operacyjny
Windows 10 lub nowszy, macOS 11 lub nowszy, albo popularna dystrybucja Linuksa
Pamięć RAM
Minimum 4 GB
Miejsce na dysku
Min. 150 MB wolnej przestrzeni dyskowej
Połączenie internetowe
Wymagane tylko do sprawdzania aktualizacji, generowanie ikon działa offline
Dodatkowo
Plik źródłowy PNG w rozdzielczości minimum 1024 na 1024 pikseli
Instalacja
1
Pobierz instalator
Pobierz instalator z sekcji "Pobieranie" znajdującej się na oficjalnej stronie ressdesignstudio.pl.
2
Uruchom instalator
Uruchom instalator i przeprowadź instalację zgodnie z tutorialem wideo.
3
Zaloguj się i rozpocznij pracę
Po instalacji możesz rozpocząć korzystanie z oprogramowania Ico4Web.
Pobieranie
Konfiguracja
Nie jest wymagana
Ico4Web nie wymaga żadnej konfiguracji przed pierwszym użyciem - działa od razu po instalacji. Jedyne ustawienie w aplikacji to wybór motywu Jasny/Ciemny w oknie Ustawienia (ikona koła zębatego), zmieniany jednym kliknięciem w dowolnym momencie.
Obsługa
Wgraj obraz źródłowy
W karcie 1. Obraz źródłowy przeciągnij plik PNG (zalecane 1024x1024) albo kliknij Wybierz plik... Program pokaże miniaturę, nazwę pliku i jego wymiary w pikselach.
Dodaj logo z przezroczystym tłem (opcjonalnie)
W karcie obok wgraj osobny PNG z przezroczystym tłem, jeśli logo ma się pojawiać na kolorowym tle: ikona maskable, ikona adaptacyjna Android, bannery instalatora, tło .dmg. Bez tego wszędzie zostanie użyty obraz z kroku 1.
Ustaw nazwę i folder wyjściowy
W karcie 2. Nazwa i lokalizacja wpisz nazwę bazową plików (używana tylko przy generowaniu ikon Web) i wybierz folder wyjściowy przyciskiem Wybierz... Oba pola są wspólne dla obu zakładek.
Wybierz kolor tła
Kliknij próbkę koloru Tło dla ikon maskable / mstile / instalatorów. Ten jeden kolor jest używany wszędzie tam, gdzie wymagane jest pełne tło pod logo.
Zaznacz, co ma się wygenerować
U góry okna zaznacz checkboxy WEB i/albo Aplikacje mobilne / desktopowe - to one, a nie aktywna zakładka, decydują, co faktycznie powstanie po kliknięciu Generuj pliki. Można zaznaczyć oba naraz i wygenerować komplet w jednym przebiegu.
Dobierz pliki w zakładce Web
Przełącz się na zakładkę Web i odznacz pozycje, których nie potrzebujesz: podstawowe PNG (16/32/48px, favicon.ico), ikonę Apple/iOS, ikony Android/PWA (192/512px, ikonę maskable, site.webmanifest), pliki Windows (kafelek 150px, browserconfig.xml) oraz dodatki (gotowy kod do head, przewodnik README).
Dobierz pliki w zakładce Aplikacje mobilne / desktopowe
Przełącz się na drugą zakładkę i wybierz spośród: kompletu ikon iOS, ikon Android (launcher, adaptacyjna, Google Play), ikon desktopowych (ico/icns/png), bannerów instalatora Windows, tła instalatora .dmg na macOS oraz przewodnika README.
Dostosuj bannery instalatora Windows (opcjonalnie)
Po zaznaczeniu Bannery Windows pojawia się podgląd makiety instalatora. Możesz tam nadpisać osobnym plikiem sam baner boczny i osobno ikonkę w rogu, niezależnie od loga z kroku 2.
Dostosuj tło instalatora .dmg (opcjonalnie, macOS)
Po zaznaczeniu Tło instalatora .dmg pojawia się podgląd makiety okna instalatora macOS. Możesz wgrać gotowe tło w rozmiarze 900x550 albo zostawić automatycznie wygenerowany szablon z Twoim logiem i kolorem tła.
Wygeneruj pliki
Kliknij Generuj pliki na dole okna - aktywny dopiero, gdy obraz źródłowy i folder wyjściowy są ustawione, a przynajmniej jeden checkbox WEB/Aplikacje mobilne jest zaznaczony. Pasek postępu i log na żywo pokazują każdy zapisywany plik.
Sprawdź wynik i otwórz folder
Po zakończeniu pojawia się podsumowanie (pełny sukces, częściowy albo błąd) z przyciskiem Szczegóły, który rozwija pełny log oraz przycisk Otwórz folder wynikowy.
Wyczyść projekt, żeby zacząć od nowa
Przycisk Wyczyść projekt w górnym pasku resetuje obraz źródłowy, logo, nadpisania bannerów/tła, nazwę, folder i kolor tła - nie zmienia stanu checkboxów WEB/Aplikacje mobilne ani wyboru poszczególnych plików w kartach Co wygenerować.
FAQ
Jaki plik źródłowy jest potrzebny?
Najlepiej plik PNG w rozdzielczości 1024 na 1024 pikseli, z przezroczystym tłem, jeśli logo ma być używane też na kolorowym tle.
Czy mogę wygenerować ikony tylko dla strony internetowej?
Tak. Odznacz checkbox Aplikacje mobilne / desktopowe u góry okna i zostaw zaznaczony tylko WEB - to te checkboxy, a nie aktywna zakładka, decydują, co się wygeneruje.
Czy aplikacja generuje ikony dla systemu iOS i Android jednocześnie?
Tak, jeden przebieg generowania w zakładce Aplikacje mobilne / desktopowe tworzy komplet ikon dla obu platform naraz, o ile odpowiedni checkbox u góry okna jest zaznaczony.
Gdzie znajdę wygenerowane pliki?
Wszystkie pliki trafiają do wybranego folderu wyjściowego, w podfolderach web-icons i app-icons, razem z plikiem README opisującym ich rozmieszczenie.
Czy aplikacja wysyła mój obraz do internetu?
Nie. Generowanie ikon odbywa się lokalnie na komputerze, internet jest potrzebny jedynie do sprawdzenia aktualizacji.
Czy mogę używać wygenerowanych ikon komercyjnie?
Tak, wygenerowane ikony możesz wykorzystywać dowolnie w swoich projektach, także komercyjnych.
Change log
v1.0.209/08/2026
# Wprowadzone funkcjonalności:
- Pierwsze release aplikacji
# Wprowadzone poprawki:
- Pierwsze release aplikacji
Wsparcie
Odpowiedź
Zazwyczaj do 24h