Gebruiksaanwijzing
Kies één stilstaande PNG-, JPEG- of WebP-afbeelding die je mag gebruiken. Begin met je eigen afbeelding; er wordt geen voorbeeldafbeelding geladen. Na het decoderen verschijnen bestandsnaam en afmetingen. Wissen verwijdert bron en uitvoer. De verwerking gebeurt in je browser.
Volledige afbeelding passend maken behoudt alles met opvulling. Vullen en vanuit het midden bijsnijden verwijdert delen van de langste zijde. Kies een transparante, witte of zwarte achtergrond. Het voorbeeld wordt direct bijgewerkt. Pictogrambestanden maken maakt bestanden en linktags; invoerwijzigingen maken eerdere downloads ongeldig.
Het resultaat aflezen
favicon.ico bevat PNG-gecomprimeerde afbeeldingen van 16, 32 en 48 pixels. Losse PNG-bestanden bevatten die maten en 180, 192 en 512 pixels. Het bestand van 180 pixels heet apple-touch-icon.png. Elk bestand gebruikt dezelfde bevestigde instellingen.
Controleer de leesbaarheid op kleine formaten. Schalen herstelt geen verloren details. Transparante opvulling is echt transparant: de zichtbare paginakleur erachter wordt niet noodzakelijk in het bestand opgeslagen.
Twee voorbeelden
Een afbeelding van 400 × 200 passend gemaakt in 32 pixels wordt 32 × 16 met 8 pixels opvulling boven en onder. Bijsnijden vanuit het midden schaalt naar 64 × 32 en verwijdert 16 pixels aan elke zijkant. Beide downloads zijn 32 × 32.
Een vierkante afbeelding van 256 × 256 hoeft niet te worden bijgesneden. Transparant behoudt de brontransparantie; wit of zwart voegt die achtergrond toe. JPEG heeft geen transparantie, maar bij passend maken van een rechthoekige JPEG kan transparante opvulling ontstaan.
Bestanden installeren
Plaats de linktags uit het gedownloade bestand favicon-tags.html in de head van je pagina.
Favicons kunnen in de cache blijven staan. Controleer het aangeboden bestand en volg je gebruikelijke procedure om de cache te verversen. Deze tags maken geen webappmanifest, installeren geen app en dekken niet alle platformspecifieke pictogramvereisten.
Welke beperkingen gelden er?
PNG, JPEG en WebP tot 10 MiB, 16 miljoen pixels en 8.192 pixels per zijde. Bestandskenmerken en afmetingen worden vóór het decoderen gecontroleerd. Bewegende PNG/WebP, SVG, GIF en niet-ondersteunde formaten worden geweigerd. Een andere bestandsnaam zet een bestand niet om.
Waarom mislukt het decoderen?
Een beschadigde, onvolledige of niet-ondersteunde codering kan mislukken ondanks een bekende extensie. Exporteer een stilstaande PNG/JPEG en probeer opnieuw. Invoerwijzigingen verwijderen oude downloads om verouderde uitvoer te voorkomen.
Werkt ICO overal?
Het bestand bevat PNG-gegevens in een standaard ICO-structuur. Ondersteuning door elk besturingssysteem, elke oudere editor en elke browser is niet gegarandeerd. Test je doelomgevingen.
Worden afbeeldingen opgeslagen?
Er is geen account- of cloudopslag voor bronbestanden. Bewaar je oorspronkelijke ontwerp; kleine gegenereerde pictogrammen vervangen geen bewerkbaar origineel.