Generator favicon
Twórz ikony favicon w wielu formatach z tekstu, emoji lub obrazów
Wprowadź tekst lub emoji, aby zobaczyć podgląd
Szybkie przykłady:
Jak używać swojego favicon
1. Pobierz swoje ikony favicon
Zalecana minimalna konfiguracja:
- 32×32 PNG - Zmień nazwę na favicon.png (najczęstsze)
- SVG - Zmień nazwę na favicon.svg (nowoczesne przeglądarki, skalowalne)
Opcjonalnie (dla lepszego pokrycia):
- 16×16 PNG - Zmień nazwę na favicon.ico (starsze przeglądarki)
- 180×180 PNG - Zmień nazwę na apple-touch-icon.png (ekran główny iOS)
2. Dodaj do swojej strony
Umieść pliki w katalogu głównym lub publicznym swojej strony i dodaj te tagi do sekcji head HTML:
<link rel="icon" type="image/svg+xml" href="/favicon.svg"> <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
Wskazówki
- Używaj prostych, wyrazistych projektów, które działają w małych rozmiarach
- Emoji świetnie nadają się do szybkich, rozpoznawalnych ikon
- SVG jest zalecane dla nowoczesnych przeglądarek (skalowalne i mały rozmiar pliku)
- Używaj kolorów o wysokim kontraście dla lepszej widoczności
Powiązane narzędzia
Kalkulator gęstości pikseli
Oblicz PPI/DPI dla ekranów i wydruków
Generator obrazów zastępczych
Generuj niestandardowe obrazy zastępcze do projektowania stron internetowych
Kalkulator proporcji obrazu
Oblicz i utrzymaj proporcje obrazu
Kreator wizytówek
Twórz profesjonalne wizytówki z dostosowywalnymi szablonami