Streszczenie (TL;DR)
- Projektuj od zera: Brak logo? Żaden problem. Twórz profesjonalne ikony za pomocą inicjałów tekstowych lub popularnych emoji.
- Podgląd w czasie rzeczywistym: Zobacz dokładnie, jak Twoja ikona wygląda w trybie jasnym/ciemnym i na kartach przeglądarki.
- Kompletny zestaw: Pobierz pakiet z
favicon.ico, plikami PNG o wysokiej rozdzielczości i niezbędnymi tagami HTML.
Kiedy generować vs przesyłać?
- Użyj tego, jeśli nie masz jeszcze logo lub chcesz prostą ikonę opartą na literach.
- Użyj Konwertera, jeśli masz już gotowy obraz logo.
Wskazówki projektowe (16x16 pikseli)
- Wysoki kontrast: Jasny tekst na ciemnym tle jest najlepszy.
- Jeden lub dwa znaki: „Moja Strona” się nie zmieści. Użyj „MS”.
- Grube czcionki: Cienkie czcionki znikają w małych rozmiarach.
Kompletny pakiet
Otrzymujesz standaryzowany zestaw internetowy:
favicon.ico: Dla przeglądarek stacjonarnych.icon-192.png&icon-512.png: Dla Androida/PWA.apple-touch-icon.png: Dla iOS.site.webmanifest: Dla Androida.
FAQ
Czy mogę legalnie używać tych emoji?
Tak. Są renderowane przy użyciu czcionek systemowych lub open source i są bezpieczne dla Twojej marki.
Czy potrzebuję przezroczystego tła?
W przypadku ikon tekstowych/emoji zalecamy pełny kształt (koło lub kwadrat). Przezroczysty tekst może zniknąć w trybie ciemnym.