Favicon

Ce este un favicon

Prescurtarea Favicon vine de la „Favorites Icon” si este o pictograma afisata de browsere in dreptul siturilor din lista de bookmark-uri. Intre timp, cu evolutia browserelor, favicon-ul a inceput sa fie afisat si in dreptul URL-ului sitului in AdressBar respectiv in TAB-ul in care este deschis site-ul respectiv.

Daca vreti sa va colorati un pic blogul si sa transformati o imagine preferata in favicon puteti folosi cu succes FavIcon from Pics. Un alt site de genul este si favikon. Faviconul este un feature care nu aduce absolut nici un beneficiu si e ignorat de un mare procent din public.

Pe site-ul dynamicdrive puteti transforma un fisier imagine (gif, jpg, bmp, png) aflat pe calculatorul tau in favicon:

  • selectati imaginea care doriti sa o transformati in Favicon folosind butonul Browse
  • apasati butonul Generate Favicon.ico sau Create Icon
  • in cateva momente sunteti anuntati ca puteti download-a fisierul icon apasand butonul Download Favicon.

Cum se face un favicon:

  1. cauti o imagine care sa i-ti placa
  2. ii faci upload
  3. download faviconul creat de site-ul de mai sus
  4. ii faci upload fisierului favicon.ico in radacina site-ului / blog-ului
  5. adaugi codul in header (daca ai blog undeva intre taguri in <head>)

Conform Wikipedia, se recomanda adăugarea a două linii în secţiunea <head>.

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

Cum sa pui un favicon pe site

  • Varianta 1. Pui fisierul favicon.ico in root-ul site-ului, acolo unde e instalat wordpress-ul.
  • Varianta 2. Ai wordpress si nu ai acces la ftp sau ai alta platforma de blogging nu ramane decat sa urci fisierul favicon.ico undeva pe web, pe un server cu hosting gratuit. Mai departe, conditia de baza e sa iti poti edita fisierele din tema vizuala. Pentru cei cu plataforma Blogger se editeaza html, template-ul este intr-un singur fisier, la cei cu plataforma wordpress e vorba de header.php din tema curenta. Se editeaza fisierul dupa caz si se introduce o linie de cod in sectiunea <head> a siteului.

Alte generatoare favicon

Favicon.cc

favicon-cc.png

256pixels

256-pixels.png

FaviconTool

favicons-generator-tool.png

Webscriptlab Favicon Generator

web-script-lab-favicon-generator.png

Flavicon

flavicon.png

Faviconsfor.us

faviconsfor.png

Alte generatoare favicon:

6 păreri la “Favicon”

Comentariile sunt închise.