Favicon verschijnt niet

Status
Niet open voor verdere reacties.

Heavyuser

Gebruiker
Lid geworden
25 okt 2007
Berichten
62
Hallo forummers,
Ik heb een website online staan en heb via de website favicogen hier voor een favicon van 36 x 36 pixels aangemaakt.
De bekende regel staat in de head en het favicon.ico heb ik geupload naar de server.
Kan het zijn dat het favicon niet verschijnt omdat 36 x 36 pixels toch te groot is?

Alvast bedankt voor eventuele antwoorden,
:p
Heavyuser
 
Laatst bewerkt:
Hoi Heavyuser,
Ik dacht dat het formaat tegenwoordig niets meer uitmaakt. Ook 48x48px zou het moeten doen. Maar is de favicon alleen in Internet Explorer niet te zien, en wel in andere browsers? - Als nergens te zien, klopt dan de verwijzing wel (in naam en plaats)?
En wat is de exacte "bekende regel"?
Geef anders even een linkje, zodat we de code in z'n geheel kunnen bekijken.

Met vriendelijke groet,
CSShunter
 
Heb je een paar refreshes gedaan en de cache geleegd? Favicons worden 1x opgeslagen en daarna niet meer veranderd dus het duurt vaak een hele tijd voor je hem geupdate ziet worden.
 
Hoi Heavyuser,
Ik dacht dat het formaat tegenwoordig niets meer uitmaakt. Ook 48x48px zou het moeten doen. Maar is de favicon alleen in Internet Explorer niet te zien, en wel in andere browsers? - Als nergens te zien, klopt dan de verwijzing wel (in naam en plaats)?
En wat is de exacte "bekende regel"?
Geef anders even een linkje, zodat we de code in z'n geheel kunnen bekijken.

Met vriendelijke groet,
CSShunter

@CSSHUNTER, de exacte 'bekende regel' is '<link rel="shortcut icon" href="/favicon.ico"/>.

Ik heb nu een andere generator van favicons gevonden op internet. Deze biedt een kant-en-klare embedcode voor in de head van de HTML na het uploaden van een afbeelding vanaf je harde schijf.
Je krijgt dan de onderstaande (*) embedcode. Ik heb een paar tekens veranderd om copiëren van mijn favicon moeilijker te maken. :p
Op die manier werkt mijn programma voor een website nu in firefox en in internet explorer.

Zo is mijn vraag pragmatisch opgelost. Maar ik zou nog wel willen weten waarom het op de andere manier met behulp van de 'bekende regel' niet werk. Dat lukte namelijk wel bij een andere website.

Handiger is het om vooruit te kijken en de vraag algemeen - en daarmee ook interessant voor andere forummers - te houden.
Vragen:
1.Hoe zetten wij een programmaregel voor een favicon.ico in dehead van de HTML?
2.Dient het van te voren gemaakte favicon apart geupload te worden naar de host?
3.Als we meerdere websites met elk verschillende favicons hebben, kunnen we de favicons dan favicon1.ico, favicon2.ico etcetera noemen ?

*: Embedcode voor een favicon
<link href="data:image/x-icon;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QAAAAAAAD5Q7t/AAADKElEQVQ4ywXBu29bVQDA4d859+Vr3+vYcWPHaZrkpUqQCEXQIkVCmaATKgtLhQQSIwtD2Rj4QzrQgY0JMaAqUkQZSdWqKigOOA11naSN40f8utf3ce7h+4TSY53gYacgkpiUkCExQl9gjlukwsZyHOxCGWXUGUU5JALPBCPuY5LFIBQRAkf1McaHhEf/8GT/P4LIQcQFcrZBoZTnnZsfULq8ipUrIBOJIecROj7TkVUhjkOc8yc0H97nZaPFlRt3savbqNAliWYoMWamz5hbsrn+3iaOt4RSFibKJFAZZtynufsjr57+zvsff8eF3OLw2QhlZ4yCmFSlWJZg1RIctzssrs8TGAYmqUmSacaHf9Pd+w1Xm1Rvfc5P95ssjiMmukMiPRB5pMoTDy5wZZn65ZRccYqMNCTTAcNWAyuYYAtNoiNSc8wwPYVkQDhrMwiOUFmEDDyGBzOmL/r4KkQmDojZGePOKxLLwyEg3X/AV3cKpJUBcjnH25+u8sm9Tba+XkfV4ehND2HkyVKFjGSGjLukUUhoVbBFjLH/AK/3C9/88AWf3bvL0VybP9JddsKHbH55k7YTcJomRE4e09OSN9M8BXeDKGmgdIfjbow4+Yu55s/0vC1exy2Sokd3NKXaa1JZK5JD4EYuchxM0NUq4toGF6oI3TLWgUntuAD7fYZBxGmi2TvpcD5T9M66LJXKFCt5+iJCWrZF7Bc4znt4H97mMKjRjdd42lS0pz6NQcxrlWMmSoyHGXW/Qk5r3FKRSU5iOkoS9EcsrmxwPExY+/Z7nv35iKTqc+2jbX7dfUzkOxhhyHzoUl0p8e6tGmE8wRUuQk/GuvFvC+mV6cUpO3uPmFup0EsCnr9o0lUmLjCfZdzZ2mazfpUFN49vSXzPQego0mmQ0njeQPs+1nKNncd7tFovybKUC99h1S5ye+MG6yvLdCZdDEvw1kIdO9GINFU6yyLC0ZCDRpPRKOHq9Q2KlRphFhJ4Al+ZzE7O6fd6VK5UWFyuYWmJkUhEkmY6lDOCdIiehMzaU9pH55wlMZFvklcBtpljobJIvbbApUselmMSaciEzf9W6Joh8idYGwAAAABJRU5ErkJggg==" rel="icon" type="image/x-icon" />

Greetz,
:D
Heavyuser
 
Hoi Heavyuser,
Wat een oplossing! :D
Ik heb nog eventjes wat proefjes gedaan met wat verschillende varianten van "het regeltje" die er zoal in omloop zijn (er zijn er nog veel meer, zegt Google!):
En nog een paar memo-puntjes:
  • Heeft de webpagina een geldig DOCtype?
  • Heeft de webpagina een charset meteen volgend op de <head>?
  • De IE-cache steeds goed geleegd? IE (versie > 6, want die kan het niet) vers opgestart > menu Extra > Internet Opties > Algemeen: Browsegeschiedenis > Verwijderen... > Alles verwijderen!
  • Bij het opnemen van een nieuwe favicon éérst de tussenstap gemaakt van een pagina zonder favicon + oude favicon wissen van de server; die favicon-loze pagina in IE oproepen; en dan pas daarna de nieuwe favicon uploaden + de pagina de verwijzing opnieuw laten maken?
  • Is het favicoontje wel als echt Windows-ico bestand opgeslagen?
Wat het laatste betreft: ik plak een met PaintShopPro gemaakt favicon altijd in IrfanView, en sla 'm daarin dan op als ICO-bestand > nooit problemen. Het schijnt nl. dat het Windows-ico formaat belangrijk is:
  • "Many webmasters have changed their preferred image's file extension to .ico without converting them to Microsoft Icon Files. This creates a conflict that IE cannot resolve; such icon images will not be displayed." Zie het favicon-artikel in de Engelse Wikipedia, waarin nog van alles en nog wat over favicons en hun historie en verschijningsvormen besproken wordt.
  • Meer wetenswaardigheden staan op de Wiki-pagina over het ico-formaat.
  • En Microsoft zelf had er in 2008 nog weinig haast mee om de niet-standaard IE-aanroep van een favicon te verbeteren.
Dan de vragen:
1.Hoe zetten wij een programmaregel voor een favicon.ico in de head van de HTML?
2.Dient het van te voren gemaakte favicon apart geupload te worden naar de host?
3.Als we meerdere websites met elk verschillende favicons hebben, kunnen we de favicons dan favicon1.ico, favicon2.ico etcetera noemen ?
Ad 1
Dat zou dus moeten zijn: <link rel="shortcut icon" href="favicon-map/eigenfavicon.ico"> of woorden van gelijke strekking.

Ad 2
Dat lijkt me logisch: als het favicon niet op de server staat, kan het ook nooit van de server bij de bezoeker van de webpagina komen. :) (of begrijp ik deze vraag verkeerd?)

Ad 3
Ja, dat kan > als de verwijzing ernaar maar in orde is. Ook als er meerdere webpagina's binnen één site zijn, kunnen die desgewenst elk hun eigen favicon krijgen (zoals geïllustreerd in de test-voorbeelden).

En tenslotte als uitsmijter:
  • Mocht dit alles nog geen enkel resultaat voor IE opleveren, (a) nog steeds graag een linkje naar de boosdoener!, en (b) dan rijst bij mij een blauw vermoeden dat het ook nog aan de server-instellingen of ergens een cache onderweg zou kunnen liggen. - Maar daar heb ik geen kaas van gegeten; misschien kan iemand anders daar wat zinnigs over zeggen?
Met vriendelijke groet,
CSShunter
 
Laatst bewerkt:
favicon

Goedendag allemaal,

Een topic van even geleden maar ik heb het volgende probleem met mijn icon;
Ik heb een hoofddomein en een subdomein. Nu laat de URL van het subdomein geen icon zien. Maak ik een link op de indexpagina van het subdomein dan wordt het icon wel getoond. Bijkomend probleem is dat ik dan in de URL ook het subdomein niet meer heb staan maar de volledige verwijzing van subdomein en domein. Eigenlijk wil ik dat daar alleen maar de URL van het subdomein getoond wordt. Dus eigenlijk twee vragen.

Wie kan me helpen

Dit is de code:
<link rel="shortcut icon" type="image/x-icon" href="http://www.patriciahoeve.nl/favicon.ico">
De URL is patriciahoeve.nl hier wordt deze niet getoond
en dit is een link:
http://patriciahoeve.wiebelourens.nl/test.html daar wordt deze dus wel getoond

En zoals je ziet laat de link ook de verwijzing van subdomein naar hoofddomein zien en dat wil ik ook niet.
 
Hoi Lourens,
Heb je deze al eens geprobeerd:
HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
   "http://www.w3.org/TR/html4/frameset.dtd">
<html lang="nl">
<head>
	<title>patriciahoeve.nl</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<link rel="shortcut icon" type="image/x-icon" href="http://patriciahoeve.wiebelourens.nl/favicon.ico">
</head>
<frameset rows="*">
	<frame src="http://patriciahoeve.wiebelourens.nl/" noresize>
	<noframes>
		<body>
		<p>Sorry, uw browser ondersteunt geen frames.</p>
		<p>U kunt de site <a href="http://patriciahoeve.wiebelourens.nl/">hier</a> bekijken.</p>
		</body>
	</noframes>
</frameset>
</html>
Test - test - test ! :)

Op je andere vraag moet ik even het antwoord schuldig blijven. Dat kan misschien via een .htaccess instructie, maar daar weet ik het fijne niet van.

Met vriendelijke groet,
CSShunter
 
Dank voor je reactie.
Welk gedeelte kopieer ik in de header? Ik neem aan de opmerkingen over "uw website ondersteunt geen frames" niet?
 
Hoi Lourens,
Het hele ding is de plaatsvervanger voor de index.html die in www.patriciahoeve.nl/ staat.
Het regeltje van het niet-ondersteunen van frames moet er juist wel in: sommige browsers kunnen niet met frames omgaan, en bezoekers met zo'n browser zouden anders helemaal de site niet op kunnen komen. Alleen voor die browsers wordt de tekst getoond. Plus het regeltje met de link naar de subdomein-site: dan kunnen ze via doorklikken toch de site zien, hoewel niet onder z'n eigen naam.
Eventueel kan je het sorry-regeltje weglaten, maar dan wel de link laten staan.
Surfers met frame-ondersteuning in hun browsers duiken gewoon het frame in, en zien niets van de <noframes> teksten.

Met vriendelijke groet,
CSShunter
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan