Konwerter ICO na PNG

Plik ICO i utworzony PNG pozostają w tej przeglądarce. W trybie krokowym ICO jest przechowywany w pamięci tymczasowej przeglądarki najwyżej przez 30 minut, a potem automatycznie wygasa.

Przetwarzanie...

Formatuj
ICO
Rozmiary w pliku
Rozmiar pliku

Gdy potrzebujesz przezroczystej favicony do aplikacji z ciemnym motywem, prezentacji lub pliku README, osobny PNG bywa wygodniejszy niż kontener ICO. Dodaj plik .ico, sprawdź rozmiary osadzonych obrazów, wybierz jeden obsługiwany obraz i wyeksportuj go jako PNG o tych samych wymiarach.

Jak przekonwertować ICO na PNG

  1. 1

    Wrzuć plik .ico

    Kontener jest parsowany lokalnie w Twojej przeglądarce.

  2. 2

    Wybierz jeden osadzony obraz

    Narzędzie pokazuje rozmiar, głębię kolorów i kodowanie każdego obrazu oraz oznacza obrazy, których nie potrafi zdekodować.

  3. 3

    Sprawdź podgląd i pobierz

    Sprawdź wybrany obraz i zapisz jeden plik PNG w oryginalnych wymiarach.

  4. 4

    Opcjonalne powiększenie

    Jeśli największy osadzony rozmiar jest mniejszy niż potrzebujesz, wyeksportuj go i połącz z narzędziem do powiększania; nie rozciągaj tutaj.

Dlaczego PNG to lepszy kontener do współczesnych zastosowań

ICO pozostaje formatem, którego przeglądarki oczekują dla favicon.ico, ale PNG wyprzedziło je wszędzie indziej.

Porównanie formatów

Cecha ICO PNG
Przezroczystość maska 1-bitowa + alfa 8-bitowa alfa 8-bitowa (RGBA)
Wiele rozmiarów Tak, w jednym kontenerze Nie, jedna rozdzielczość na plik
Kompresja Nieskompresowany BMP lub PNG wewnątrz Deflate zlib
Wsparcie przeglądarek Uniwersalne dla /favicon.ico Uniwersalne + link rel=icon
Narzędzia edycyjne Ograniczone Każdy edytor obrazów

Dobra praktyka favikona dzisiaj

Większość stron nadal serwuje favicon.ico dla żądania korzenia, ale linkuje nowoczesne PNG z nagłówka HTML:

<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32.png">
<link rel="icon" type="image/png" sizes="192x192" href="/favicon-192.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">

Wyodrębnianie i edycja

Po wyeksportowaniu jako PNG możesz otworzyć ikonę w Figmie, Sketchu, GIMP-ie lub Photoshopie i edytować ją z pełną obsługą alfa. Po zakończeniu ponownie wyeksportuj pliki PNG i, w razie potrzeby, ponownie spakuj je w nowy plik .ico.

Najczęściej zadawane pytania

Konwerter zachowuje przezroczystość zapisaną w kanale alfa osadzonego PNG lub w obsługiwanej masce przezroczystości bitmapy ICO. Zawsze sprawdź podgląd, ponieważ niektóre rzadkie starsze kodowania zapisują przezroczystość inaczej.

Narzędzie wyświetla wszystkie obrazy z katalogu ICO, ale eksportuje po jednym obsługiwanym obrazie. Przyjmuje pliki ICO do 10 MB z obrazami skompresowanymi jako PNG oraz popularnymi nieskompresowanymi lub bitfieldowymi bitmapami Windows. Jeśli potrzebujesz kilku plików PNG, wybierz kolejny rozmiar i pobierz go osobno.

Nie bez utraty jakości. Powiększanie małych ikon daje rozmyte wyniki. Jeśli potrzebujesz dużej wersji, odbuduj wektor źródłowy (SVG) i wyeksportuj w potrzebnym rozmiarze.

Nie. Analiza ICO i kodowanie PNG odbywają się na Twoim urządzeniu za pomocą JavaScriptu i interfejsów obrazu przeglądarki. W trybie krokowym ICO pozostaje w pamięci tymczasowej przeglądarki najwyżej przez 30 minut, a potem automatycznie wygasa.

Powiązane narzędzia