Hoe een favicon toe te voegen

Een Favicon is een klein pictogram naast een website-adres in een browser en in het menu van uw bladwijzers. ThisTeaches u Hoe u uw eigen aangepaste Favicon aan een website toevoegt, evenals hoe u de favicons kunt aanpassen die verschijnen voor de sites van andere Peoples in uw Google Chrome-bladwijzers.

Stappen

Methode 1 van 2:

Een favicon toevoegen aan een website

1. Download of maak een favicon. Als u het kleine pictogram wilt wijzigen dat wordt weergegeven naast de titel van uw website in webbrowsers, start u door te downloaden of Een favicon maken.

Om ervoor te zorgen dat uw favicon compatibel is met alle browsers, zorg er dan voor dat het een is .ICO-bestand met 16 x 16 pixels groot.
De bestandsnaam van uw Favicon zou moeten zijn favicon.ico. Als het bestand deze naam al heeft, hernoem het dan.

Titel afbeelding Voeg een Favicon Step 2 toe

2. Upload de Favicon naar de hoofddirectory van uw website. Met sommige webhosts kunt u uw Favicon uploaden via een online editor, terwijl anderen nodig hebben dat u FTP gebruikt om het over te brengen naar de hoofdmap van de website.

Als uw website een webgebaseerd bedieningspaneel / -editor heeft, kunt u de Favicon meestal uploaden met een paar klikken. Dit is hoe dit te doen op een aantal populaire webhosts:

WordPress: Open de beheerderspagina en klik op Uiterlijk, dan Aanpassen, en dan Identiteit. Klik Selecteer bestand Onder "Pictogram Site", upload Favicon.ico en klik vervolgens op Opslaan en publiceren.

Weebly: Open uw site-editor en klik Instellingen Klik in de menubalk op Uploaden onder "Favicon."En upload het bestand vervolgens. Klik Publiceren Om uw wijzigingen op te slaan.

Squarespace: Klik Ontwerp Klik in het menu HOME LOGO & TITEL, en scroll vervolgens naar het vak "Browser (Favicon)". Sleep Favicon.ico naar de doos, wacht ernaar om te uploaden en klik vervolgens op Sparen.

Blogger: Open de site-editor en klik Lay-out Klik in de linkerkolom op Bewerk Upload het bestand op het vak "Favicon" en klik vervolgens op Sparen.

Als u bestanden naar uw webhost via FTP overbrengt, gebruikt u uw FTP-app om Favicon over te zetten.ico naar de hoofdmap van uw website. Het volledige pad naar de favicon zou moeten zijn "http: // ukomein.com / favicon.ico" Zodra het is geüpload.

Titel afbeelding Voeg een Favicon Step 3 toe

3. Voeg ALINK toe aan uw broncode (optioneel). Als u uw Favicon hebt geüpload via een webgebaseerd bedieningspaneel, is het niet nodig om deze stap te voltooien. En aangezien alle moderne webbrowsers zijn ingesteld om te controleren op een bestand met de naam "Favicon.ICO "Standaard bij het laden van een website is het niet verplicht om deze stap te voltooien voor andere soorten sites. Enkele meer geavanceerde Firefox- en Opera-gebruikers passen hun instellingen aan om te voorkomen dat favicons op deze manier laden. Om ervoor te zorgen dat deze gebruikers uw Favicon zien, voegt u een regel code toe aan elke pagina die naar het bestand koppelt. Hier is hoe:

Open het HTML-broncodebestand voor een pagina op uw site.

Ergens tussen de en Tags, voeg de volgende code toe aan een nieuwe regel:

Als u iets anders dan HTML gebruikt, past u de code aan zodat deze past bij de taal die u gebruikt.

Sla uw wijzigingen op en upload (of opnieuw-publiceren) de pagina.

Herhaal deze stappen voor andere pagina`s op uw site.

Titel afbeelding Voeg een Favicon Step 4 toe

4. Test je Favicon. Laad uw website in een nieuw browservenster. Als uw site vroeger een andere Favicon heeft, ziet u misschien niet uw nieuwe tot u Wis je cache (of probeer een andere webbrowser die u niet hebt gebruikt om uw website te bekijken).

Methode 2 van 2:

Een bladwijzer toevoegen Favicon aan Google Chrome

1. Download of maak een favicon. Als u het kleine pictogram wilt wijzigen dat naast een chrome-bladwijzer verschijnt, kunt u een gratis extensie gebruiken die Bookmark Favicon Changers wordt genoemd. Begin met het downloaden of Een favicon maken gebruiken.

U vindt gratis Favicons beschikbaar om te downloaden door Google te zoeken naar "Gratis Favicons."
De meeste favicons zijn beschikbaar als .ico of .jpg-bestanden die 16 x 16 pixels in grootte zijn. Bookmark Favicon Changer zal de grootte van het type beeldbestand wijzigen naar 16 x 16, dus maak je geen zorgen over het vinden van een die past bij deze criteria.
Als je dat nog niet hebt gedaan Maak een bladwijzer van de URL waarvoor u een favicon wilt toevoegen, doe dat nu.

Titel afbeelding Voeg een Favicon Stap 6 toe

2. Navigeren naar HTTPS: // Chrome.google.com / webwinkel / In Google Chrome. Als u nog niet bent ingelogd bij uw Google-account, klikt u op Log in in de rechterbovenhoek om dit nu te doen.

Titel afbeelding Voeg een Favicon Stap 7 toe

3. Type Bladwijzer Favicon in het zoekvak en druk op ↵ ENTER of ⏎ terug. Het zoekvak staat in de linkerbovenhoek van de Chrome Web Store.

Titel afbeelding Voeg een Favicon Stap 8 toe

4. Klik Toevoegen aan Chrome Naast "Bookmark Favicon Changer."Het moet bovenaan de zoekresultaten staan. Er verschijnt een pop-up.

Titel afbeelding Voeg een Favicon Stap 9 toe

5. Klik Voeg extensie toe. Zodra de extensie is toegevoegd, ziet u een bevestigingsbericht in de rechterbovenhoek van uw browser (en, afhankelijk van uw instellingen, een nieuw pictogram met twee overlappende vierkanten binnen naast de adresbalk).

Mogelijk moet u aanvullende informatie verstrekken, zoals een beheerderswachtwoord, om de installatie te voltooien.

Titel afbeelding Voeg een Favicon Stap 10 toe

6. Klik met de rechtermuisknop op het bladwijzer Favicon Changer-pictogram. Het zijn de twee overlappende vierkanten in de buurt van de rechterbovenhoek van Chrome. Een menu zal uitbreiden.

Als u een zwart pop-upvenster ziet dat zegt: "Deze pagina is niet een bladwijzer en komt niet overeen met tab-pictogramregel," Vink het vakje aan dat zegt "Toon deze pop-up weer," Klik ergens op de pagina en Klik vervolgens op het pictogram van de bladwijzer Favicon Changer.

Titel afbeelding Voeg een Favicon Stap 11 toe

7. Klik Beheer extensies. Het staat onderaan het menu. Hiermee wordt een pagina met chroominstellingen geopend waarmee u wijzigingen in uw extensies kunt aanbrengen.

Titel afbeelding Voeg een Favicon Stap 12 toe

8. Scroll naar beneden en dia "Sta toegang toe tot bestand URL`s" aan AAN

. Dit geeft de extensie toestemming om favicons toe te voegen aan alle URL`s.

Titel afbeelding Voeg een Favicon Step 13 toe

9. Klik met de rechtermuisknop op het bladwijzer Favicon Changer-pictogram opnieuw en selecteer Opties. Dit zou een blauwe pagina moeten openen die een lijst met uw bladwijzers weergeeft.

Titel afbeelding Voeg een Favicon Stap 14 toe

10. Klik met de rechtermuisknop op de bladwijzer die u wilt wijzigen. Een menu zal uitbreiden.

Titel afbeelding Voeg een Favicon Stap 15 toe

11. Klik Verander favicon. Hiermee wordt de bestandsbrowser van uw computer geopend.

Titel afbeelding Voeg een Favicon Step 16 toe

12. Selecteer de Favicon en klik Open. Dit importeert de favicon in de browser. Er verschijnt een venster met de voortgang. Zodra het venster sluit, moet de Favicon worden toegevoegd.

Als u een fout in het logboek in de rechterbovenhoek van de pagina ziet die zegt: "Kan het wijzigen van Bookmark Favicon niet bevestigen", maakt u zich geen zorgen - de Favicon verschijnt nog steeds in uw bladwijzers. U kunt dit bevestigen door uw bladwijzers in Chrome te openen.

Deel in het sociale netwerk: