Hoe Een Pictogram Aan De Site Toe Te Voegen

Inhoudsopgave:

Hoe Een Pictogram Aan De Site Toe Te Voegen
Hoe Een Pictogram Aan De Site Toe Te Voegen

Video: Hoe Een Pictogram Aan De Site Toe Te Voegen

Video: Hoe Een Pictogram Aan De Site Toe Te Voegen
Video: How To Add Icons on HTML Website | Add Font Awesome Icons on website 2024, December
Anonim

Wanneer u enkele websites opent naast hun domeinnamen in de adresbalk, ziet u een kleine afbeelding - een pictogram. Dezelfde afbeelding wordt weergegeven op het tabblad met de geopende pagina van de site in de linkerbovenhoek. Een icoon is een soort logo voor uw site, een onderscheidend teken, dus kennis van het installeren van dergelijke tekens is voor een webmaster niet overbodig.

Hoe een pictogram aan de site toe te voegen
Hoe een pictogram aan de site toe te voegen

instructies:

Stap 1

Onthoud eerst dat het pictogrambestand de extensie.ico moet hebben en de naam favicon, dat wil zeggen favicon.ico. In dit geval moet de afbeeldingsgrootte 16x16 pixels zijn. U kunt proberen een pictogram in Photoshop te tekenen. Natuurlijk slaag je in tekenen. Maar om de tekening in.ico-formaat op te slaan, heb je een speciale plug-in nodig. Plaats het in de map Plug-Ins / File Formats in c: / Program Files / Adobe / Photoshop CS.

Stap 2

Nadat u het pictogram hebt getekend en in het gewenste formaat hebt opgeslagen, plaatst u het vervolgens in de hoofdmap van de site. Het is natuurlijk helemaal niet nodig om de afbeelding daar te plaatsen. Maar dan moet je het pad ernaar toe specificeren:

Stap 3

Het is ook toegestaan om een afbeelding met een andere extensie te gebruiken, zoals

De tekstinvoer afbeelding /.png

Stap 4

Als uw site op een engine is gemaakt (bijvoorbeeld op Wordpress), dan is alles veel eenvoudiger: nogmaals, kopieer eerst het bestand met het pictogram naar de blogroot (map public_html). Open vervolgens je header.php-bestand en tussen de tags en voeg de volgende code toe:

  • Stap 5

    Er zijn ook speciale services voor het maken van pictogrammen. Een daarvan is een bron genaamd favicon.cc, een link waarnaar wordt verwezen in de sectie Aanvullende bronnen. Het enige wat u hoeft te doen is de gewenste kleur kiezen en de gewenste afbeelding tekenen. Sla uw creatie op en uw pictogram is klaar. Maar u kunt de voltooide afbeelding ook converteren naar het.ico-formaat. De favicon.ru-service helpt hierbij, een link waarnaar ook wordt weergegeven in de sectie "Aanvullende bronnen". Selecteer de gewenste afbeelding, klik op de knop "Maak favicon.ico" en download de resulterende afbeelding.

Aanbevolen: