Hoe te gebruiken
Kies een JPEG, PNG, WebP of GIF. Bestand maken bouwt het pakket. Downloaden slaat een ZIP op. Plaats de bestanden op je site en kopieer de linktags uit README.txt naar het head-element.
Voorbeeld
README.txt bevat link-tags voor het pictogram, de PNG van 32 pixels en het Apple-touch-pictogram.
Invoer
A square logo PNGUitvoer
favicon-pack.zip met favicon.ico, PNG’s van 16, 32, 48 en 180 pixels, en README.txtHoe het werkt
Elke grootte wordt op een wit vierkant getekend zodat een transparant logo zichtbaar blijft op lichte en donkere browserchrome. favicon.ico bevat de PNG’s van 16 en 32 pixels in een PNG-in-ICO-container. De PNG van 48 pixels is een algemene snelkoppelingspictogram. De PNG van 180 pixels is het Apple-touch-formaat. De ZIP wordt opgeslagen zonder hercompressie en bevat het HTML-fragment.
Veelvoorkomende fouten
- Het pictogram lijkt bijgesneden De bron wordt naar een vierkant uitgerekt. Begin met een vierkante afbeelding als het werk niet mag worden uitgerekt.
- Een oude browser negeert favicon.ico De ICO gebruikt ingebedde PNG’s die huidige browsers lezen. De aparte PNG-bestanden zijn de terugval in de README.
- De ZIP verscheen niet Bestand maken moet slagen vóór Download. Een beschadigde afbeelding faalt vóór het pakket wordt gebouwd.
Beperkingen
Het pakket bevat geen web-app-manifest, SVG-favicon of maskable icoon van 512 pixels. Animatie wordt tot één frame gereduceerd. Bestanden boven 15 MB of 8000 pixels aan een kant worden geweigerd. De afbeelding wordt niet geüpload.
Privacy
Het bestand blijft in uw browser. PepsTools uploadt het niet, bewaart het niet en stuurt het niet naar een andere dienst. Wis de tool of verlaat de pagina om het uit het geheugen te verwijderen.
Vragen
Welke tags moet de site gebruiken?
De README in de ZIP noemt een favicon.ico-link, een PNG-link van 32 pixels en een apple-touch-icon-link. Kopieer die naar het head-element en pas de paden aan.