UltKit

Konwerter WebP na ICO

Masz logo tylko jako plik WebP zapisany z własnej strony lub wyeksportowany z projektu? Zamień je na favicon.ico, które przeglądarki, zakładki i skróty w systemie Windows odczytają bez dodatkowego kodu.

Konwerter obrazów

lub upuść Pliki JPG, JPEG, JPE … tutaj ·

Maks. 95 MB na plik· Do 20 plików· Usuwane po 30 min

Plik wynikowy

Pliki są przetwarzane na naszych serwerach i usuwane po 30 min.

Jak korzystać z narzędzia

  1. 1

    Prześlij logo w formacie WebP

    Upuść plik .webp lub do 20 plików naraz, każdy do 95 MB. Najlepiej sprawdzi się kwadratowe logo o wymiarach co najmniej 256 × 256 px.

  2. 2

    Zostaw wszystkie rozmiary ikony

    Opcja Rozmiary ikon domyślnie ma wartość Wszystkie rozmiary (16–256) w sekcji Ustawienia zaawansowane. Animowane pliki WebP używają pierwszej klatki.

  3. 3

    Konwertuj i wgraj plik na swoją stronę

    Kliknij Konwertuj na ICO, w razie potrzeby zmień nazwę pliku na favicon.ico i umieść go w katalogu głównym swojej strony.

Logo zapisane ze stron internetowych jest dziś zwykle w formacie WebP. Jedna konwersja zamienia ten plik w wielorozmiarowy favicon.ico z zachowanym przezroczystym tłem.

Jak zrobić favicon.ico z logo w WebP

WebP stał się domyślnym formatem obrazów dużej części internetu po tym, jak Google wprowadził go w 2010 roku; WordPress akceptuje przesyłanie WebP od wersji 5.8 z 2021 roku, a wiele sieci CDN konwertuje każdy serwowany PNG. Dlatego gdy szukasz własnego logo, kopia, którą znajdziesz, jest często plikiem .webp, a generatory faviconów, Windows i niektóre panele hostingowe jej nie przyjmą.

Format ICO rozwiązuje inny problem niż WebP. Zamiast jednego skompresowanego obrazu zawiera kilka kwadratowych bitmap, a przeglądarka lub system wybiera potrzebny rozmiar: 16 px dla karty, 32 px dla paska zadań lub paska zakładek, większe dla skrótów na pulpicie i ekranów o wysokiej gęstości. Konwersja tworzy wszystkie te rozmiary z Twojego pliku WebP w jednym przebiegu.

Sam plik WebP zachowaj do logo w nagłówku strony. Oba pliki służą do różnych miejsc, a konwersja nie zmienia oryginału.

Co konwerter umieszcza w pliku ICO

Pięć rozmiarów w jednym pliku .ico
16–256 px
Plików WebP w jednej partii
20
Maksymalny rozmiar pliku
95 MB
Potem usuwane z serwera
30 min

WEBP

Obraz WebP

WebP to format obrazu wydany przez Google w 2010 roku, aby strony internetowe wczytywały się szybciej. Obsługuje w jednym formacie kompresję stratną i bezstratną, przezroczystość alfa oraz animację. Stratne pliki WebP są zwykle o 25–35% mniejsze niż JPEG o podobnej jakości wizualnej, a bezstratny WebP jest zwykle mniejszy niż PNG. Obsługują go wszystkie aktualne przeglądarki, ale część starszego oprogramowania desktopowego, usług drukarskich i formularzy przesyłania plików nadal go odrzuca. Windows, macOS i większość nowoczesnych edytorów grafiki otwiera pliki WebP.

Kompresja
Stratna lub bezstratna
Przezroczystość
Tak
Animacja
Tak
Rok powstania
2010 · Google
Konwerter WEBP

ICO

Ikona Windows

ICO to format ikon Microsoftu używany dla ikon programów w Windows i favicon witryn. Jeden plik .ico może zawierać kilka obrazów w różnych rozmiarach, takich jak 16×16, 32×32, 48×48 i 256×256 pikseli, dzięki czemu system wybiera najlepiej pasujący. Każdy obraz może być zapisany jako bitmapa lub dane PNG i obsługuje pełną przezroczystość alfa. ICO nie jest przeznaczony do zdjęć ani dużych grafik. Odczytują go przeglądarki, Windows i większość edytorów ikon.

Kompresja
Bezstratna
Przezroczystość
Tak
Animacja
Nie
Rok powstania
Microsoft
Konwerter ICO

Logo WebP zamienia się w ICO, gdy jedyną kopią znaku firmowego jest skompresowany plik udostępniony przez stronę lub CMS, a witryna nadal potrzebuje favicon.ico w katalogu głównym.

Jak przygotować logo WebP do karty przeglądarki o wielkości 16 px

  1. Przytnij do znaku

    Większość logo jest szeroka. Zostaw tylko symbol lub pierwszą literę i przytnij do kwadratu z niewielkim marginesem.

  2. Pomiń drobny tekst

    Hasła i napisy przy 16 px zamieniają się w szary szum. Przetrwa pojedynczy wyrazisty kształt, cienkie kreski nie.

  3. Sprawdź oba kolory kart

    Obejrzyj wynik w jasnym i ciemnym motywie przeglądarki. Ciemne logo na przezroczystym tle może zniknąć na ciemnej karcie.

Jak dodać nowy favicon do strony

Umieść favicon.ico w katalogu głównym, aby był dostępny pod adresem twojastrona.pl/favicon.ico. Zadeklarowanie go w nagłówku strony za pomocą <link rel="icon" href="/favicon.ico" sizes="any"> jednoznacznie wskazuje wybór, a CMS taki jak WordPress ma własne pole Ikona witryny, które zapisuje te znaczniki za Ciebie.

Zestaw uzupełniają jeszcze dwie ikony. iPhone'y i iPady używają apple-touch-icon, czyli PNG 180 × 180 px, gdy ktoś dodaje Twoją stronę do ekranu głównego; przygotujesz go za pomocą WebP do PNG i naszego poradnika przycinania. Wyszukiwarka Google wymaga kwadratowego favicona o rozmiarze będącym wielokrotnością 48 px, więc PNG 96 lub 144 px podlinkowany ze strony głównej obsłuży także wyniki wyszukiwania. Przeglądarki intensywnie buforują favicony; otwórz stronę w oknie prywatnym, aby od razu zobaczyć nowy.

Pytania o konwersję WebP na ICO

Po co mi plik .ico, skoro logo mam już w WebP?

Przeglądarki same pobierają /favicon.ico z katalogu głównego witryny, gdy strona nie deklaruje żadnej ikony, a skróty Windows, starsze przeglądarki i wiele pól favicon w systemach CMS oczekuje ICO lub PNG. Jeden plik .ico w katalogu głównym obsługuje je wszystkie bez żadnego dodatkowego kodu.

Czy przezroczyste tło wokół logo WebP pozostanie przezroczyste?

Tak. WebP i ICO obsługują kanał alfa, więc przezroczyste tło trafia bez zmian do każdego rozmiaru wewnątrz ikony, a favicon dobrze wygląda zarówno na jasnych, jak i ciemnych kartach przeglądarki.

Co się stanie, jeśli prześlę animowany plik WebP?

ICO przechowuje obrazy nieruchome, więc konwerter używa pierwszej klatki (Animowany plik wejściowy ma wartość Tylko pierwsza klatka). Jeśli pierwsza klatka jest pusta lub w trakcie przejścia, wybierz inne źródło.

Czy stratna kompresja WebP będzie widoczna w faviconie?

Rzadko przy rozmiarach od 16 do 64 px, ponieważ zmniejszanie uśrednia drobne artefakty. Delikatne halo mogą pozostać w warstwach 128 i 256 px. Jeśli logo istnieje także jako wektor, SVG do ICO daje najczystsze krawędzie.

Jakiej rozdzielczości musi być logo WebP, aby favicon był ostry?

Co najmniej 256 × 256 px i kwadratowy, aby największa warstwa powstawała przez zmniejszenie, a nie powiększenie. Logo o szerokości 120 px zapisane z nagłówka strony będzie wyglądać miękko w większych rozmiarach.