Zrób paczkę favicon z jednego obrazu
Upuść logo. Pobierz ICO, rozmiary PNG i apple-touch-icon oraz fragment do wklejenia w HTML. Plik nigdy nie opuszcza tego urządzenia.
- Szybko
- W 100% prywatnie
- Zawsze za darmo
- Każda przeglądarka
Drop images anywhere on this page
Jeden PNG, JPG, SVG albo WebP. Zostaje na tym urządzeniu.
Kiedy zrobić paczkę favicon
Użyj tego, gdy strona nadal potrzebuje klasycznego favicon.ico, obok ikon PNG, które telefony i przeglądarki naprawdę pokazują. Wystarczy jeden obraz na start: kwadratowe logo w PNG albo SVG działa najlepiej. Obraz jest dopasowywany do kwadratu (zmieść), więc szeroki znak dostaje margines zamiast się zniekształcać.
Pobrane PNG wychodzą domyślnie z przezroczystym tłem. ICO kładzie nieprzezroczystą biel (albo kolor, który wybierzesz) za znakiem, bo spora część starego wyglądu kart przeglądarki nadal oczekuje nieprzezroczystej ikony. Tu nie ma warstw. Jeśli najpierw trzeba wykadrować albo dodać tekst, zrób to w Photasium i upuść wynik tutaj.
Zip zawiera favicon.ico (16 i 32), PNG w 16, 32, 180, 192 i 512 oraz apple-touch-icon w 180. Wklej fragment w head dokumentu. Opcjonalne pozycje 192 i 512 to te, o które zwykle prosi manifest aplikacji webowej. Nazwy plików trzeba skopiować do manifest.json.
Po pobraniu skompresuj tylko wtedy, gdy PNG nadal jest ciężki. Favicon zostają małe. Do obrazu do mediów społecznościowych użyj Obraz OG 1200×630 zamiast tej paczki.
Praca dzieje się w tej przeglądarce. Bez konta i nic nie jest wysyłane. Zamknij kartę, a logo znika z narzędzia.
Jak to zrobić
- Upuść PNG, JPG, SVG albo WebP. Nie opuszcza tego urządzenia.
- Zostaw PNG przezroczyste albo wybierz nieprzezroczysty kolor. ICO używa bieli albo tego koloru.
- Przygotuj paczkę, skopiuj fragment HTML i pobierz zip.
Wskazówki
- Kwadratowe logo zostaje ostrzejsze. Szerokie logo tekstowe dostaje margines po bokach.
- Nie używaj zdjęcia 4000 px jako favicon. Zacznij od prostego znaku.
- ICO łączy obrazy PNG 16 i 32. Aktualne przeglądarki używają też linków do PNG.