Favicon

Data publicarii: Martie 2006

Tutoriale » Anexe » Favicon

Anexe Mar 2006

Favicon

Favicon provine de la Favorites Icon.
Este un mic icon asociat unei pagini HTML, sau unui site intreg, care este afisat in Address Bar, inaintea adresei vizitate, fiind utilizat pentru particularizarea afisarii unui site sau pentru promovarea unui logo de firma.

Favicon

Favicon de fapt un fisier cu anumite caracteristici:
1. denumirea favicon.ico
2. dimensiuni 32x32 sau 16x16 pixeli
3. 265 culori

Inainte de a adauga un favicon paginilor asigurati-va ca sunt acceptate pe server astfel de fisiere.

Pentru adaugarea unui favicon sunt necesare doua operatii.
1. se insereaza urmatoarea linie in pagina HTML in zona head:

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

2. se upload-eaza fisierul favicon.ico pe server in acelasi folder cu pagina asociata.

Deobicei favicon-ul se upload-eaza in radacina domeniului (nu in alte foldere ale site-ului).
Daca dorim utilizarea cate unui favicon pentru fiecare subdomeniu in parte vom adapta eticheta de mai sus particularizand calea catre fisierul favicon asociat.

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

Pentru realizarea unui favicon se poate folosi un program de grafica specializat, de exemplu Adobe Photoshop la care trebuie adaugat un plug-in care permite salvarea in format .ico, sau online la:
FavIcon from Pics
FavIcon Generator

De la una din adresele de mai sus puteti transforma un fisier imagine (gif, jpg, bmp, png) aflat pe calculatorul Dvs. in favicon:
1. selectati imaginea care doriti sa o transformati in Favicon folosind butonul Browse
2. apasati butonul Generate Favicon.ico sau Create Icon
3. In cateva momente sunteti anuntati ca puteti download-a fisierul icon apasand butonul Download Favicon.

Puteti verifica online fisierul favicon si modul cum a fost inserat in pagina la adresa:
Favicon Validator

Favicon animat

Puteti asocia unei pagini si varianta de favicon animat cu mentiunea ca in acest caz linia inserata in codul HTML in zona head va fi:
<link rel="icon" href="favicon.gif" type="image/gif">

Un astfel de favicon se poate obtine online la FavIcon from Pics, prin transformarea dintr-un fisier imagine in gif animat.

Sus

Tutoriale
24 Mar 2025  8:14 AM

Copyright © 2005-2023 Termeni si conditii
 
Comentarii:
Sandu
16-03-2013
am incercat sa fac favicon in paint si apoi sa schimb extesia. nu mergea nu aparea in explorer. am vazut cum spui si am facut si eu. validatorul zice ca e ok

Sus