Generator favicon
Z jednego obrazka robisz favicon.ico, ikony PNG, manifest i tagi HTML.
- Kategoria
- Grafika
- Cena
- bezpłatne
Narzędzie uruchamia się w Twojej przeglądarce.
Wszystko liczy się w przeglądarce. Nic z tego, co wpiszesz, nie trafia na nasz serwer.
Jak użyć w trzech krokach
Narzędzie w schemacie, z przykładem z tej strony. Numer kroku stoi tam, gdzie go wykonujesz: w polach, przy wyniku albo poza narzędziem.
Wybierz obrazek albo logo.
Ustaw tło i margines.
Pobierz paczkę i wklej tagi do sekcji head.
Komplet ikon strony z jednego logo
Z jednego obrazu narzędzie robi wszystkie rozmiary, plik ICO, manifest i wiersze do sekcji head. Obrazki rysuje canvas przeglądarki w narzędziu na górze strony, a tu jest to, co narzędzie liczy, zanim zacznie rysować. Wynik liczy ta sama funkcja, której używa narzędzie na górze strony, przy każdym wyświetleniu strony.
Ustawiasz
- Plik
- logo.png, 512 x 512 px
- Wygląd
- margines 10%, zaokrąglenie 20%, tło przezroczyste
- Nazwa w manifeście
- VulCode
Rozmiary
- favicon.ico
- 16, 32, 48
- apple-touch-icon.png
- 180
- icon-192.png
- 192
- icon-512.png
- 512
Z jednego pliku powstaje 6 rozmiarów. 16, 32, 48 trafiają razem do jednego pliku ICO.
Ikona 32 px
- Logo
- 25,6 px od 3,2 px z lewej i z góry
- Róg
- 6,4 px
Margines 10% z każdej strony zostawia logo 80% boku, a zaokrąglenie 20% to promień rogu.
Ikona Apple
- apple-touch-icon.png
- tło #ffffff, logo 144 px
Tylko ikona 180 px dostaje białe tło, także gdy wybierasz przezroczyste.
Do sekcji head
<link rel="icon" href="/favicon.ico" sizes="32x32"> <link rel="apple-touch-icon" href="/apple-touch-icon.png"> <link rel="manifest" href="/site.webmanifest">{ "name": "VulCode", "short_name": "VulCode", "icons": [ { "src": "/icon-192.png", "type": "image/png", "sizes": "192x192" }, { "src": "/icon-512.png", "type": "image/png", "sizes": "512x512" } ], "theme_color": "#ffffff", "background_color": "#ffffff", "display": "standalone" }
Pytania
Powiązane narzędzia
Narzędzie rozwiązuje jedno zadanie. Jeśli to samo ma się dziać automatycznie w Twoim bocie, serwerze albo systemie, zbudujemy to.
Brakuje narzędzia, którego potrzebujesz?
Napisz, co chcesz liczyć albo generować. Odpowiemy, czy wystarczy narzędzie, czy lepsza będzie integracja w Twoim systemie.