ugrás a tartalomhoz

Favicon-ok kezelése

asam9 · 2013. Ápr. 6. (Szo), 15.03
Sziasztok,

Amikor letöltöm a HTML5Boilerplate csomagját (initializr), akkor 7-féle favicon szerepel a gyökérben: 6 db "apple-touch-icon" kezdetű png és 1db jól megszokott "favicon.ico" fájl. Az index.html-ben nem szerepel egyik ikonra való utalás sem (<link …>). Ez vajon miért van így? Automatikusan felimserik az eszközök ezeket a neveket? Ill. van három 57x57 px-es ikon: "apple-touch-icon.png", "apple-touch-icon-precomposed.png" ill. "apple-touch-icon-57x57-precomposed.png". Milyen jelentést takar a precomposed kifejezés? Van egyáltalán különbség a három verzió között? Hogyha nem a gyökérben tárolom a favicon-okat az jelenthet problémát?
‹ CSS menü szélesség Jquery - név ellenőrzés hiba ›
 ■
1

/favicon.ico

Arnold Layne · 2013. Ápr. 6. (Szo), 15.22
Az index.html-ben nem szerepel egyik ikonra való utalás sem (<link …>). Ez vajon miért van így?

Ha nincs beírva a HTML-be favikon, akkor a /favicon.ico-t próbáják letölteni a böngészők.

Milyen jelentést takar a precomposed kifejezés?

  • apple-touch-icon.png, ha szeretnénk, hogy a telefon rátegye az iPhone ikonokra jellemző csillogós színátmenetet,
  • apple-touch-icon-precomposed.png, ha nem szeretnénk ilyet.

Forrás: Netman.
2

Köszönöm a választ! Az

asam9 · 2013. Ápr. 6. (Szo), 18.06
Köszönöm a választ! Az "apple-touch-icon-…"-okat szintén felimserik az eszközök, ha a gyökérben vannak és nem kell hivatkozni rájuk html-ben?
3

Ezt nem tudom

Arnold Layne · 2013. Ápr. 6. (Szo), 18.11
Ezt nem tudom. Összesen tíz percig használtam Apple eszközöket, azt is egy mintaboltban, külön erre fejlesztenem pedig nem kellett, szóval ezt nem tudom pontosan hogy megy.
4

Favicon, touch icon

Blintux · 2013. Ápr. 7. (V), 11.22
Régen írtam erről egy kis blogbejegyzést, talán sikerül eloszlatnia a ködöt :)
Amit a touch ikonokról tudni érdemes
Valamint a faviconokról is van egy szösszenet
5

Köszönöm a részletes

asam9 · 2013. Ápr. 8. (H), 04.50
Köszönöm a részletes cikkeket, jó volt olvasni őket :)

Ez lett végül:
<link rel="shortcut icon" 
href="{$conf.base_url}/favicon.ico">

<link rel="apple-touch-icon-precomposed" sizes="114x114" 
href="{$conf.base_url}/apple-touch-icon-114x114-precomposed.png">

<link rel="apple-touch-icon-precomposed" sizes="72x72" 
href="{$conf.base_url}/apple-touch-icon-72x72-precomposed.png">

<link rel="apple-touch-icon-precomposed" 
href="{$conf.base_url}/apple-touch-icon-precomposed.png">
Sajnos nem tudom a gyökérbe helyezni majd az ikonokat, ezért (is) a html-megadásos módszert választottam, viszont amiatt, hogy nem a gyökérben lesznek, gondolom a nem-precomposed verziót bukom:

…iOS 1 és a BlackBerry OS 6 nem támogatja a precomposed ikonokat…


…de az már nem zavar :)