Narzędzia95

STWÓRZ COŚ WSPANIAŁEGO

Generator favicon / ICO.

Twórz favicony z obrazu lub tekstu. Sprawdź podgląd w kartach przeglądarki, użyj czcionek systemowych i pobierz ICO w wielu rozmiarach lub plik ZIP z ikonami dla stron www, Apple i Android.

Reklamy
Twój obszar roboczy obrazu
Na Twoim urządzeniu
lub przeciągnij i upuść tutaj
PNG, JPG, JPEG, WEBP, GIF
Wybierz obraz, aby rozpocząć.OBRAZ
Reklamy
Blog Jak stworzyć favicon Przeczytaj poradnik

Stwórz ikonę favicon, która pozostaje wyraźna w każdym rozmiarze

Zmień logo, obraz lub krótki monogram w ikonę favicon dla strony internetowej. Wyświetl podgląd na jasnych i ciemnych kartach przeglądarki, dopracuj kadrowanie i pobierz ICO w wielu rozmiarach lub gotowy do użycia na stronie plik ZIP z ikonami i plikami instalacyjnymi.

Jeden wyraźny znak staje się ikoną przeglądarki, zakładki i mobilnej strony internetowej.
SZYBKI WIDEO PORADNIK How to create a favicon and website icon package Choose an image, preview browser icons, set the website package and download all icon files in one ZIP. Angielski lektor Obejrzyj wideo

How to create a favicon and website icon package

Funkcje i sterowanie

Zacznij od obrazu lub swoich inicjałów

Prześlij obraz lub wybierz Tekst na stronie narzędzia.

Wejście obrazu i tekstu

Obraz akceptuje PNG, JPG, JPEG, WebP lub GIF. Tekst otwiera ten sam edytor z gotowymi do stylizacji literami. Opcja Utwórz z pozwala przełączać się między przesłanym obrazem a monogramem. Użyj jednego lub dwóch prostych znaków, aby uzyskać najczystszy wynik przy 16 pikselach. Wejście GIF wykorzystuje statyczną klatkę; wynik nie jest animowany.

Oceń ikonę tam, gdzie będzie się pojawiać

Podglądy jasnych i ciemnych kart przeglądarki pokazują tę samą ikonę na różnych powierzchniach.

Podglądy w rzeczywistym rozmiarze

Edytor pokazuje podgląd karty przeglądarki o rozmiarze 16 pikseli, oddzielne ikony o rozmiarach 16, 32 i 48 pikseli oraz podgląd Apple Touch. Małe ikony ujawniają szczegóły, które znikają po zmniejszeniu dużego logo. Uprość źródło lub dodaj przestrzeń wokół niego, aż najmniejszy podgląd będzie rozpoznawalny. Obraz Apple Touch jest wyświetlany mniejszy niż jego wyeksportowany rozmiar 180 pikseli.

Nadaj swojej grafice wyraźną sylwetkę

Wybierz zaokrąglony kwadrat, kwadrat lub koło i dostosuj przestrzeń wokół zawartości.

Dopasowanie, odstępy i przezroczystość

Pokaż cały obraz zachowuje wszystkie krawędzie źródłowe wewnątrz ikony. Wypełnij ikonę pokrywa dostępny obszar i może przyciąć krawędzie. Przestrzeń wokół zawartości dostosowuje margines od 0 do 35 procent. Wybierz Tło lub włącz Przezroczyste tło. Przezroczyste piksele poza zaokrągloną lub kolistą sylwetką pozostają czyste. Nie usuwa to nieprzezroczystego tła, które jest już obecne w przesłanym obrazie.

Stwórz wyróżniający się monogram

Ustaw litery, czcionkę i kontrastujące kolory.

Stylizacja tekstu

Tekst / monogram obsługuje do trzech znaków z dołączonymi stylami Modern sans, Classic serif i Monospace. W obsługiwanych przeglądarkach komputerowych wybierz Użyj czcionek systemowych i zezwól na dostęp do czcionek, aby wypełnić listę czcionek rodzinami zainstalowanymi na Twoim urządzeniu. Wybierz rodzinę, aby zaktualizować podgląd na żywo, lub użyj poprzednich i następnych strzałek, aby porównać sąsiednie czcionki. Nazwy i pliki czcionek nie są przesyłane. Tekst automatycznie dopasowuje się do dostępnej przestrzeni. Wyświetl podgląd najmniejszych rozmiarów ikon po zmianie czcionki lub koloru.

Wybierz ICO lub kompletny pakiet strony internetowej

Jedna akcja Start tworzy wybrane pobieranie.

Pliki i rozmiary

Wielorozmiarowy ICO zawiera obrazy o wymiarach 16, 24, 32, 48, 64, 128 i 256 pikseli w jednym pliku favicon.ico. Pakiet ikon strony internetowej tworzy jeden plik ZIP zawierający ten ICO, PNG ikon o wymiarach 16, 32 i 48 pikseli, ikonę Apple Touch o wymiarach 180 pikseli, ikony Android o wymiarach 192 i 512 pikseli, manifest sieciowy oraz INSTALL.txt. Nazwa strony internetowej określa nazwę manifestu.

Zainstaluj ikony na swojej stronie

Plik ZIP zawiera tagi linków HTML oraz pasujące nazwy plików.

Korzystanie z plików instalacyjnych

Prześlij zawartość pakietu do katalogu głównego witryny i skopiuj tagi linków z INSTALL.txt do sekcji head strony. Jeśli przechowujesz ikony w podfolderze, zaktualizuj ścieżki HTML oraz ścieżki wewnątrz pliku site.webmanifest. Wyczyść pamięć podręczną favicon lub przetestuj w nowej karcie podczas sprawdzania aktualizacji. Wygenerowany manifest to konfiguracja ikon, a nie pełna instalacja progresywnej aplikacji internetowej.

Pliki i przetwarzanie

Wejście
PNG, JPG, JPEG, WebP, GIF lub tekstowy monogram
Wyjście
Wielorozmiarowy ICO lub jeden plik ZIP z ikonami strony i plikami instalacyjnymi

25 MB maksymalnie na plik. Jeden plik wejściowy na uruchomienie.

Jeden obraz o rozmiarze do 25 MB, z maksymalnie 60 megapikselami i 16,000 pikselami na bok. Rozmiary ICO wahają się od 16 do 256 pikseli; największy spakowany PNG ma 512 × 512 pikseli.

Generowanie ikon i podglądy działają na Twoim urządzeniu. Narzędzie nie przesyła wybranego obrazu do konwersji.

To narzędzie przetwarza i eksportuje pliki w Twojej przeglądarce. Pobrany obraz jest oddzielnym plikiem; źródło na Twoim urządzeniu nie zostanie nadpisane.

Odświeżenie edytora lub strony pobierania przeniesie Cię z powrotem do strony narzędzia. Pobierz wynik przed rozpoczęciem nowego procesu. Zobacz nasze Polityka prywatności dotyczące obsługi plików.

FAQ

Warto wiedzieć.

Kilka odpowiedzi przed rozpoczęciem.

Na Twoim urządzeniu
Czy mogę stworzyć favicon bez przesyłania logo?

Tak. Wybierz Tekst, wprowadź swoje inicjały, a następnie wybierz czcionkę, kolory, kształt i odstępy w edytorze.

Jakie rozmiary znajdują się w pliku ICO?

Plik ICO zawiera siedem ramek opartych na PNG: 16, 24, 32, 48, 64, 128 i 256 pikseli kwadratowych. Przeglądarka wybiera odpowiednią ramkę.

Co zawiera plik ZIP strony internetowej?

Zawiera favicon.ico, sześć ikon PNG do użytku w przeglądarce, Apple i Android, site.webmanifest oraz INSTALL.txt z tagami linków HTML.

Czy mój favicon może mieć przezroczyste tło?

Tak. Włącz przezroczyste tło. Zachowuje to przezroczyste obszary wokół źródła; nie usuwa nieprzezroczystego tła ze zdjęcia.

Czy obraz jest przesyłany do konwersji?

Nie. To narzędzie generuje i pakuje pliki ikon w Twojej przeglądarce. Zachowaj pobrane pliki, ponieważ edytor nie jest stałym magazynem projektów.

Czy mogę używać czcionek zainstalowanych na moim komputerze?

Tak, jeśli Twoja przeglądarka obsługuje dostęp do lokalnych czcionek. Wybierz Tekst / monogram, zaznacz Użyj czcionek systemowych i udziel przeglądarce pozwolenia. Dostępne rodziny czcionek pojawią się na liście czcionek. Dołączone style pozostają użyteczne, jeśli odmówisz pozwolenia lub dostęp do lokalnych czcionek będzie niedostępny.

Reklamy

Język38

English العربية Français Italiano Deutsch Español Português Nederlands Русский Türkçe 日本語 中文 हिन्दी Bahasa Indonesia Bahasa Melayu 한국어 Tiếng Việt ไทย Polski Svenska Українська Norsk বাংলা Ελληνικά فارسی اردو Čeština Dansk Magyar Română Suomi Български Filipino ქართული Slovenčina Azərbaycanca עברית Slovenščina

Wybierz język. Samouczki wideo mają obecnie narrację w języku angielskim.