pl

Generator favicon

Zamień jeden obraz na kompletny pakiet favicon: .ico, rozmiary PNG, apple-touch-icon, webmanifest i fragment HTML. Lokalnie, bez przesyłania.

Tło (ikona iOS)
  • Białe
  • Przezroczyste
  • Czarne
Tło (ikony Android)
  • Białe
  • Przezroczyste
  • Czarne

Twoje pliki

    Przetwarzanie lokalnie na Twoim urządzeniu ...

    0%

    Twoje pliki nigdy nie opuściły urządzenia

      Czy mój plik jest przesyłany?

      Nie. Wszystko działa w Twojej przeglądarce - Twój plik nigdy nie opuszcza urządzenia. Jak to sprawdzić

      Bez wysyłania100% lokalnie
      Treści zostają u Ciebiebrak dostępu osób trzecich
      Serwery w NiemczechRODO już w projekcie
      Zbadane niezależnieTLS A+ · Nagłówki A+

      Favicon to nigdy nie jest jeden plik. Przeglądarki, smartfony i aplikacje webowe oczekują dziś całego zestawu ikon w różnych rozmiarach i formatach: klasycznego favicon.ico z kilkoma rozdzielczościami dla karty przeglądarki, osobnych plików PNG, apple-touch-icon na ekran główny iPhone'a oraz większych ikon do instalacji jako aplikacja webowa na Androidzie. To narzędzie zdejmuje z Ciebie całą tę żmudną robotę i tworzy kompletny pakiet z jednego obrazu.

      Upuszczasz kwadratowy obraz - najlepiej PNG o boku co najmniej 512 pikseli - i otrzymujesz plik ZIP. Znajdziesz w nim favicon.ico (16, 32 i 48 pikseli), osobne ikony PNG, apple-touch-icon o rozmiarze 180 pikseli oraz dwie ikony aplikacji o rozmiarach 192 i 512 pikseli. Do tego gotowy plik site.webmanifest i krótki fragment HTML, który wklejasz bezpośrednio do sekcji head swojej strony. Wszystko jest gotowe bez ręcznego szukania poszczególnych odniesień.

      Obraz jest dopasowywany do każdego rozmiaru bez przycinania i centrowany. Ikony przeglądarki zachowują przezroczystość; ikony aplikacji dla iOS i Androida są nakładane na tło, ponieważ te systemy inaczej wyświetlają przezroczystość jako czarny kolor - czy będzie to biel, czerń czy przezroczystość, decydujesz sam, osobno dla każdej platformy (na przykład biel dla ikony iPhone'a i przezroczystość dla ikony Androida). Jak we wszystkich narzędziach na tej stronie, całe przetwarzanie odbywa się w przeglądarce. Twój obraz nie jest przesyłany i żadna biblioteka nie jest pobierana z obcego serwera.

      Dane techniczne

      Dane techniczne
      Formaty wejściowePNG, JPG, JPEG, WEBP, GIF, BMP
      Format wyjściowyZIP
      Przetwarzanie wsadoweNie
      PrzetwarzanieLokalnie w przeglądarce (JavaScript)
      Przesyłanie plikówBrak

      W 3 krokach

      1. Upuść kwadratowy obraz (PNG od 512 px to ideał).
      2. Wybierz tło dla ikon iOS i Android (osobno).
      3. Pobierz pakiet ZIP i rozpakuj go.

      Ograniczenia: Narzędzie tworzy ZIP z favicon.ico (16/32/48), favicon-16/32, apple-touch-icon (180), ikonami Androida (192/512), plikiem site.webmanifest i fragmentem HTML. Źródłem jest obraz rastrowy (PNG, JPG, WebP, GIF, BMP); SVG nie jest tu obsługiwany. Zbyt mały obraz zostanie powiększony i może wyglądać niewyraźnie - najlepiej kwadratowy i duży.

      Częste pytania

      Czy mój obraz jest przesyłany?

      Nie. Cały pakiet jest tworzony lokalnie w przeglądarce - nawet w trybie samolotowym. Obraz nigdy nie opuszcza Twojego urządzenia.

      Co zawiera ZIP?

      favicon.ico w rozmiarach 16/32/48 pikseli, osobne ikony PNG, apple-touch-icon, dwie ikony aplikacji (192/512), plik site.webmanifest i fragment HTML do sekcji head.

      Dlaczego ikony aplikacji mają tło?

      iOS i Android wyświetlają przezroczyste obszary w ikonach aplikacji jako czarne. Dlatego ikony nakładane są na tło; wybierasz biel, czerń lub przezroczystość - osobno dla iOS i Androida, jeśli mają wyglądać inaczej.

      Jakiego rozmiaru obraz powinienem użyć?

      Kwadratowy obraz o boku co najmniej 512 pikseli. Wszystkie mniejsze rozmiary są z niego starannie wyliczane.

      Powiązane narzędzia