WebP naar ICO converteren
Bestaat uw logo alleen als WebP, opgeslagen van uw eigen site of uit een ontwerpexport? Zet het om naar een favicon.ico die browsers, bladwijzers en Windows-snelkoppelingen zonder extra code oppikken.
Afbeeldingsconverter
of sleep JPG, JPEG, JPE …-bestanden hierheen ·
Max. 95 MB per bestand· Tot 20 bestanden· Verwijderd na 30 minuten
Bestanden worden op onze servers verwerkt en na 30 minuten verwijderd.
85 houdt foto's visueel identiek aan het origineel. Verlaag dit alleen als u een kleiner bestand nodig hebt.
JPG, BMP en EPS hebben geen transparantie. Transparante pixels worden met deze kleur gevuld.
Hex-kleur achter transparante pixels, bijv. #FFFFFF.
Dit formaat bevat één afbeelding. Kies GIF- of WebP-uitvoer als u de animatie wilt behouden.
Een pictogram met meerdere formaten bevat meerdere resoluties in één bestand; browsers en besturingssystemen kiezen wat ze nodig hebben.
Behoud de oorspronkelijke afmetingen, of voer één zijde in en de beeldverhouding blijft behouden.
Pixels voor de hierboven gekozen zijde.
Percentage van de oorspronkelijke afmetingen.
sRGB is geschikt voor schermen en het web. Behoud het origineel voor drukwerk; grijstinten gooit kleur weg.
Alleen metadata, 0 behoudt de oorspronkelijke waarde. Printers en sommige portalen lezen dit getal; het verandert de pixelafmetingen niet.
Zo gebruikt u deze tool
- 1
Upload het WebP-logo
Sleep het .webp-bestand erin, of maximaal 20 tegelijk, elk tot 95 MB. Een vierkant logo van minstens 256 × 256 px werkt het best.
- 2
Behoud alle pictogramformaten
Pictogramformaten staat onder Geavanceerde instellingen standaard op Alle formaten (16–256). Geanimeerde WebP-bestanden gebruiken hun eerste frame.
- 3
Converteer en upload naar uw site
Klik op Converteren naar ICO, hernoem het bestand zo nodig naar favicon.ico en plaats het in de hoofdmap van uw website.
Logo's die van websites worden opgeslagen zijn tegenwoordig meestal WebP. Met één conversie maakt u van dat bestand een favicon.ico in meerdere formaten, met behoud van de transparante achtergrond.
Een favicon.ico maken van een WebP-logo
WebP is het standaardafbeeldingsformaat van een groot deel van het web geworden sinds Google het in 2010 introduceerde; WordPress accepteert WebP-uploads sinds versie 5.8 in 2021, en veel afbeeldings-CDN's zetten elke PNG om die ze leveren. Wie zijn eigen logo zoekt, vindt dus vaak een .webp, en favicon-generators, Windows en sommige hostingpanelen nemen dat niet aan.
Het ICO-formaat lost een ander probleem op dan WebP. In plaats van één gecomprimeerde afbeelding bundelt het meerdere vierkante bitmaps, en de browser of het besturingssysteem kiest het formaat dat nodig is: 16 px voor een tabblad, 32 px voor een taakbalk of bladwijzerbalk, grotere voor snelkoppelingen op het bureaublad en schermen met hoge dichtheid. Bij het converteren worden die formaten in één keer uit uw WebP opgebouwd.
Bewaar de WebP zelf voor het logo in de kop van uw pagina. De twee bestanden dienen voor verschillende plekken, en de conversie verandert niets aan het origineel.
Wat de converter in het ICO-bestand zet
- Vijf formaten in één .ico
- 16–256 px
- WebP-bestanden per batch
- 20
- Maximale grootte per bestand
- 95 MB
- Daarna van de server verwijderd
- 30 min
WEBP
WebP-afbeelding
WebP is een afbeeldingsformaat dat Google in 2010 uitbracht om webpagina's sneller te laten laden. Het ondersteunt zowel verliesgevende als verliesvrije compressie, alfatransparantie en animatie in één formaat. Verliesgevende WebP-bestanden zijn doorgaans 25–35% kleiner dan JPEG's van vergelijkbare beeldkwaliteit, en verliesvrije WebP is meestal kleiner dan PNG. Alle huidige browsers ondersteunen het, maar sommige oudere desktopsoftware, drukdiensten en uploadformulieren weigeren het nog. Windows, macOS en de meeste moderne afbeeldingseditors kunnen WebP-bestanden openen.
- Compressie
- Met of zonder verlies
- Transparantie
- Ja
- Animatie
- Ja
- Geïntroduceerd
- 2010 · Google
ICO
Windows-pictogram
ICO is het pictogramformaat van Microsoft voor programmapictogrammen in Windows en favicons van websites. Eén .ico-bestand kan meerdere afbeeldingen in verschillende formaten bevatten, zoals 16×16, 32×32, 48×48 en 256×256 pixels, zodat het systeem de beste kan kiezen. Elke afbeelding kan als bitmap of als PNG-gegevens worden opgeslagen en ondersteunt volledige alfatransparantie. ICO is niet bedoeld voor foto's of groot beeldmateriaal. Browsers, Windows en de meeste pictogrameditors kunnen het lezen.
- Compressie
- Zonder verlies
- Transparantie
- Ja
- Animatie
- Nee
- Geïntroduceerd
- Microsoft
Een WebP-logo wordt een ICO wanneer het enige exemplaar van uw merkteken het gecomprimeerde bestand is dat een website of cms heeft geleverd, en de site toch een favicon.ico in de hoofdmap nodig heeft.
Een WebP-logo klaarmaken voor een browsertabblad van 16 px
Snijd bij tot het merkteken
De meeste logo's zijn breed. Houd alleen het symbool of de eerste letter over en snijd het bij tot een vierkant met een beetje marge.
Laat kleine tekst weg
Slogans en woordmerken worden bij 16 px grijze ruis. Eén vette vorm blijft overeind; dunne lijnen niet.
Controleer beide tabbladkleuren
Bekijk het resultaat in een licht en een donker browserthema. Een donker logo op een transparante achtergrond kan op een donker tabblad verdwijnen.
De nieuwe favicon aan uw site toevoegen
Zet favicon.ico in de hoofdmap, zodat het bereikbaar is op uwsite.nl/favicon.ico. Door het in de paginakop te declareren met <link rel="icon" href="/favicon.ico" sizes="any"> maakt u de keuze expliciet, en een cms zoals WordPress heeft een eigen veld Site-icoon dat die tags voor u schrijft.
Twee extra pictogrammen maken de set compleet. iPhones en iPads gebruiken een apple-touch-icon, een PNG van 180 × 180 px, wanneer iemand uw site aan het beginscherm toevoegt; maak die met WebP naar PNG en onze uitleg over bijsnijden. Google Zoeken vraagt om een vierkante favicon waarvan het formaat een veelvoud van 48 px is, dus een PNG van 96 of 144 px die vanaf de homepage is gekoppeld, dekt ook de zoekresultaten. Browsers cachen favicons hardnekkig; open de pagina in een privévenster om de nieuwe meteen te zien.
Vragen over WebP naar ICO
Waarom heb ik een .ico nodig als mijn logo al een WebP is?
Browsers vragen zelf /favicon.ico op in de hoofdmap van uw site als een pagina geen pictogram aangeeft, en Windows-snelkoppelingen, oudere browsers en veel favicon-velden in cms'en verwachten ICO of PNG. Eén .ico in de hoofdmap dekt dit allemaal, zonder extra markup.
Blijft het transparante gebied rond mijn WebP-logo transparant?
Ja. WebP en ICO ondersteunen allebei een alfakanaal, dus de transparante achtergrond gaat ongewijzigd door naar elk formaat in het pictogram en de favicon staat netjes op lichte en donkere browsertabbladen.
Wat gebeurt er als ik een geanimeerde WebP upload?
ICO bevat stilstaande beelden, dus de converter gebruikt het eerste frame (Geanimeerde invoer staat op Alleen eerste frame). Kies een andere bron als het eerste frame leeg is of midden in een overgang zit.
Is lossy WebP-compressie zichtbaar in de favicon?
Zelden bij 16 tot 64 px, omdat verkleinen kleine artefacten uitmiddelt. In de lagen van 128 en 256 px kunnen vage halo's blijven staan. Bestaat het logo ook als vector, dan geeft SVG naar ICO de zuiverste randen.
Welke resolutie heeft mijn WebP-logo nodig voor een scherpe favicon?
Minstens 256 × 256 px en vierkant, zodat de grootste laag door verkleinen ontstaat en niet door vergroten. Een logo van 120 px uit een paginakop ziet er in de grotere formaten zacht uit.