Online genereren van favicon-iconen

Een gratis online foto-conversietool waarmee je foto's in standaardindelingen als JPG, PNG en GIF kunt converteren naar het ICO-icoonformaat. Er zijn verschillende afmetingen beschikbaar. Gebruikers hoeven alleen maar foto's te uploaden en de gewenste afmetingen te selecteren om snel hoogwaardige ICO-icoonbestanden te genereren, die geschikt zijn voor gebruik als favicon op een website, software-icoon of map-icoon. De tool is eenvoudig in gebruik, converteert snel en er hoeft geen software te worden geïnstalleerd.

Online genereren van ICO-pictogrammen

Gratis online tools ✓ ImageMagick is beschikbaar.

Maat selecteren:

Hier moet je op letten.

De afbeeldingen moeten minder dan 512 KB zijn en in JPG-, PNG- of GIF-indeling. De verhouding tussen de lengte en de breedte moet bij voorkeur 1:1 zijn.

Gereedschap beschrijving

Wat is een favicon.ico?

Een favicon, oftewel een Favorites Icon, is, zoals de naam al doet vermoeden, een pictogram dat in de favorieten van de browser wordt weergegeven. Hierdoor kun je verschillende websites van elkaar onderscheiden, naast de bijbehorende titel. Dit is echter niet het enige voordeel van favicons. Afhankelijk van de browser kunnen favicons namelijk op verschillende manieren worden weergegeven.

ICO-encyclopedie

Een pictogrambestand (ICO) is oorspronkelijk een bestandsindeling voor het opslaan van afbeeldingen in Windows. Het wordt nu gebruikt als een miniatuurpictogram voor software, mappen en websites die worden weergegeven in de Windows Verkenner, in de adresbalk van de browser, in de titelbalk en op het tabblad van een meerpagina-browser. Pictogrambestanden zijn over het algemeen relatief klein en hebben vaak de afmetingen 16 bij 16, 32 bij 32 of 48 bij 48. De pictogrammen zijn deels transparant en kunnen rechtstreeks worden geopend.

Hoe gebruik je Favicon.ico?

1. Download het succesvol gegenereerde pictogrambestand, hernoem het naar favicon.ico en upload het naar de hoofdmap van de website.

2. Voeg de volgende code in tussen de -tags op de startpagina van de website:

<link rel="shortcut icon" href="https://www.likacloud.com/favicon.ico"/>
<link rel="bookmark" href="https://www.likacloud.com/favicon.ico"/>

Hoe je een dynamisch ICO-icoon maakt

Geef eerst de gemaakte GIF-animatie de naam 'favicon.gif' en voeg vervolgens het volgende toe tussen de -tags:

<link rel="icon" href="https://www.likacloud.com/favicon.gif" type="image/gif" />

Het wordt nadrukkelijk aanbevolen om .ico te gebruiken in plaats van png of gif.

  • Alle browsers, inclusief IE5, ondersteunen ICO-bestanden. GIF's, PNG's en andere bestanden worden echter niet zo goed ondersteund als ICO-bestanden.
  • Als er een favicon.ico is, geeft de server een vriendelijke 404-foutmelding terug en vraagt de browser om de favicon.ico.
  • Een ICO-bestand kan tegelijkertijd aan de behoeften van meerdere formaten voldoen, waardoor het niet nodig is om voor elk formaat afzonderlijk een bestand te genereren.