Zet afbeeldingen om naar iconen en favicons
Kies een afbeelding en wij genereren daaruit een compleet iconenpakket: een favicon.ico met zes ingebouwde formaten, plus PNG-iconen voor elk formaat dat browsers en besturingssystemen vereisen.
Zo werkt het
- 1
Kies een afbeelding — bij voorkeur een vierkante PNG met transparante achtergrond.
- 2
Kies de aanpassingsmodus en de gewenste formaten.
- 3
Controleer elk formaat voor je downloadt.
- 4
Download alleen de favicon.ico, of het volledige pakket met PNG-iconen en manifest.
Waarom één afbeelding niet volstaat
Browsers vragen 16 en 32 pixels voor het tabblad, iOS vraagt 180 voor het startscherm, en Android vraagt 192 en 512 voor het manifest. Eén grote afbeelding leveren laat elk apparaat die zelf verkleinen, wat er wazig uitziet op kleine formaten — daarom genereren we elk formaat apart met kwalitatief hoogwaardige gladstrijking.
Wat een ICO-bestand is
Eén bestand met meerdere afbeeldingen in verschillende formaten, waaruit het systeem kiest welke bij elke plek past. We plaatsen er 16, 32, 48, 64, 128 en 256 pixels in, de dekking die browsers en Windows samen nodig hebben.
Hele afbeelding of vullen en bijsnijden?
Iconen zijn vierkant en je afbeelding meestal niet. «Hele afbeelding» behoudt hem volledig en voegt transparante marges toe, wat goed werkt voor logo's. «Vullen en bijsnijden» vult het hele vierkant en snijdt de randen af, wat goed werkt voor foto's.
Veelgestelde vragen
- Wat is het verschil tussen favicon.ico en PNG-iconen?
- De ICO bundelt meerdere formaten en elke browser begrijpt hem, ook oudere. Losse PNG's zijn wat iOS, Android en het webmanifest vereisen. Het volledige pakket geeft je beide.
- Waar plaats ik de bestanden?
- In de root van je site, voeg dan de onder de tool getoonde link-tags toe aan de head van je pagina's.
- Wat is een goede bronafbeelding?
- Een vierkante afbeelding met transparante achtergrond, 512 pixels of groter. Eenvoudige logo's lezen bij 16 pixels veel beter dan gedetailleerde afbeeldingen.
- Blijft de transparantie behouden?
- Ja. Alle formaten worden gegenereerd in PNG, binnen en buiten de ICO, en PNG ondersteunt transparantie volledig.
- Wordt SVG ondersteund?
- Ja, en het is de best mogelijke bron: het wordt getekend op de exacte grootte van elk icoon, dus het resultaat is perfect scherp.
- Welk formaat heeft het iOS-icoon?
- 180 pixels, voor de apple-touch-icon-tag. Het staat standaard aangevinkt in de formatenlijst.
- Wordt mijn afbeelding naar een server geüpload?
- Nee. Alles wordt gegenereerd in je browser, en het ICO-bestand zelf wordt byte voor byte samengesteld op de pagina.
- Wat is site.webmanifest?
- Een bestand dat Android vertelt welke iconen te gebruiken wanneer iemand je site aan het startscherm toevoegt. We genereren het kant-en-klaar in het pakket.