Favicon Generator
FreeUpload een afbeelding en krijg een compleet favicon-pakket: favicon.ico, elk PNG-formaat dat browsers en apparaten verwachten, apple-touch-icon, Android-iconen, een site.webmanifest en de te plakken HTML, allemaal in één ZIP.
Draait volledig in je browser. Je afbeelding wordt nooit ergens geüpload.
Klik om een afbeelding te kiezen, of sleep er een hierheen
Een vierkante afbeelding werkt het beste, maar elke grootte of vorm is prima.
Niet-vierkante Afbeeldingen
App-details (voor site.webmanifest)
Gegenereerde Formaten
Recente Activiteit
Zichtbaar voor iedereen. Laatste 20 gebruiken over alle bezoekers, nieuwste eerst.
Favicon set generated
1 uur geleden
Favicon set generated
1 uur geleden
Favicon set generated
1 uur geleden
Favicon set generated
1 uur geleden
Wat deze tool doet
Upload een logo of afbeelding en deze tool genereert een compleet favicon-pakket: een favicon.ico met meerdere resoluties, afzonderlijke PNG's in elk formaat dat moderne browsers en apparaten verwachten, een apple-touch-icon, Android Chrome-iconen, een vooraf ingevulde site.webmanifest, en de exacte HTML-tags om in de <head> van je pagina te plakken, allemaal gebundeld in één ZIP-download.
Hoe Het Werkt
Je afbeelding wordt op een HTML-canvas getekend op elk doelformaat (16, 32, 48, 180, 192 en 512 pixels), afhankelijk van je keuze bijgesneden tot een gecentreerd vierkant of opgevuld met een achtergrondkleur. De drie kleinste formaten worden vervolgens verpakt in één favicon.ico met het PNG-ingesloten ICO-formaat, een lichtgewicht binaire container die elke huidige browser en elk besturingssysteem correct leest. Alles, tot en met het ZIP-bestand zelf, wordt samengesteld in je browser; er wordt niets geüpload.
Problemen die het oplost
- Elk favicon-formaat genereren dat een moderne site nodig heeft vanuit één bronafbeelding, in plaats van elk formaat handmatig aan te passen.
- Een correct gestructureerde favicon.ico met meerdere formaten produceren zonder gespecialiseerde beeldsoftware.
- Een kant-en-klare site.webmanifest en de bijbehorende HTML-tags krijgen, niet alleen afbeeldingsbestanden.
- Een voorbeeld bekijken van hoe het icoon er daadwerkelijk uitziet in een browsertab voordat je het publiceert.
Veelgestelde vragen
›Waarom heb ik zoveel verschillende formaten nodig?
Verschillende platforms vragen om verschillende formaten: browsertabs gebruiken meestal 16x16 of 32x32, iOS-startschermpictogrammen gebruiken 180x180, en Android Chrome- en PWA-installatiemeldingen gebruiken 192x192 en 512x512. Door ze allemaal aan te bieden, ziet je icoon er overal scherp uit in plaats van uitgerekt of wazig op sommige apparaten.
›Wat is favicon.ico, en waarom is het nog steeds nodig naast PNG's?
Het .ico-formaat kan meerdere formaten (16x16, 32x32, 48x48) bundelen in één bestand, en het is nog steeds het formaat waar browsers standaard op terugvallen als er geen andere icoon-link is opgegeven, inclusief zeer oude browsers en sommige snelkoppelingen op besturingssysteemniveau. Deze tool verpakt alle drie de formaten in één geldig favicon.ico met het moderne PNG-ingesloten formaat dat elke huidige browser en elk besturingssysteem ondersteunt.
›Moet ik een niet-vierkante afbeelding bijsnijden of opvullen?
Bijsnijden houdt elke pixel randloos, maar snijdt de randen van een niet-vierkante afbeelding af, goed wanneer je logo het kader al vult. Opvullen houdt de hele afbeelding zichtbaar door er een achtergrondkleur omheen toe te voegen, beter wanneer je logo lege marges heeft of niet gecentreerd is.
›Waar is site.webmanifest voor?
Het is een klein JSON-bestand dat Android en andere platforms lezen om de naam, iconen en themakleur van je site te kennen wanneer iemand het toevoegt aan zijn startscherm of installeert als progressieve webapp. Deze tool genereert er een die al is ingevuld met de iconen die net zijn gemaakt.
›Wordt mijn logo hierdoor ergens geüpload?
Nee. Elke formaatwijziging, het ICO-bestand en de ZIP zelf worden allemaal lokaal in je browser gemaakt met de Canvas API; je afbeelding wordt nooit naar een server verzonden.
Gerelateerde Tools
Afbeelding
HSL Aanpassen Afbeelding
Verschuif tint, verzadiging, en helderheid op een afbeelding met live schuifregelaars, direct in je browser.
FreeAfbeelding
Bulk Batch HSL Aanpassen Afbeelding
Pas dezelfde tint-, verzadigings-, en helderheidsaanpassing toe op veel afbeeldingen tegelijk, direct in je browser.
FreeAfbeelding
Tekst Aan Afbeelding Toevoegen
Voeg een of meer aangepaste tekstbijschriften toe aan een afbeelding, direct in je browser.
FreeAfbeelding
Achtergrond Verwijderen Afbeelding (AI)
Snijd automatisch de achtergrond uit een foto met een AI-model op het apparaat, direct in je browser.
FreeAfbeelding
Analoog Kleurenschema
Genereer een harmonieus analoog kleurenpalet uit elke basiskleur, direct in je browser.
FreeAfbeelding
Kleuren Mengen
Meng twee kleuren samen met een aanpasbare balans, met eenvoudig RGB, gammacorrect, of HSL-menging.
FreeAfbeelding
Afbeelding Vervagen
Vervaag een afbeelding in je browser met Box-, Gaussiaanse, Beweging-, of Radiale vervaging, en download dan het resultaat.
FreeAfbeelding
Vervaagde-Frame-Afbeeldingengenerator
Pas je foto in een vierkant of andere beeldverhouding zonder bijsnijden, en vul de extra ruimte met een vervaagde, ingezoomde kopie van de afbeelding.
Opmerkingen (0)
Vond je deze tool nuttig? Laat een opmerking achter, deel een tip, of vertel ons hoe we het beter kunnen maken.
Nog geen opmerkingen. Wees de eerste om je gedachten te delen!