JPG naar ICO omzetten

Dit is wat mensen achteraf ontdekken, dus het staat hier vooraan. JPG heeft geen alfakanaal — het formaat kan simpelweg niet vastleggen dat een pixel doorzichtig is. Wat er ook achter je logo staat in de JPG, meestal wit, is onderdeel van het beeld en komt als een vast rechthoekig vlak in het icoon.

Op een wit browsertabblad valt dat vaak niet op. In een donker thema, op een gekleurde werkbalk, ziet het eruit als een wit vak met iets erin. Moet het merk vrij zweven, dan moet de bron transparantie dragen: begin bij een PNG, of vraag om het logo als PNG of SVG.

Een favicon wordt getekend op ongeveer 16 pixels. Een taakbalkicoon op 32. Dat is een canvas kleiner dan de punt aan het eind van deze zin, en een foto draagt duizenden keren meer detail dan daar past.

Wat de verkleining overleeft is silhouet en contrast: één stevige vorm, twee of drie kleuren, duidelijke randen. Wat niet overleeft: gezichten, tekst, texturen, dunne lijnen en een drukke achtergrond. Zet je een foto om omdat het je enige bestand is, verwacht dan een gekleurde vlek en overweeg eerst hard bij te snijden tot het herkenbaarste element.

Iconen zijn vierkant en foto’s meestal niet. De omzetting snijdt niet voor je bij — bijsnijden betekent beslissen wat je weggooit, en een tool die dat raadt, doet het fout juist bij de beelden waar het ertoe doet. In plaats daarvan centreert het de foto op een vierkant en laat de rest leeg, dus een frame van 3:2 komt met een lege band boven en onder aan.

Doe het dus eerst, in elke beeldbewerker of zelfs een telefoongalerij. Snij strak rond het onderwerp bij in plaats van het hele kader te behouden: een icoon heeft geen ruimte voor context.

Niets in een ICO is groter dan 256 pixels op een zijde, dus een grotere JPG wordt eerst teruggebracht voor er verder iets gebeurt. De formaten die in het bestand komen worden daaruit gehaald: de standaardset is 48, 32 en 16 pixels, en «Alle gangbare formaten» voegt 64, 128 en 256 toe.

Vraag je om een formaat dat de JPG niet aankan, dan wordt hij vergroot in plaats van geweigerd, dus een foto van 64 pixels omgezet met «alleen 256 px» wordt wazig in plaats van beter. De standaardset is voor bijna elke bron veilig en dekt de twee situaties waar de meeste mensen hier voor komen.

Het beeld wordt uit de JPG gedecodeerd en als PNG-data in de ICO opgeslagen, wat lossless is. De omzetting zelf voegt dus geen extra compressie-artefacten toe bovenop wat de JPG al had.

Wat het niet kan, is die artefacten verwijderen. Komt de bron uit een zwaar gecomprimeerde JPG van een website, dan zitten de blokkerige randen en de waas rond donkere lijnen in de pixels, en verkleinen naar 256 houdt ze proportioneel. Begin daarom bij de best beschikbare kopie.

Plaats het op de root van de site als favicon.ico. Browsers vragen al bijna dertig jaar naar dat exacte pad, wat je HTML ook declareert.

Verandert het icoon niet na een herlaad, dan is dat cachegedrag, niet een mislukte omzetting — favicons worden ongewoon agressief gecachet. Een harde herlaad of een privévenster toont het nieuwe icoon.

ICO is het formaat dat Windows gebruikt voor programma’s, mappen en snelkoppelingen, en de shell kiest welk item bij de weergave past — dus «Alle gangbare formaten» is hier de juiste keuze. Klik met de rechtermuisknop op de snelkoppeling, kies Eigenschappen, dan Pictogram wijzigen, en wijs naar het bestand.

Bewaar de ICO ergens permanents voordat je dit doet. Windows onthoudt het pad, niet een kopie, dus een icoon uit de map Downloads verdwijnt zodra die map wordt opgeruimd.

Sleep tot honderd JPG-bestanden in één keer naar binnen. Elk wordt apart omgezet op je eigen machine, behoudt de bestandsnaam met gewijzigde extensie, en de batch komt terug als één ZIP.

Er wordt op geen enkel moment iets geüpload. De omzetting draait in het browsertabblad op je eigen processor, dus geen wachtrij achter andermans taken en geen daglimiet.