Obraz na ikonę
Zamień jeden obraz w kompletny pakiet ikon
Konwerter obrazu na ikony
Prześlij obraz, dopasuj ramkę, podejrzyj małe rozmiary, a następnie pobierz cały pakiet ikon jednym kliknięciem.
Prześlij obraz
Przeciągnij i upuść obraz, kliknij, aby przeglądać, lub wklej (Ctrl+V)
JPG, PNG, WebP do 25MB — przetwarzane na Twoim urządzeniu
Prześlij obraz, aby zobaczyć podgląd swojego zestawu ikon
Twój obraz nigdy nie opuszcza Twojego urządzenia. Cała konwersja obrazu na ikony działa lokalnie.
Co zawiera pakiet ikon
Jedna konwersja obrazu na ikony tworzy każdy plik, jakiego potrzebuje prawdziwa strona internetowa — karta przeglądarki, ekran główny, monit instalacji i wszystko inne.
Favicon w wielu rozmiarach
favicon.ico16, 32, 48 px
Jeden plik ICO z trzema wbudowanymi rozmiarami dla starszych kart przeglądarki, skrótów pulpitu i miejsc systemowych.
Apple Touch Icon
apple-touch-icon.png180 x 180 px
Zaokrąglona kwadratowa ikona, której iOS używa, gdy odwiedzający zapisze Twoją stronę na ekranie głównym.
Ikony PWA i Android
android-chrome-*.png192 i 512 px
Pliki PNG w wysokiej rozdzielczości dla instalowalnych monitów PWA, launchera aplikacji i ekranów głównych Androida.
Manifest i HTML
site.webmanifest + fragment koduJSON + linki
Prekonfigurowany manifest sieciowy i dokładne tagi link do wklejenia w nagłówku dokumentu.
Czym jest konwersja obrazu na ikony?
Konwerter obrazu na ikony zamienia jeden obraz źródłowy w pełny zestaw plików ikon, których potrzebuje strona internetowa — favicon, ikony aplikacji i manifest.
Konwerter obrazu na ikony przyjmuje pojedynczy obraz źródłowy i tworzy wszystkie pliki ikon, z którymi działa prawdziwa strona internetowa. Przeglądarki proszą o malutki kwadrat 16 pikseli do karty przeglądarki, iOS wymaga 180-pikselowego Apple Touch Icon na ekran główny, a instalowalne aplikacje PWA potrzebują plików PNG o rozmiarach 192 i 512 pikseli plus manifestu sieciowego. Ręczne robienie tego oznacza skalowanie, nazywanie i odwoływanie się do pół tuzina plików. Narzędzie do konwersji obrazu na ikony obsługuje każdy rozmiar z jednego przesłania, na kanwie, w Twojej przeglądarce — dzięki temu obraz źródłowy nigdy nie opuszcza Twojego urządzenia.
- ✓Działa w całości na Twoim urządzeniu — bez przesyłania, bez komunikacji z serwerem podczas konwersji obrazu na ikony
- ✓Generuje favicon.ico, rozmiary PNG, Apple Touch Icon, ikony PWA, manifest i HTML w jednym pakiecie
- ✓Trzy tryby kształtu — Kadruj do kwadratu, Dopasuj z marginesem i Rozciągnij — dzięki czemu szerokie loga też działają
- ✓Regulowany margines wewnętrzny, zaokrąglenie rogów i kolor tła dla dopracowanego kafelka ikony
- ✓Podgląd na żywo w rozmiarach 16, 32, 180 i 512 pikseli, dzięki czemu wiesz, że najmniejsze rozmiary są czytelne
Najlepsze rozmiary wyjściowe dla konwersji obrazu na ikony
| Rozmiar | Typowe zastosowanie |
|---|---|
| 16x16 | Małe karty przeglądarki i wyświetlanie favicon w starszych systemach. |
| 32x32 | Nowoczesny favicon PNG i wyświetlanie kart o wysokiej gęstości pikseli. |
| 48x48 | Skróty pulpitu i niektóre miejsca systemowe. |
| 180x180 | Apple Touch Icon dla zapisanych linków na ekranie głównym. |
| 192x192 / 512x512 | Ikony instalacyjne PWA i Android. |
Jeśli podgląd w rozmiarze 16 pikseli jest trudny do odczytania, spróbuj odważniejszego kadrowania, większego marginesu wewnętrznego lub jednolitego tła. Wyśrodkowany kształt z wyraźnym kontrastem znacznie lepiej znosi skok z dużego obrazu do rozmiarów ikony niż złożony obrazek.
Dlaczego warto używać konwertera obrazu na ikony?
Ręczne generowanie plików favicon i ikon aplikacji jest żmudne i podatne na błędy. To narzędzie do konwersji obrazu na ikony rozwiązuje typowe problemy.
Problemy z ręcznym przepływem pracy przy konwersji obrazu na ikony
Ręczne skalowanie i zmienianie nazw
Potrzebujesz plików PNG o rozmiarach 16, 32, 48, 180, 192 i 512 pikseli plus ICO, wszystkie o określonych nazwach plików. Robienie tego po jednym pliku w edytorze graficznym jest powolne i łatwe o pomyłkę.
Brak manifestu i HTML
Nawet po przeskalowaniu musisz jeszcze napisać site.webmanifest i dokładne tagi link. Jeśli jeden pominiesz, ikona ekranu głównego lub instalacja PWA po cichu przestanie działać.
Narzędzia online z przesyłaniem są ryzykowne
Wiele stron do konwersji obrazu na ikony wysyła Twoje logo na serwer. Dla prywatnego znaku klienta lub niezaprezentowanego jeszcze produktu to dyskwalifikacja.
Co to narzędzie do konwersji obrazu na ikony robi dobrze
Prywatne z założenia
Cała konwersja obrazu na ikony działa na kanwie w Twojej przeglądarce. Twoje logo nigdy nie jest nigdzie przesyłane.
Pakiet ikon jednym kliknięciem
Pobierz favicon.ico, każdy rozmiar PNG, Apple Touch Icon, ikony PWA, manifest i fragment kodu HTML w jednym pliku ZIP.
Podgląd małych rozmiarów na żywo
Zobacz dokładnie, jak favicon wygląda w rozmiarach 16 i 32 pikseli przed publikacją — to rozmiary, w których większość ikon zawodzi.
Kształt, margines, zaokrąglenie
Skadruj szerokie loga do kwadratu, zmieść cały znak z marginesem, zaokrągl rogi lub ustaw jednolite tło — wszystko na żywo.
Prawidłowy wielorozmiarowy plik ICO
favicon.ico zawiera rozmiary 16, 32 i 48 pikseli w jednym pliku, dzięki czemu starsze przeglądarki, skróty pulpitu i pasek adresu pokazują właściwą ikonę.
Darmowe, bez rejestracji, bez znaku wodnego
Otwórz stronę i zacznij konwertować. Bez konta, bez e-maila, bez znaku wodnego na wyjściu.
Jak przekonwertować obraz na pliki ikon
Pięć szybkich kroków od pojedynczego obrazu źródłowego do pełnego, gotowego do wdrożenia pakietu ikon.
Prześlij
Wrzuć plik PNG, JPG lub WebP. Najlepiej działa czyste, kwadratowe źródło, ale szerokie obrazy też są w porządku — wybierz Dopasuj z marginesem, aby zachować je w całości.
Kształt
Wybierz Kadruj do kwadratu, Dopasuj z marginesem lub Rozciągnij. Podgląd na żywo aktualizuje się podczas dopasowywania ramki dla każdego rozmiaru ikony.
Styl
Dodaj margines wewnętrzny, zaokrągl rogi, pozostaw przezroczyste tło lub wybierz jednolity kolor dla schludnego kafelka ikony.
Podgląd
Sprawdź podgląd w rozmiarze 16 pikseli przed eksportem. Jeśli malutka wersja jest czytelna, większe ikony aplikacji też będą wyglądać świetnie.
Pobierz
Kliknij Pobierz pakiet ikon, aby otrzymać favicon.ico, wszystkie pliki PNG, manifest i fragment kodu HTML w jednym pliku ZIP.
Funkcje konwersji obrazu na ikony
Wszystko, czego potrzebujesz, aby zamienić jeden obraz w kompletny, gotowy do wdrożenia zestaw ikon.
Prywatnie, w przeglądarce
Pełna konwersja obrazu na ikony działa na Twoim urządzeniu. Twój obraz źródłowy nigdy nie jest nigdzie przesyłany.
Kompletny pakiet ikon
favicon.ico, rozmiary PNG, Apple Touch Icon, ikony PWA, site.webmanifest i HTML — spakowane w jednym pliku ZIP do pobrania.
Kontrola kształtu i stylu
Kadruj, dopasuj lub rozciągnij źródło, a następnie dostosuj margines wewnętrzny, zaokrąglenie rogów i kolor tła z podglądem na żywo.
Wielorozmiarowy favicon.ico
Jeden prawidłowy plik ICO z osadzonymi klatkami 16, 32 i 48 pikseli, dzięki czemu każda przeglądarka wybiera właściwy rozmiar.
Podgląd małych rozmiarów na żywo
Zobacz favicon o rozmiarach 16 i 32 pikseli przed publikacją, aby mieć pewność, że najmniejsze rozmiary pozostaną czytelne.
Manifest i fragment kodu HTML
Prekonfigurowany manifest sieciowy i gotowe do wklejenia tagi link — wrzuć je do nagłówka dokumentu i gotowe.
Gdzie wykorzystuje się rezultaty konwersji obrazu na ikony
Każdy projekt publikujący stronę internetową, aplikację lub PWA potrzebuje zestawu ikon. Oto kto korzysta z pakietu ikon.
Programiści webowi
Wrzuć wygenerowane pliki do folderu public i wklej fragment kodu HTML.
- •Strony statyczne i landing page
- •Projekty Next.js, Astro i Vite
- •Strony dokumentacji i blogi
Niezależni twórcy
Opublikuj favicon i ikony PWA dla swojego projektu pobocznego w kilka minut.
- •MVP i premiery produktów
- •Projekty poboczne i dema
- •Zgłoszenia na hackathony
Projektanci
Przekaż klientom kompletny, poprawnie nazwany pakiet ikon z jednego eksportu logo.
- •Przekazywanie wizerunków marek klientów
- •Przekazanie design systemu
- •Wersje favicon do akceptacji
Agencje
Generuj spójne zestawy ikon na wielu stronach klientów bez powtarzania pracy.
- •Wdrażanie wielu stron
- •Wdrożenia white-label
- •Szablony i zestawy startowe
Twórcy PWA
Zdobądź pliki PNG o rozmiarach 192 i 512 pikseli plus manifest sieciowy, jakiego wymaga instalowalne PWA.
- •Instalowalne aplikacje webowe
- •Aplikacje PWA typu offline-first
- •Launchery ekranu głównego
Opiekunowie projektów open source
Dodaj favicon i ikony aplikacji do folderu public repozytorium w jednym kroku.
- •Strony GitHub Pages
- •Strony dokumentacji i demo
- •Strony projektów (landing page)
Co mówią użytkownicy
Programiści, projektanci i niezależni twórcy używają tego narzędzia do konwersji obrazu na ikony, aby publikować ikony bez problemów.
“Kiedyś za każdym razem, gdy zaczynałam projekt, skalowałam sześć plików PNG i ręcznie pisałam manifest. Teraz wrzucam logo, poprawiam margines wewnętrzny i cały pakiet ikon jest gotowy w kilka sekund. Podgląd 16px uratował mnie już nie raz przed mętnym favicon.”
Sofia Almeida
Programistka frontend
“To, że działa w przeglądarce, to główny powód, dla którego go używam. Loga klientów nie są nigdzie przesyłane, a ja i tak dostaję favicon.ico, Apple Touch Icon i ikony PWA w jednym pliku ZIP. Dokładnie tym, czym powinien być generator favicon.”
Jonas Weber
Niezależny twórca
“Od teraz dostarczam klientom pakiety ikon z tego narzędzia. Tryby Kadruj i Dopasuj zgrabnie obsługują szerokie loga, zaokrąglone rogi wyglądają dopracowanie, a nazwy plików odpowiadają temu, czego programiści faktycznie oczekują. To najczystszy przepływ pracy obraz-na-ikonę, jaki znalazłam.”
Mei Tanaka
Projektantka marek
Często zadawane pytania o obraz na ikonę
Szybkie odpowiedzi o konwerterze obrazu na ikony — co robi, jak działa, kwestie prywatności i cen.
Prześlij obraz, otrzymaj pełny pakiet ikon
favicon.ico, rozmiary PNG, Apple Touch Icon, ikony PWA, manifest i HTML — jedno pobranie, gotowe do wdrożenia. Darmowe na zawsze, bez rejestracji.