Generator Favicon
FreePrześlij obraz i otrzymaj kompletny pakiet favicon: favicon.ico, każdy rozmiar PNG oczekiwany przez przeglądarki i urządzenia, apple-touch-icon, ikony Android, site.webmanifest oraz HTML do wklejenia, wszystko w jednym ZIP.
Działa całkowicie w twojej przeglądarce. Twój obraz nigdy nigdzie nie jest przesyłany.
Kliknij, aby wybrać obraz, lub przeciągnij i upuść jeden tutaj
Kwadratowy obraz działa najlepiej, ale każdy rozmiar i kształt jest w porządku.
Obrazy Niekwadratowe
Szczegóły Aplikacji (dla site.webmanifest)
Wygenerowane Rozmiary
Ostatnia Aktywność
Widoczne dla wszystkich. Ostatnie 20 użyć wśród wszystkich odwiedzających, najpierw najnowsze.
Favicon set generated
1 godzina temu
Favicon set generated
1 godzina temu
Favicon set generated
1 godzina temu
Favicon set generated
1 godzina temu
Co robi to narzędzie
Prześlij logo lub obraz, a to narzędzie wygeneruje kompletny pakiet favicon: favicon.ico z wieloma rozdzielczościami, pojedyncze pliki PNG w każdym rozmiarze oczekiwanym przez nowoczesne przeglądarki i urządzenia, apple-touch-icon, ikony Android Chrome, wstępnie wypełniony site.webmanifest oraz dokładne tagi HTML do wklejenia w <head> Twojej strony, wszystko w jednym pliku ZIP do pobrania.
Jak To Działa
Twój obraz jest rysowany na elemencie HTML canvas w każdym docelowym rozmiarze (16, 32, 48, 180, 192 i 512 pikseli), przycięty do wyśrodkowanego kwadratu lub dopełniony kolorem tła, w zależności od wyboru. Trzy najmniejsze rozmiary są następnie pakowane w jeden plik favicon.ico przy użyciu formatu ICO z osadzonym PNG, lekkiego kontenera binarnego, który poprawnie odczytuje każda współczesna przeglądarka i system operacyjny. Wszystko, aż po sam plik ZIP, jest składane w Twojej przeglądarce; nic nie jest przesyłane.
Problemy, które rozwiązuje
- Generowanie każdego rozmiaru favicon potrzebnego nowoczesnej stronie z jednego obrazu źródłowego, zamiast ręcznego zmieniania rozmiaru każdego z nich.
- Tworzenie poprawnie zbudowanego, wielorozmiarowego pliku favicon.ico bez specjalistycznego oprogramowania graficznego.
- Otrzymanie gotowego do użycia pliku site.webmanifest oraz pasujących tagów HTML, a nie tylko plików graficznych.
- Podgląd tego, jak ikona będzie faktycznie wyglądać na karcie przeglądarki przed jej publikacją.
Często zadawane pytania
›Dlaczego potrzebuję tak wielu różnych rozmiarów?
Różne platformy wymagają różnych rozmiarów: karty przeglądarki zwykle używają 16x16 lub 32x32, ikony ekranu głównego iOS używają 180x180, a monity instalacyjne Android Chrome i PWA używają 192x192 i 512x512. Dostarczenie wszystkich oznacza, że Twoja ikona wygląda ostro wszędzie, zamiast być rozciągnięta lub rozmyta na niektórych urządzeniach.
›Czym jest favicon.ico i dlaczego nadal jest potrzebny obok plików PNG?
Format .ico może łączyć wiele rozmiarów (16x16, 32x32, 48x48) w jednym pliku i nadal jest tym, do którego przeglądarki domyślnie się odwołują, gdy nie określono innego linku ikony, w tym bardzo stare przeglądarki i niektóre skróty na poziomie systemu operacyjnego. To narzędzie pakuje wszystkie trzy rozmiary w jeden prawidłowy plik favicon.ico, używając nowoczesnego formatu z osadzonym PNG obsługiwanego przez każdą współczesną przeglądarkę i system operacyjny.
›Czy powinienem przyciąć czy dopełnić obraz niekwadratowy?
Przycinanie zachowuje każdy piksel na pełnej powierzchni, ale obcina krawędzie obrazu niekwadratowego, dobre, gdy logo już wypełnia kadr. Dopełnianie zachowuje cały obraz widoczny, dodając kolor tła wokół niego, lepsze, gdy logo ma puste marginesy lub nie jest wyśrodkowane.
›Do czego służy site.webmanifest?
To mały plik JSON, który Android i inne platformy odczytują, aby poznać nazwę, ikony i kolor motywu Twojej strony, gdy ktoś doda ją do ekranu głównego lub zainstaluje jako progresywną aplikację internetową. To narzędzie generuje plik wstępnie wypełniony ikonami, które właśnie utworzono.
›Czy to przesyła moje logo gdziekolwiek?
Nie. Każda zmiana rozmiaru, plik ICO i sam ZIP są tworzone lokalnie w Twojej przeglądarce za pomocą API Canvas; Twój obraz nigdy nie jest wysyłany na serwer.
Powiązane Narzędzia
Obraz
Dostosuj HSL Obrazu
Przesuń odcień, nasycenie, i jasność na obrazie za pomocą suwaków na żywo, bezpośrednio w przeglądarce.
FreeObraz
Masowe Dostosowywanie HSL Obrazów
Zastosuj tę samą regulację odcienia, nasycenia, i jasności do wielu obrazów naraz, bezpośrednio w przeglądarce.
FreeObraz
Dodaj Tekst do Obrazu
Dodaj jeden lub więcej niestandardowych podpisów tekstowych na obrazie, bezpośrednio w przeglądarce.
FreeObraz
Usuń Tło z Obrazu (AI)
Automatycznie wytnij tło ze zdjęcia za pomocą modelu AI na urządzeniu, bezpośrednio w przeglądarce.
FreeObraz
Analogiczny Schemat Kolorów
Wygeneruj harmonijną analogiczną paletę kolorów z dowolnego koloru bazowego, bezpośrednio w przeglądarce.
FreeObraz
Mieszanie Kolorów
Zmieszaj dwa kolory razem z regulowanym balansem, używając prostego mieszania RGB, korygowanego gamma, lub HSL.
FreeObraz
Rozmyj Obraz
Rozmyj obraz w przeglądarce za pomocą rozmycia Box, Gaussian, Motion, lub Radial, potem pobierz wynik.
FreeObraz
Generator Obrazów z Rozmytą Ramką
Dopasuj zdjęcie do kwadratu lub innej proporcji bez przycinania, wypełniając dodatkową przestrzeń rozmytą, powiększoną kopią obrazu.
Komentarze (0)
Uznałeś to narzędzie za przydatne? Zostaw komentarz, podziel się wskazówką, lub powiedz nam, jak możemy je ulepszyć.
Jeszcze brak komentarzy. Bądź pierwszym, który podzieli się swoimi przemyśleniami!