De afbeelding naast de paginatitel in het browsertabblad – hoe kun je hier een afbeelding linken?
Antwoord 1, autoriteit 100%
Die afbeelding heet ‘favicon‘en het is een kleine vierkant gevormd .ico
bestand, wat het standaard bestandstype is voor favicons. U kunt ook .png
of .gif
gebruiken, maar u moet de standaard volgen voor een betere compatibiliteit.
Als u er een voor uw website wilt instellen, moet u:
-
Maak een vierkante afbeelding van uw logo (bij voorkeur 32×32 of 16×16 pixels, voor zover ik weet is er geen maximale grootte*), en zet deze om in een
.ico
-bestand. U kunt dit doen op Gimp, Photoshop (met behulp van een plug-in) of een website zoals Favicon.ccof RealFaviconGenerator. -
Dan heb je twee manieren om het in te stellen:
A) Plaats het in de hoofdmap/directoryvan uw website (naast
index.html
)
met de naamfavicon.ico
.of
B) Link ernaar tussen de
<head></head>
-tags van elk.html
-bestand op uw site, zoals dit:<head> <link rel="shortcut icon" type="image/x-icon" href="favicon.ico" /> </head>
Als je de favicon
van een website wilt zien, schrijf dan gewoon www.url.com/favicon.ico
en je zult het (waarschijnlijk) zien. Stackoverflow’sfavicon is 16×16 pixels en Wikipediais 32×32.
*: Er is zelfs een browserprobleem zonder limiet voor de bestandsgrootte. Je zou gemakkelijk een browser kunnen laten crashen met een buitengewoon groot favicon, meer info hier
Antwoord 2, autoriteit 11%
Het heet ‘favicon‘ en je moet onderstaande code toevoegen aan de headersectie van je website.
Voeg dit gewoon toe aan de sectie <head>
.
<link rel="icon" href="/your_path_to_image/favicon.jpg">
Antwoord 3, autoriteit 5%
Dit is het faviconen wordt uitgelegd in de link.
bijv. van W3C
<link rel="icon"
type="image/png"
href="http://example.com/myicon.png">
En natuurlijk het afbeeldingsbestand op de juiste plaats.
Antwoord 4
Voeg een pictogrambestand met de naam “favicon.ico” toe aan de hoofdmap van uw website.
Antwoord 5
<link rel="apple-touch-icon" sizes="114x114" href="${resource(dir: 'images', file:
'apple-touch-icon-retina.png')}">
of je kunt deze gebruiken
<link rel="shortcut icon" sizes="114x114" href="${resource(dir: 'images', file: 'favicon.ico')}"
type="image/x-icon">
Antwoord 6
- VOEG DIT TOE
**<HEAD>**
< link rel="icon" href="directory/image.png">
Rennen en genieten ervan