Favicon-generator
Maak PNG's voor je site en een ICO met de formaten 16px en 32px op basis van 1 JPEG-, PNG-, WebP- of statische SVG-afbeelding. Kies de PNG-formaten en de manier van bijsnijden of marges toevoegen. Sla vervolgens de afbeeldingen en HTML-tags op die nodig zijn voor de voorbereidingen op publicatie of voor een logowijziging, afzonderlijk of als ZIP. Als je 192px of 512px selecteert, wordt ook een voorbeeldconfiguratie voor manifestpictogrammen opgenomen.
Functies
Meerdere formaten tegelijk maken
Maak PNG's in de geselecteerde formaten en een ICO met daarin zowel 16 als 32px.
Ook installatiebestanden opslaan
Bundel afbeeldingen en HTML-tags in een ZIP, indien nodig met een configuratievoorbeeld voor manifestpictogrammen.
Gebruiksaanwijzing
De bronafbeelding kiezen
Kies 1 JPEG-, PNG-, WebP- of statische SVG-afbeelding.
Formaten en manier van passend maken kiezen
Selecteer de benodigde PNG-formaten en kies vierkant bijsnijden of marges toevoegen.
Kleine formaten ook controleren
Controleer de gemaakte pictogrammen. Door verkleining kunnen tekst en dunne lijnen moeilijk leesbaar worden.
Opslaan en op je site plaatsen
Pak de ZIP uit, plaats de afbeeldingen op je site en pas de paden in de HTML-tags aan je sitestructuur aan.
Handig voor
Je site voorbereiden op publicatie
kleine pictogrammen voor tabbladen en vergelijkbaar gebruik voorbereidt, samen met afbeeldingen voor het startscherm.
Pictogrammen vervangen wanneer je je logo wijzigt
de benodigde formaten opnieuw maakt op basis van dezelfde bronafbeelding, zodat ze bij de pictogrammen van je site passen.
De pictogrammenset op je site gebruiken
Verschil tussen ICO en PNG
Een ICO kan afbeeldingen in meerdere formaten opslaan. De ICO van deze tool bevat altijd 16×16 en 32×32. PNG's worden afzonderlijk gemaakt in de geselecteerde formaten.
Hoe kleine pictogrammen eruitzien
Tekst die leesbaar is in een grote bronafbeelding kan moeilijk herkenbaar zijn op 16px of andere kleine formaten. Controleer elk gemaakt formaat.
Afbeeldingslocaties en HTML-paden
De configuratievoorbeelden gaan ervan uit dat de bestanden in de hoofdmap van de site staan. Werk voor een andere locatie zowel de HTML-href als de manifest-src bij.
Het manifest is een voorbeeld van een pictogramconfiguratie
Wordt gemaakt wanneer 192px of 512px is geselecteerd. Hiermee is de configuratie van de volledige webapp niet afgerond.
Veelgestelde vragen
Kan ik een ICO maken zonder PNG te selecteren?
Je moet minstens 1 PNG-formaat selecteren. De ICO bevat altijd 16px en 32px, ongeacht de PNG-selectie.
Kan ik meerdere formaten tegelijk opslaan?
Sla afbeeldingen en installatiebestanden samen op als ZIP. Afzonderlijke afbeeldingen en configuratievoorbeelden kunnen ook worden opgeslagen.
Kan ik een rechthoekige afbeelding gebruiken?
Snijd het midden bij tot een vierkant of voeg marges toe om de volledige afbeelding te behouden. Je kunt de afbeeldingspositie niet aanpassen of de afbeelding uitrekken.
Verschijnt de afbeelding automatisch op mijn site zodra die is gemaakt?
De afbeelding wordt niet automatisch gepubliceerd. Plaats de afbeeldingen op je site, configureer de HTML en het manifest en controleer de weergave op de plek waar je ze gebruikt.
Bestandsverwerking
- Invoer
- Gebruik 1 JPEG-, PNG-, WebP- of statische SVG-afbeelding.
- Uitvoer
- ICO, geselecteerde PNG's, HTML en indien van toepassing een manifest. De uitvoer bestaat uit stilstaande afbeeldingen zonder metadata.