Tools95

MAAK IETS GEWELDIGS

Favicon / ICO generator.

Maak favicons van een afbeelding of tekst. Bekijk browsertabbladen, gebruik systeemlettertypen en download een ICO in meerdere formaten of een ZIP-bestand met website-, Apple- en Android-iconen.

Advertenties
Je afbeeldingswerkruimte
Op je apparaat
of sleep hierheen
PNG, JPG, JPEG, WEBP, GIF
Kies je afbeelding om te beginnen.AFBEELDING
Advertenties
Blog Hoe maak je een favicon Lees de handleiding

Maak een favicon die helder blijft op elk formaat

Verander een logo, afbeelding of kort monogram in een website-favicon. Bekijk lichte en donkere browsertabbladen, verfijn de kadrering en download een ICO met meerdere formaten of een website-klare ZIP met iconen en installatiebestanden.

Eén duidelijk merkteken wordt het icoon voor browsers, bladwijzers en mobiele websites.
SNELLE VIDEO-TUTORIAL How to create a favicon and website icon package Choose an image, preview browser icons, set the website package and download all icon files in one ZIP. Engelse gesproken tekst Bekijk de video

How to create a favicon and website icon package

Functies en bediening

Begin met een afbeelding of je initialen

Upload een afbeelding of kies Tekst op de toolpagina.

Afbeelding- en tekstinvoer

Afbeelding accepteert PNG, JPG, JPEG, WebP of GIF. Tekst opent dezelfde editor met je letters klaar om te stylen. Maken vanuit laat je schakelen tussen de geüploade afbeelding en een monogram. Gebruik één of twee eenvoudige tekens voor het helderste resultaat op 16 pixels. GIF-invoer gebruikt een stilstaand frame; het resultaat is niet geanimeerd.

Beoordeel het icoon waar het zal verschijnen

Lichte en donkere browservoorbeelden tonen hetzelfde icoon tegen verschillende oppervlakken.

Voorbeelden op ware grootte

De editor toont een browsertabvoorbeeld van 16 pixels, afzonderlijke iconen van 16, 32 en 48 pixels, en een Apple Touch-voorbeeld. Kleine iconen onthullen details die verdwijnen wanneer een groot logo wordt verkleind. Vereenvoudig de bron of voeg ruimte eromheen toe totdat het kleinste voorbeeld herkenbaar is. De Apple Touch-afbeelding wordt kleiner weergegeven dan de geëxporteerde grootte van 180 pixels.

Geef je kunstwerk een helder silhouet

Kies een afgerond vierkant, vierkant of cirkel en pas de ruimte rond de inhoud aan.

Passend, afstand en transparantie

Toon de hele afbeelding houdt alle bronranden binnen het icoon. Vul het icoon bedekt het beschikbare gebied en kan de randen bijsnijden. Ruimte rond inhoud past de opvulling aan van 0 tot 35 procent. Kies Achtergrond of schakel Transparante achtergrond in. Transparante pixels buiten een afgerond of cirkelvormig silhouet blijven doorzichtig. Dit verwijdert geen ondoorzichtige achtergrond die al aanwezig is in je geüploade afbeelding.

Maak een onderscheidend monogram

Stel de letters, het lettertype en de contrasterende kleuren in.

Tekststijl

Tekst / monogram ondersteunt maximaal drie tekens met de inbegrepen Modern sans, Classic serif en Monospace stijlen. Selecteer op ondersteunde desktopbrowsers Systeemlettertypen gebruiken en sta lettertype-toegang toe om de lijst met lettertypen te vullen met families die op je apparaat zijn geïnstalleerd. Kies een familie om het livevoorbeeld bij te werken, of gebruik de vorige en volgende pijltjes om naburige lettertypen te vergelijken. Lettertypenamen en -bestanden worden niet geüpload. De tekst past automatisch in de beschikbare ruimte. Bekijk de kleinste icoonformaten na het wijzigen van lettertype of kleur.

Kies ICO of een compleet websitepakket

Eén Start-actie maakt de geselecteerde download.

Bestanden en formaten

Multi-size ICO bevat 16, 24, 32, 48, 64, 128 en 256 pixel afbeeldingen in één favicon.ico bestand. Het website-icoonpakket maakt één ZIP met daarin dat ICO, PNG iconen op 16, 32 en 48 pixels, een Apple Touch-icoon op 180 pixels, Android-iconen op 192 en 512 pixels, een webmanifest en INSTALL.txt. De websitenaam levert de manifestnaam.

Installeer de iconen op je website

De ZIP bevat de HTML link-tags en de bijbehorende bestandsnamen.

De installatiebestanden gebruiken

Upload de inhoud van het pakket naar de root van de site en kopieer de link-tags uit INSTALL.txt naar de head van de pagina. Als je iconen in een submap bewaart, werk dan de HTML paden en de paden in site.webmanifest bij. Wis een gecachte favicon of test in een nieuw tabblad wanneer je een update controleert. Het gegenereerde manifest is een icoonconfiguratie, geen volledige installatie van een progressive web app.

Bestanden en verwerking

Input
PNG, JPG, JPEG, WebP, GIF, of een tekstmonogram
Output
Een multi-size ICO, of één ZIP met website-iconen en installatiebestanden

25 MB maximaal per bestand. Eén invoerbestand per run.

Eén afbeelding tot 25 MB, met maximaal 60 megapixels en 16,000 pixels per zijde. ICO formaten variëren van 16 tot 256 pixels; het grootste verpakte PNG is 512 × 512 pixels.

Het genereren van iconen en voorbeelden gebeurt op je apparaat. De tool uploadt de geselecteerde afbeelding niet voor conversie.

Deze tool verwerkt en exporteert bestanden in je browser. De gedownloade afbeelding is een apart bestand; de bron op je apparaat wordt niet overschreven.

Het vernieuwen van een editor- of downloadpagina brengt je terug naar de toolpagina. Download het resultaat voordat je een nieuwe workflow start. Bekijk ons Privacybeleid voor bestandsafhandeling.

Veelgestelde vragen

Goed om te weten.

Een paar antwoorden voordat je begint.

Op je apparaat
Kan ik een favicon maken zonder een logo te uploaden?

Ja. Selecteer Tekst, voer je initialen in en kies vervolgens het lettertype, de kleuren, de vorm en de spatiëring in de editor.

Welke formaten zitten er in het ICO bestand?

Het ICO bevat zeven PNG-gebaseerde frames: 16, 24, 32, 48, 64, 128 en 256 pixels in het vierkant. De browser selecteert een geschikt frame.

Wat zit er in de website-ZIP?

Het bevat favicon.ico, zes PNG iconen voor browser-, Apple- en Android-gebruik, site.webmanifest en INSTALL.txt met de HTML link-tags.

Kan mijn favicon een transparante achtergrond hebben?

Ja. Schakel Transparante achtergrond in. Dit behoudt transparante gebieden rond de bron; het verwijdert geen ondoorzichtige achtergrond van een foto.

Wordt de afbeelding geüpload voor conversie?

Nee. Deze tool genereert en verpakt de icoonbestanden in je browser. Bewaar de gedownloade bestanden, want de editor is geen permanente projectopslag.

Kan ik lettertypes gebruiken die op mijn computer zijn geïnstalleerd?

Ja, wanneer je browser toegang tot lokale lettertypes ondersteunt. Kies Tekst / monogram, selecteer Gebruik systeemlettertypes en geef de browser toestemming. Je beschikbare lettertypefamilies verschijnen in de lijst Lettertype. De meegeleverde stijlen blijven bruikbaar als toestemming wordt geweigerd of lokale lettertypetoegang niet beschikbaar is.

Advertenties

Taal38

English العربية Français Italiano Deutsch Español Português Nederlands Русский Türkçe 日本語 中文 हिन्दी Bahasa Indonesia Bahasa Melayu 한국어 Tiếng Việt ไทย Polski Svenska Українська Norsk বাংলা Ελληνικά فارسی اردو Čeština Dansk Magyar Română Suomi Български Filipino ქართული Slovenčina Azərbaycanca עברית Slovenščina

Kies je taal. Videotutorials gebruiken momenteel Engelse gesproken tekst.