Hoe een favorieten icoon voor een webpagina maken

Heb je je ooit afgevraagd waarom sommige websites hebben een aangepaste logo / afbeelding met hun webadres, terwijl anderen dat niet doen. Als u wilt uw website aan te passen, het toevoegen van een favorieten (favicon) icoon zal maken dat hij opvalt. Een favorietenpictogram is het beeld dat wordt weergegeven in een webadres bar of boekenlegger met de URL (Uniform Resource Locator). U kunt uw bedrijfslogo gebruiken om de icoon te maken of maak er een van de grond af. Het creëren van een favorieten icoon is niet zo moeilijk als het klinkt.

instructies

Het creëren van de favorieten pictogram voor webpagina from Scratch

1 Open Adobe Photoshop of een foto-editor.

2 Maak een nieuwe afbeelding met de afmetingen 64 pixels (breedte) bij 64 pixels (hoogte).

3 Ontwerp uw logo of een afbeelding die u wilt gebruiken voor uw favorieten icoon.

4 Zoom in op nul op je creatie. Slijp het ontwerp en de resolutie van het beeld toenemen totdat het lijkt OK.

5 Sla het bestand op als een Photoshop PSD (of raw image-bestand) voor het geval u nodig hebt om het later te bewerken.

6 Verminder de grootte van de afbeelding tot 16 pixels (breedte) x 16 pixels (hoogte) en opnieuw opslaan van uw imago als favicon.gif.

Met behulp van een bestaande afbeelding voor webpagina de favorieten Icon

7 Open uw bestaande afbeelding in uw favoriete foto-editor.

8 Verminder de grootte van de afbeelding tot 16 pixels (breedte) x 16 pixels (hoogte).

9 Scherp je afbeelding als het niet helemaal goed uitziet.

10 Sla het bestand op als een Photoshop PSD (of raw image-bestand) voor het geval u nodig hebt om het later te bewerken.

11 Opnieuw opslaan als favicon.gif.

Met behulp van de Favicon Generator

12 Ga online en vind een gratis online favicon generator. Sommige gratis online generatoren zijn favikon.com en favicongenerator.com.

13 Volg de instructies voor de gekozen generator.

14 Blader naar het afbeeldingsbestand dat u op uw lokale computer opgeslagen te vinden.

15 Selecteer 16 pixels (breedte) x 16 pixels (hoogte) als een beeldgrootte wordt gevraagd.

16 Genereren van de conversie. De generator zal nu zet uw .gif, .png of .jpg-bestand naar een .ico bestand.

17 Noem uw geconverteerde bestand "favicon.ico" als je nog niet hebt.

De voorbereiding van de Favorieten Icoon voor het web

18 Met behulp van uw favoriete tekst editor, opent u het HTML-document uw favorieten icoon op zal verschijnen.

19 Voeg de volgende regel code tussen de <head> tag:
<Link rel = "icoon" type = "image / ico" href = "favicon.ico">

20 Sla het bestand op.

21 Publiceer uw HTML-bestand en favorieten icoon (favicon.ico) naar de hoofdmap van uw webbrowser.

22 Bookmark uw webpagina en duidelijk uw internet cache.

23 Bekijk uw web-pagina om te zien hoe alles werkt.

Uw favorieten icoon moet nu worden weergegeven in het webadres bar en onder 'Favorieten' in uw webbrowser.

Hints

  • Voor tips over het oplossen van favicon kwesties, check out de middelen hieronder.