Konwerter PNG na ICO i generator faviconów
Upuść PNG lub logo w dowolnym miejscu tej strony i pobierz jeden plik .ico ze wszystkimi rozmiarami od 16 do 256 px albo pełny zestaw faviconów z ikonami aplikacji, manifestem aplikacji internetowej i znacznikami HTML.
Wypróbuj
Masz już plik?
- Za darmo, bez rejestracji
- .ico i PNG od 16 do 512 px
- Apple touch icon
- Manifest aplikacji internetowej
Upuść logo, aby je otworzyć
Szukaj kolejnych logo za darmo
Więcej obrazów ze strony
Kliknij logo, aby wypróbować kolejne znalezione na tej stronie albo je usunąć.
Zamień to logo w 3D
Animowane filmy z logo 3D na Reels, TikToka i YouTube, błyszczące obrazy 3D i pliki do druku 3D, gotowe w kilka sekund w Twojej przeglądarce.
Jak to wygląda
Jak zamienić PNG na ICO
Upuść plik, sprawdź ikonę, pobierz. Obraz jest konwertowany w Twojej przeglądarce, za darmo i bez konta.
Upuść PNG
Upuść PNG, JPG, WebP lub SVG w dowolnym miejscu strony albo kliknij Upuść własne logo pod polem wyszukiwania. Robisz ikonę dla firmy, która już ją ma? Wpisz adres jej strony, a narzędzie pobierze ikony, których już używa.
Sprawdź, jak wygląda jako ikona
Obraz otwiera się na środku kwadratu, czyli kształtu, którego oczekuje każde miejsce na ikonę, i widzisz go na karcie przeglądarki w rzeczywistym rozmiarze 16 px oraz jako ikonę aplikacji w telefonie.
Pobierz ICO
Kliknij ICO, aby dostać jeden plik .ico z rozmiarami 16, 24, 32, 48, 64, 128 i 256 px, albo Favicony, aby pobrać pełny zestaw dla strony w jednym pliku ZIP.
Wykorzystaj ikonę
Skopiuj zestaw na swoją stronę i wklej gotowe wiersze HTML albo ustaw plik .ico jako ikonę skrótu, folderu lub aplikacji w Windows.
Rozmiary w pliku .ico i miejsca ich wyświetlania
ICO to pudełko z ikonami: jeden plik z tym samym obrazem w kilku rozmiarach, więc każde miejsce, które go wyświetla, wybiera idealnie pasujący rozmiar.
| Rozmiar | Gdzie się wyświetla |
|---|---|
| 16 × 16 px | Karty przeglądarki i zakładki; paski tytułu, menu kontekstowe i zasobnik systemowy w Windows |
| 24 × 24 px | Pasek zadań Windows, wyniki wyszukiwania i lista aplikacji w menu Start |
| 32 × 32 px | Karty na ekranach o wysokiej rozdzielczości; przypięte aplikacje w menu Start w Windows |
| 48 × 48 px | Pasek zadań na ekranach o wysokiej rozdzielczości; przypięte elementy menu Start przy skalowaniu ekranu 150% |
| 64 × 64 px | Przypięte elementy menu Start i paski tytułu na ekranach o wysokiej rozdzielczości |
| 128 × 128 px | Źródło o zbliżonym rozmiarze dla rozmiarów pośrednich, które Windows rysuje na dużych ekranach |
| 256 × 256 px | Przypięte elementy menu Start przy najwyższym skalowaniu ekranu oraz wzorzec, z którego Windows skaluje w dół każdy mniejszy rozmiar |
Przewodnik MDN po typach obrazów opisuje, że plik ICO „może zawierać wiele ikon” o rozmiarze do 256 × 256 px. Wytyczne Microsoftu dotyczące ikon wymieniają, gdzie Windows rysuje każdy rozmiar, i wymagają od aplikacji „co najmniej: 16 × 16, 24 × 24, 32 × 32, 48 × 48 i 256 × 256”; pobrany plik ICO zawiera je wszystkie, a do tego 64 i 128 px dla rozmiarów pośrednich.
Zestaw faviconów plik po pliku
Wszystko, czego strona potrzebuje do ikon, utworzone z jednego obrazu, w jednym pliku ZIP.
| Plik | Co to jest | Co robi |
|---|---|---|
| favicon.ico | Plik ikony z rozmiarami 16, 32 i 48 px | Ikona, której przeglądarki szukają w katalogu głównym strony |
| icon-256.ico | Wszystkie rozmiary: 16, 24, 32, 48, 64, 128 i 256 px | Aplikacje Windows, skróty na pulpicie i ikony folderów |
| favicon-16x16.png, favicon-32x32.png i favicon-48x48.png | Małe kwadratowe pliki PNG z przezroczystym tłem | Karty przeglądarki, zakładki i skróty |
| favicon.svg | Ikona w wersji wektorowej, jeśli Twoje logo ją ma | Ostre ikony kart w każdym rozmiarze w przeglądarkach, które odczytują ikony SVG |
| apple-touch-icon.png | 180 × 180 px, na białym tle z niewielkim marginesem | Ekrany główne iPhone'a i iPada |
| android-chrome-192x192.png i android-chrome-512x512.png | Ikony aplikacji internetowej | Ekrany główne Androida, zainstalowane aplikacje internetowe i ich ekrany powitalne |
| site.webmanifest | Mały plik tekstowy z listą ikon aplikacji | Pozwala telefonom i przeglądarkom zainstalować Twoją stronę jako aplikację |
| add-to-your-head.html | Wiersze do sekcji head Twoich stron | Skopiuj i wklej: wszystkie ikony podlinkowane za jednym razem |
Ikona apple-touch-icon o rozmiarze 180 px odpowiada rozmiarowi dla iPhone'a podanemu w przewodniku Apple dotyczącym treści internetowych w Safari (wersja archiwalna), a przeglądarki oparte na Chromium szukają w manifeście ikon 192 i 512 px, zanim zainstalują stronę jako aplikację, jak wyjaśnia web.dev.
Dodaj ikony do strony: gotowy kod HTML do wklejenia
Skopiuj zestaw do katalogu głównego strony, a potem wklej cztery wiersze do sekcji head każdej podstrony.
Plik add-to-your-head.html z zestawu zawiera te wiersze, z ikoną SVG, jeśli Twoje logo jest wektorowe:
<link rel="icon" href="/favicon.ico" sizes="48x48">
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">Jeśli logo jest obrazem, drugi wiersz wskazuje zamiast tego plik PNG 32 px:
<link rel="icon" href="/favicon-32x32.png" type="image/png" sizes="32x32">Wyszukiwarka Google pokazuje Twój favicon obok Twoich stron, gdy może go znaleźć. Jej wytyczne wymagają kwadratowej ikony o rozmiarze co najmniej 8 × 8 px, zalecają ikonę większą niż 48 × 48 px i wymagają, aby Googlebot miał dostęp zarówno do strony głównej, jak i do pliku ikony.
Zobacz ikonę w rzeczywistym rozmiarze, zanim ją pobierzesz
Favicon ocenia się w rozmiarze 16 px. Podgląd pokazuje Twój właśnie w tym rozmiarze, więc od razu wybierasz właściwy obraz.
Obok dużego podglądu mockupy pokazują Twoją ikonę na karcie przeglądarki i jako ikonę aplikacji w telefonie, a pełne logo w jasnym i ciemnym nagłówku strony. Szczegół, który w rozmiarze karty zlewa się w plamę, zauważysz tutaj, na długo zanim zobaczy go odwiedzający.
W małych ikonach wygrywają proste kształty. Symbol lub pojedyncza litera są czytelne przy 16 px, a pełna nazwa firmy nie, więc przytnij obraz do znaku albo zrób wyrazistą, czystą wersję w narzędziu Białe logo, które da Ci też biały favicon do ciemnych kart.
Ikony aplikacji, folderów i pulpitu w Windows
Ten sam plik .ico daje skrótowi, folderowi lub aplikacji w Windows ostrą ikonę w każdym rozmiarze, od paska tytułu po menu Start.
Skrót. Kliknij skrót prawym przyciskiem myszy, wybierz Właściwości, potem Zmień ikonę i wskaż swój plik .ico.
Folder. Kliknij folder prawym przyciskiem myszy, wybierz Właściwości, otwórz kartę Dostosowywanie i kliknij Zmień ikonę.
Aplikacja, którą tworzysz. Przekaż plik .ico programiście albo dodaj go w ustawieniach kompilacji aplikacji. Ponieważ zawiera ikonę 256 px, Windows skaluje ją w dół do każdego mniejszego miejsca, zamiast rozciągać małą ikonę w górę, więc pozostaje ostra na ekranach o wysokiej rozdzielczości.
Zrób favicon ze swojego logo
Nie masz jeszcze pliku ikony? Upuść samo logo. Trafi na środek kwadratu z odpowiednim marginesem, a wszystkie rozmiary zestawu powstaną z niego za jednym razem.
Robisz rebranding dla klienta? Wpisz adres jego strony w narzędziu Logo Finder, aby zacząć od logo, którego już używa, albo najpierw pobierz jego obecne ikony narzędziem Pobierz favicon.
Więcej darmowych narzędzi do ikon i logo
- Konwerter PNG na SVGWektor znaku, ostry w każdym rozmiarze
- Kreator logo 3DTo samo logo jako obraz lub film 3D
- Kreator animacji logoOsiem animacji 3D z muzyką
- Kreator intro z logoEfektowne wejście logo 3D na początek Twoich filmów
- Kreator obracającego się logo GIFPłynny obrót 3D jako zapętlony GIF
- Logo na STL i 3MFZ dowolnego logo plik do druku 3D
- Konwerter SVG na STLZ grafiki wektorowej plik do druku 3D
- Konwerter PNG na STLZ obrazu plik do druku 3D
- Jak zrobić logo 3DCztery sposoby, by nadać płaskiemu logo głębię
- Jak animować logoRuch, dźwięk i formaty na każdą platformę
- Jak wydrukować logo na drukarce 3DWymiary, kolory, slicery i rozwiązywanie problemów
- Wektoryzacja logoZwektoryzuj logo do druku i cięcia
PNG na ICO: najczęstsze pytania
Krótkie odpowiedzi o plikach ICO i faviconach: rozmiary, kod HTML, ikony Windows i tworzenie faviconu z własnego logo.
Zadaj nam pytanieJak zamienić PNG na ICO?
Upuść PNG w dowolnym miejscu tej strony albo kliknij „Upuść własne logo”. Obraz otworzy się jako kwadratowa ikona; kliknij „ICO”, aby dostać jeden plik .ico z rozmiarami 16, 24, 32, 48, 64, 128 i 256 px, albo „Favicony”, aby pobrać cały zestaw dla strony. To darmowe i odbywa się w Twojej przeglądarce.
Jakie rozmiary powinien zawierać plik favicon.ico?
Dla strony internetowej rozmiary 16, 32 i 48 px wystarczą na karty, zakładki i ekrany o wysokiej rozdzielczości, a plik favicon.ico z zestawu zawiera dokładnie te rozmiary. Dla aplikacji Windows lub ikony na pulpicie Microsoft wymaga co najmniej rozmiarów 16, 24, 32, 48 i 256 px, a pobrany plik ICO zawiera je wszystkie oraz 64 i 128 px.
Jak zrobić favicon z mojego logo?
Upuść logo na tej stronie. Trafi na środek kwadratu, czyli kształtu, którego oczekuje każde miejsce na ikonę, a zanim pobierzesz zestaw faviconów, zobaczysz je na karcie przeglądarki i jako ikonę aplikacji. Przy 16 px najczytelniejszy jest symbol lub inicjał z logo.
Czy strony nadal potrzebują pliku favicon.ico?
Zdecydowanie warto go mieć. Przeglądarki nadal proszą strony o plik /favicon.ico, wyszukiwarka Google akceptuje pliki ICO, a jeden plik ICO mieści kilka rozmiarów. Nowoczesne przeglądarki odczytują też ikony PNG i SVG podlinkowane w sekcji head strony, a zestaw daje Ci jedno i drugie.
Jak dodać favicon do mojej strony?
Skopiuj pliki z zestawu do katalogu głównego strony, tam, gdzie jest strona główna, i wklej wiersze z pliku add-to-your-head.html do sekcji head każdej podstrony. W kreatorze stron lub na platformie sklepowej prześlij plik PNG 512 px w ustawieniu ikony witryny.
Czy mogę zrobić ikonę Windows 256 px z pliku PNG?
Tak. Pobrany plik ICO zawiera rozmiary 16, 24, 32, 48, 64, 128 i 256 px. Microsoft zaznacza, że przy ikonie 256 px Windows zawsze tylko zmniejsza ikonę, nigdy jej nie powiększa, więc pozostaje ostra w każdym rozmiarze. Zacznij od pliku PNG o szerokości co najmniej 256 px albo od logo wektorowego.
Jaki jest najlepszy rozmiar faviconu?
Raczej zestaw niż jeden rozmiar: 16, 32 i 48 px w pliku favicon.ico, ikona apple-touch-icon o rozmiarze 180 px oraz ikony 192 i 512 px do manifestu aplikacji internetowej. Google zaleca do wyszukiwarki kwadratowy favicon większy niż 48 × 48 px. Zestaw tworzy każdy z nich z jednego pliku.
Jak oceniasz przydatność tego narzędzia?
Twoje logo na wszystkim, co drukujesz, w 3D
Proofscene zamienia proofy PDF w interaktywne proofy 3D pod linkiem z Twoją marką, więc Twoi klienci widzą swoje karty, opakowania i opaski, zanim powstaną. Zacznij za darmo już dziś.
Darmowe konto · Bez karty kredytowej · Stworzone przez drukarzy