Tutorial - Favicon.ico



Favicon este prescurtatrea de la Favorites Icon.
Este un un mic logo aflat innaintea adresei URL vizitata, Acesta poate fi vazut in Address Bar, si este utilizat pentru a promova o firma o compani sau pur si simplu pagina respectiva.

exemplu favicon

 

 

 

Trebuie mentionat ca un favicon trebuie sa aibe urmatoarele caracteristici.

  • denumirea - favicon.ico
  • dimensiuni - 32x32 sau 16x16 pixeli
  • culori - 265

Iata scriptul necesar pentru a strecura un favicon in address bar.

<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">


Acest script nu va fi insa functional daca nu se upladeaza si iconul in locatia specificata. Se recomanda ca aceasta locatie mentionata sa fie radacina sitului.

Acest fisier este afisat de browserele: Mozilla, Firefox, Opera insa nu si de Internet Explorer.

Pentru a realizarea unui favicon poate fi folosit un program spre exemplu Adobe Photoshop. Deasemena o puteti face online alegand una dintre uneltele de aici.

Puteti verifica online daca fisierul favicon si modul cum a fost inserat in pagina sunt corecte. Click Aici


Favicon animat

Se poate folosi deasemenea o alta varianta de favicon si anume cea animata. Pentru aceasta vom insera codul urmator:

<link rel="icon" href="favicon.gif" type="image/gif">

 

poteti genera un faicon animat prin transformarea unei imagin la FavIcon from Pics. Bafta






Comentarii


   Eddy

Mersi , Nu credeam ca e asa de usor , dar daca ati putea pune si un tutorial de genu : Ori ce membru sa poata pune jocuri , muzica, filme etc... ca pe Bestlzone.com , ca nu stiu cum sa fac chestia aia
09-Jun-2009 - 21:18


   razvan

Bun tutorialul. Spuneti-mi va rog:
<link rel="shortcut icon"
aici trebuie scrisa adresa unde se afla .ico ? (ex: www.siteulmeu.ro/favicon.ico) sau doar /favicon.ico ?
Va aparea imediat in browser cand voi intra pe site sau trebuie sa astept (asa am citit pe un alt site)
15-Mar-2010 - 02:45


   catalin

In general dureaza de la cateva ore pana la cateva zile pana cand se face update-ul favicon-ului. In special in IE dureaza ceva mai mult. In FF sau opera favicon-ul apare la scurt timp dupa ce a fost introdusa bucata de cod HTML si a fost urcat pe root imaginea (favicon.ico)
15-Mar-2010 - 04:39


   razvan

Am rezolvat-o. A si aparut (folosesc firefox). Parca e mai frumos cu favicon, ii da o imagine mai buna siteului. Multumim echipei tutorialehtml pt ajutorul oferit incepatorilor. Romanii au nevoie de tutoriale de genul, in romana.
Mersi mult pentru ajutor catalin. O seara buna.
15-Mar-2010 - 04:55

1    


Trimite un comentariu!

Nume *
E-mail *
Vreau sa fiu anuntat de urmatoarele mesaje la acest articol
Comentariu *

Security image