Hoe Maak Je Een Icoon Voor Een Website

Inhoudsopgave:

Hoe Maak Je Een Icoon Voor Een Website
Hoe Maak Je Een Icoon Voor Een Website

Video: Hoe Maak Je Een Icoon Voor Een Website

Video: Hoe Maak Je Een Icoon Voor Een Website
Video: Make or Download Icons? 2024, April
Anonim

Een icoon voor een site, of, zoals het vaker wordt genoemd, een icoon is wat je in de browser in de hoek naast de naam van het tabblad ziet staan. Ook wordt het pictogram weergegeven naast de naam van de site in de lijst met "Favorieten", u kunt het ook zien wanneer de zoekmachine uw site in de zoekresultaten toont.

Hoe maak je een icoon voor een website
Hoe maak je een icoon voor een website

Het is nodig

  • - site-logo,
  • - Photoshop,
  • - favicon-converter.

instructies:

Stap 1

Open uw websitelogo in Adobe Photoshop. Als er geen logo is, kunt u elke andere foto maken, het is alleen belangrijk dat deze wordt geassocieerd met uw site. Verwerk de afbeelding door alle onnodige details te verwijderen en verklein nu de grootte tot 32 of 16 pixels aan elke kant. Sla de afbeelding vervolgens op als een png- of gif-bestand.

Stap 2

Het beste van alles is dat je een bestand maakt met een resolutie van 32x32 pixels, omdat gebruikers soms de snelkoppelingen van de sites die ze leuk vinden op het "bureaublad" opslaan en de afbeeldingen van 16x16 pixels er onvoldoende gedetailleerd uitzien. Houd er echter rekening mee dat in de browser uw pictogram nog steeds wordt geschaald naar 16x16 pixels, dit zijn de afbeeldingen die worden weergegeven in de Favorieten en in de titel.

Stap 3

Nu moet je de afbeelding converteren naar een ico-bestand. Dit kan met behulp van een plug-in voor Photoshop of met behulp van een gratis internetservice, bijvoorbeeld https://favicon.ru/. Er zijn veel plug-ins en services, ze werken bijna op dezelfde manier, dus het heeft geen zin om een specifieke te adviseren. Deze sites worden favicon-generatoren genoemd.

Stap 4

Hernoem het resulterende bestand naar favicon.ico.

Stap 5

Ga nu naar het configuratiescherm van uw site en zoek de hoofdmap waar de eerste pagina zich bevindt. Dit is meestal index.html of een ander bestand dat het contentmanagementsysteem genereert. Er is mogelijk al een pictogram met de naam favicon.ico. Verwijder in dit geval het oude pictogram en vervang het door uw eigen pictogram.

Stap 6

Als de hoofdmap niet voor u beschikbaar is, en in die gevallen als u de code voor de site zelf hebt geschreven, moet u alle pagina's van de site bewerken waarop het pictogram moet verschijnen. Open de pagina in een editor en voeg een item toe in de kopsectie

Stap 7

Als het pictogram zich niet in de hoofdmap bevindt, maar ergens anders, schrijf dan in de parameter href het volledige pad van het bestand.

Aanbevolen: