Een Favicon.ico-bestand maken: 5 stappen (met afbeeldingen)

Inhoudsopgave:

Een Favicon.ico-bestand maken: 5 stappen (met afbeeldingen)
Een Favicon.ico-bestand maken: 5 stappen (met afbeeldingen)

Video: Een Favicon.ico-bestand maken: 5 stappen (met afbeeldingen)

Video: Een Favicon.ico-bestand maken: 5 stappen (met afbeeldingen)
Video: Штукатурка стен - самое полное видео! Переделка хрущевки от А до Я. #5 2024, Mei
Anonim

Wanneer u websites zoals Google, Yahoo of wikiHow bezoekt, ziet u mogelijk een klein pictogram links van de adresbalk. Dit pictogram staat bekend als een favicon en u kunt er een maken voor uw eigen website. Dit pictogram geeft de site niet alleen een professionele uitstraling, maar verschijnt ook in het bladwijzersegment van de gebruiker, naast de sites die ze als favoriet markeren. Op deze manier kunnen gebruikers uw site gemakkelijker vinden.

Stap

Maak een Favicon.ico Stap 1
Maak een Favicon.ico Stap 1

Stap 1. Maak een afbeelding met een afmeting van 16 x 16 pixels

Gebruik eenvoudige afbeeldingen voor gemakkelijke identificatie.

Maak een Favicon.ico Stap 2
Maak een Favicon.ico Stap 2

Stap 2. Converteer de afbeelding naar een " favicon.ico " bestand

Het bestand moet op die manier worden genoemd zodat de browser het kan herkennen. De eenvoudigste manier om dit te doen, is door de Dynamic Drive FavIcon Generator-service te gebruiken. U kunt ook het gratis beeldbewerkingsprogramma GIMP gebruiken en de afbeelding opslaan met een resolutie van 16 x 16 pixels in het ICO-formaat.

Maak een Favicon.ico Stap 3
Maak een Favicon.ico Stap 3

Stap 3. Upload het gemaakte bestand naar de website

Maak een Favicon.ico Stap 4
Maak een Favicon.ico Stap 4

Stap 4. Voeg de volgende code toe aan de HTML van de website

U moet het toevoegen aan het codesegment en ervoor zorgen dat het adres van de pictogramdirectory correct is, zoals aangegeven op de webpagina. Dit is de code die je moet invoeren (ervan uitgaande dat zowel de.html- als de.ico-bestanden zich in dezelfde top/hoofdmap bevinden):

Maak een Favicon.ico Stap 5
Maak een Favicon.ico Stap 5

Stap 5. Laad de pagina opnieuw, kijk en bewonder het prachtige nieuwe icoon voor je website

Tips

  • Hoewel ze erg klein zijn, moet u ervoor zorgen dat mensen de gebruikte pictogrammen gemakkelijk kunnen lezen of begrijpen.
  • Als u het Linux-besturingssysteem gebruikt, kunt u bestanden rechtstreeks vanaf uw computer converteren. Selecteer de juiste afbeelding, open een opdrachtregelprogramma (opdrachtregel), ga naar de map waar het afbeeldingsbestand is opgeslagen en typ: convert image-p.webp" />

Aanbevolen: