Naar de inhoud
UUTOOLS.NET

Favicon-generator: alle pictogrammen die je website nodig heeft

Maak favicon.ico, Apple- en Android-pictogrammen en de HTML-code uit een afbeelding, letters of een emoji.

of sleep ze hierheen, of plak met Ctrl+V / ⌘V

Ondersteund: JPG, PNG, WebP, HEIC, SVG, AVIF, GIF, BMP, ICO, TIFF

Converteren op onze server?

Als je doorgaat, wordt het bestand via een versleutelde verbinding geüpload en op onze server geconverteerd. Je kunt de site intussen gewoon blijven gebruiken. Het origineel wordt verwijderd zodra het is geconverteerd; het resultaat blijft 7 dagen beschikbaar om te downloaden en je kunt het altijd verwijderen. Bestanden worden nooit gedeeld of voor iets anders gebruikt.

Je afbeeldingen worden in je browser verwerkt en niet geüpload. Details over privacy

Zo gebruik je: Favicon-generator

  1. 1 Kies een afbeelding of logo, of schakel over naar „tekst of emoji” en typ één tot vier tekens.
  2. 2 Kies de achtergrond (een kleur of transparant), de vorm en de witruimte.
  3. 3 Bekijk het voorbeeld op 16, 32, 48 en 180 pixels.
  4. 4 Download de ZIP, zet de bestanden in de hoofdmap van je website en plak de HTML-regels in je pagina's.

Over deze tool

Een favicon is het kleine pictogram in browsertabbladen, bladwijzers en op het startscherm van je telefoon. Elke plek wil een ander formaat: browsers gebruiken 16 en 32 pixels, Windows tot 48, iPhones 180 en Android 192 en 512.

Deze generator maakt ze allemaal uit één bron: favicon.ico met afbeeldingen van 16, 32 en 48 pixels, PNG-favicons, het Apple-touch-icon (altijd met achtergrond, zoals iOS vereist), Android-pictogrammen, een webmanifest en de HTML om te plakken. Begin je met een SVG-logo, dan wordt de SVG ook toegevoegd als modern, schaalbaar favicon.

Kleine formaten worden in meerdere stappen verkleind, zodat randen scherp blijven. Alles wordt in je browser gemaakt; je logo wordt niet geüpload.

Veelgestelde vragen

Welke bestanden heb ik nodig?

favicon.ico werkt in elke browser. De PNG-bestanden en het Apple-touch-icon zorgen voor een scherp pictogram op schermen met hoge resolutie en op het startscherm van telefoons, en het manifest met de Android-pictogrammen wordt gebruikt als iemand je site aan het Android-startscherm toevoegt.

Waar zet ik de bestanden?

In de hoofdmap van je website, zodat https://jouwsite.nl/favicon.ico werkt. Plak daarna de HTML-regels in de <head> van je pagina's (de meeste websitebouwers hebben daar een veld voor).

Wat maakt een goed favicon?

Een eenvoudige vorm of één of twee letters met veel contrast. Fijne details en lange tekst zijn op 16 pixels onleesbaar, dus bekijk het voorbeeld van 16 px.

Waarom heeft het Apple-pictogram een achtergrond?

iOS toont transparante touch-icons op een zwarte achtergrond, wat er vaak verkeerd uitziet. Daarom vult de generator het Apple-pictogram altijd met je achtergrondkleur, of wit als je transparant koos.

Wordt mijn logo geüpload?

Nee. Alle pictogrammen worden door je eigen browser getekend en de ZIP wordt op je apparaat gemaakt.

Gerelateerde tools