Handleidingen
Stap-voor-stap favicon-gidsen voor elke maat, elk formaat en elk platform — met gratis tools om je iconen te genereren en te installeren.
Aan de slag
Maak, converteer en bekijk favicons vanuit elke bronafbeelding.
PNG naar favicon converteren
Zet elke PNG in seconden om naar een multi-size favicon.ico. Gratis, in de browser, zonder aanmelding.
LezenHoe maak je een favicon
Maak een professioneel favicon van elke afbeelding in minder dan een minuut. Behandelt .ico, PNG, SVG en apple-touch-icon.
LezenTransparante favicon-generator
Genereer een favicon met behoud van transparante achtergrond. Werkt in dark mode en op elk browserthema.
LezenFavicon-voorbeeldtool
Bekijk je favicon in elke maat en op gangbare browserthema's voordat je publiceert.
LezenApp-icoon-generator
Genereer alle benodigde app-icoonmaten voor iOS, Android, Windows en macOS vanuit één bronafbeelding.
Lezen
Favicon-maten
Elke standaardresolutie — van 16×16-tabs tot 512×512-PWA-iconen.
16×16 Favicon-generator
Maak een scherp 16×16-favicon in seconden. Gratis generator, geen aanmelding, verwerking volledig in je browser.
Lezen32×32 Favicon-generator
Maak een scherp 32×32-favicon in seconden. Gratis generator, geen aanmelding, verwerking volledig in je browser.
Lezen48×48 Favicon-generator
Maak een scherp 48×48-favicon in seconden. Gratis generator, geen aanmelding, verwerking volledig in je browser.
Lezen64×64 Favicon-generator
Maak een scherp 64×64-favicon in seconden. Gratis generator, geen aanmelding, verwerking volledig in je browser.
Lezen128×128 Favicon-generator
Maak een scherp 128×128-favicon in seconden. Gratis generator, geen aanmelding, verwerking volledig in je browser.
Lezen256×256 Favicon-generator
Maak een scherp 256×256-favicon in seconden. Gratis generator, geen aanmelding, verwerking volledig in je browser.
LezenFavicon-maten uitgelegd
Begrijp 16, 32, 48, 64, 128, 180, 192 en 512 px: waar elke maat wordt gebruikt en welke je moet uitrollen.
LezenBeste favicon-maat in 2026
Welke favicon-maat moet je genereren? Praktisch overzicht van 16, 32, 48, 180, 192 en 512 px en waar elke wordt gebruikt.
Lezen
Formaten vergeleken
ICO vs PNG vs SVG — wanneer welk formaat en hoe je ze combineert.
Het beste favicon-formaat in 2026
Welk favicon-formaat moet je gebruiken? Vergelijk ICO, PNG en SVG op browserondersteuning, bestandsgrootte en scherpte.
LezenFavicon (.ico) vs PNG
Vergelijking van .ico- en PNG-favicons: multi-size-ondersteuning, bestandsgrootte, browsercompatibiliteit en dark mode.
LezenFavicon (.ico) vs SVG
Vergelijk .ico- en SVG-favicons: browserondersteuning, dark mode, bestandsgrootte en schaalbaarheid.
LezenICO vs PNG
Gedetailleerde vergelijking van ICO en PNG voor iconen, favicons en Windows-snelkoppelingen. Use cases, grootte, compatibiliteit.
Lezen
Platforms en frameworks
Voeg een favicon toe aan WordPress, Shopify, React, Next.js en meer.
Favicon voor WordPress
Stap-voor-stap gids om een favicon toe te voegen aan elke WordPress-site — via Customizer, thema of plugin. Geen code nodig.
LezenFavicon voor Shopify
Voeg in minuten een aangepast favicon toe aan je Shopify-winkel — via de thema-editor, zonder ontwikkelaar.
LezenFavicon voor React
Voeg een favicon toe aan elke React-app met Vite of Create React App. Multi-size en dark-mode SVG-setup.
LezenFavicon voor Next.js
Voeg een favicon toe aan een Next.js 14+ App Router-project. Bestandsconventie en multi-size setup.
LezenFavicon voor Webflow
Upload een favicon voor elke Webflow-site via Projectinstellingen. Maten, formaten en cache-tips.
LezenFavicon voor Wix
Voeg een favicon toe aan of wijzig het op je Wix-site via het dashboard. Aanbevolen maten en formaten voor Wix-websites.
Lezen
HTML en PWA
Link-tags, apple-touch-icon en web app manifest instellen.
Apple-touch-icon-gids
Maak en koppel apple-touch-icon.png voor iPhone en iPad. Maat, formaat, HTML-tag en caching.
LezenWeb app manifest-gids
Schrijf een web app manifest met 192×192- en 512×512-iconen, themakleur en installatiemetadata voor Android en Chromium.
LezenFavicon HTML-generator
Genereer de exacte <link>-tags voor je <head> voor een perfecte favicon-setup in elke browser.
LezenFavicon toevoegen in HTML
De exacte <link>-tags voor je <head> met perfecte favicon-setup, PWA en apple-touch-icon inbegrepen.
Lezen
Windows-iconen
Multi-size .ico-bestanden voor snelkoppelingen, Verkenner en installers.
Afbeeldingstools
Formaat wijzigen, optimaliseren en afbeeldingen inspecteren voordat je iconen publiceert.
Social media-icoonformaat
Pas je logo aan naar de exacte profielfotomaaat voor Twitter/X, Facebook, Instagram, LinkedIn, YouTube en meer.
LezenAfbeeldingsafmetingen controleren
Controleer direct breedte, hoogte, DPI, kleurprofiel en beeldverhouding van elke afbeelding. Geen upload — in je browser.
LezenSVG-optimizer
Optimaliseer SVG-bestanden in je browser. Verwijder editor-metadata en verklein tot 80 %.
Lezen