Een Pictogram Op Een Website Invoegen

Inhoudsopgave:

Een Pictogram Op Een Website Invoegen
Een Pictogram Op Een Website Invoegen

Video: Een Pictogram Op Een Website Invoegen

Video: Een Pictogram Op Een Website Invoegen
Video: How To Add Icons on HTML Website | Add Font Awesome Icons on website 2024, November
Anonim

Het origineel en verbonden met het thema van de site, het pictogram zal worden onthouden door de bezoekers en hen in staat stellen om de bron snel te identificeren. Het wordt weergegeven aan de linkerkant van de bladwijzer, evenals naast de pagina's die zijn verdwenen dankzij de zoekopdracht.

Een pictogram op een website invoegen
Een pictogram op een website invoegen

instructies:

Stap 1

Bereid een afbeelding voor om als pictogram te gebruiken. De afbeelding mag niet groot zijn en uit veel elementen bestaan. Probeer vast te houden aan eenvoudige geometrische vormen: cirkel, driehoek, vierkant. Een interessante optie is de afkorting van het project, bestaande uit 2-3 letters. Als het onmogelijk is om een combinatie te vinden, is het beter om een gewone thematische afbeelding te gebruiken. Maar wees niet te klein - op een klein grafisch bestand zullen talloze details eenvoudig samenvloeien, waardoor de bezoeker niet de minste kans krijgt om ze te zien.

Stap 2

Als de site is gemaakt met eenvoudige html-pagina's, gebruikt u in dit geval het commando:. Je moet het invoegen, de locatie maakt geen fundamenteel verschil. Om een afbeelding toe te voegen, uploadt u deze naar de server of gebruikt u hiervoor bestandshosting. Wanneer u de tweede methode kiest, moet u er rekening mee houden dat zodra de afbeelding niet meer beschikbaar is op het adres, het pictogram niet langer wordt weergegeven.

Stap 3

Het is beter om een icoon te installeren op een site beheerd door cms door een apart bestand te maken met de.ico extensie. Het moet worden geüpload naar de hoofdmap van de site met behulp van speciale programma's, bijvoorbeeld FileZilla. Dan moet je het aan de opdracht toevoegen. Na het uitvoeren van dergelijke acties, zou uw pictogram correct moeten worden weergegeven in alle browsers.

Stap 4

Er is ook een eenvoudigere manier om een miniatuur te maken. Ga naar de website https://favicon.ru/ en upload er een foto naar. Klik op "Download favicon.ico" - het nieuwe document zal in de downloads staan. Vul het nu in de hoofdmap van de site en voeg het volgende toe voor de tag:

Aanbevolen: