Favicon: che cos'è e come inserirla su Blogger

{Read in English...}
Favicon: che cos'è e come inserirla su Blogger

Questo sarà un tutorial molto semplice, ma che fa da piccolo presupposto ad un paio di post che voglio scrivere nei prossimi giorni.
Molti dei blog che seguo hanno già la favicon personalizzata, altri invece no: è un peccato perché crearla e caricarla sul blog è semplicissimo e regala istantaneamente riconoscibilità, personalità e un pizzico di professionalità in più al nostro spazio.
CHE COS'È UNA FAVICON?
La favicon è una piccola immagine che viene visualizzata nell'intestazione del browser di fianco al titolo di un sito, oppure quando salviamo un sito tra i segnalibri.
Favicon: che cos'è e come inserirla su Blogger
A sinistra, la favicon di Tine the Lazy; a destra, la favicon standard di Blogger.
COME SI CREA?
Partite creando una piccola immagine quadrata. Create qualcosa che rispecchi la grafica e i contenuti del vostro blog.
Qualche spunto. Potreste usare:
  • un elemento riconoscibile del vostro header {come ho fatto io con la “me” disegnata};
  • il vostro logo, se ne avete uno;
  • le iniziali del vostro blog;
  • un elemento che rimanda ai colori e al tema del vostro blog {ad esempio: una piccola torta se avete un blog di cucina, un rocchetto di filo se parlate di cucito, etc.}
Tenete presente che l'immagine finale sarà un quadratino grande 16x16 pixel: vi conviene crearla un po' più in grande, ma provate a portarla a queste dimensioni per capire se il soggetto rimane rinocoscibile una volta rimpicciolito.
Ora salvate il file: potete salvarlo direttamente 16x16px, oppure leggermente più grande. L'importante è che l'immagine sia quadrata e che non superi i 100Kb. Vi consiglio di salvare il file come .jpeg o come .png. La Favicon può conservare elementi trasparenti: se, ad esempio il fondo della vostra immagine è trasparente, salvate il file in .png. Personalmente vi consiglio questa opzione piuttosto che un fondo bianco!
COME SI CARICA?
Andate su Layout, cercate il pannello Icona preferita e cliccate su Modifica.
Favicon: che cos'è e come inserirla su Blogger
Nella finestra di dialogo che si aprirà, caricate il vostro file e salvate. Prima di uscire da Layout, salvate la disposizione.
La vostra immagine verrà automaticamente trasformata da .jpeg/.png a .ico e le dimensioni passeranno a 16x16px. Essa rimpiazzerà l'icona standard di Blogger.
Perché si visualizzi correttamente potrebbe essere necessario un po' di tempo {nel frattempo svuotate la cache del vostro browser, se volete}. Se avete salvato il segnalibro della vostra pagina vi conviene cancellarlo e reinserirlo per velocizzarvi la visualizzazione.

Ecco fatto: un piccolo accorgimento che può fare la differenza.
A presto!
Con questo post partecipo al Linky Party by Topogina:
Linky Party 2014

37 commenti:

  1. Grazie cara, già fatto! Ancora non mi spiego come, ma l'ho fatto!!!

    RispondiElimina
  2. Grazie Silvia! Io avevo già una favicon personalizzata, ma avendo da poco cambiato i colori del blog mi hai fatto venire in mente che devo cambiare pure quella!! ^_^

    RispondiElimina
    Risposte
    1. Beh, non ci sta male quella attuale: il rosa è sempre nella palette di colori dell'header! O l'hai già cambiata nel frattempo? XD

      Elimina
  3. Grazie per avermelo ricordato! Adesso anche io ho la mia favicon! non è tanto leggibile ma per ora va bene...

    RispondiElimina
    Risposte
    1. Un po' piccina forse per il nome completo, ma s'intuisce lo stesso :D

      Elimina
  4. io l'avevo,poi l'ho tolta.
    Perchè?Non lo so,così mi andava ^_^
    lu

    RispondiElimina
    Risposte
    1. Vorrà dire che la rimetterai quando sarai ispirata...
      Buon weekend Lu :)

      Elimina
  5. Ci ho provato nel layout la vedo ma sulla barra non visualizzo nulla.
    Accidenti.
    Ora devo imbastire un po' di cena e poi vedo dove sta l'errore -_-
    (tontolina io)

    RispondiElimina
    Risposte
    1. Nessun errore secondo me: come ho scritto a volte ci vuole un po' di tempo per vederla :)

      Elimina
    2. avevi ragione (come sempre)
      Infatti oggi è apparsa ^_^
      Per ora ho provato con un semplice bottone di Picmonkey, mangari quando trovo una cosina che mi ispira lo sostituisco. Ora so come fare per merito tuo.

      Grande Silvia! Grazie mille =^_^=

      Elimina
    3. Maffigurati! Comunque il bottone è un ottima idea visto il titolo del tuo blog :)
      Buon weekend!

      Elimina
  6. Ciao, il tuo blog sta diventando sempre più carino! Complimenti ^__^

    RispondiElimina
    Risposte
    1. Grazie cara, faccio del mio meglio!
      Un bacione :)

      Elimina
  7. Ciao Tine, io ce l'ho la favicon.
    L'altro giorno il mio blog ha compiuto un anno, se ti fa piacere, ti aspetto per festeggiare con me. =)
    Daniela

    RispondiElimina
  8. Se non mi sbaglio l'avevo già cambiata... O no?!? Vado a vedere!! GRazie Silvietta^^ un bacio

    RispondiElimina
    Risposte
    1. Uhm, io non la visualizzo sul tuo blog... ma sono certa che l'aggiungerai in un attimo quando avrai tempo/voglia ;)

      Elimina
  9. Mi cimento, appena posso, calcolando che una cosa per cui alla gente normale basta mezz'ora a me serve un giorno! Grazie per il tutorial, come sempre utilissimo! E buon wee

    RispondiElimina
    Risposte
    1. Credimi, sono lenta anch'io: per il mio blog ci avevo messo un attimo, per un altro commissionato invece ci avevo perso ore perché l'iconcina che avevo disegnato non si capiva cosa fosse! :S
      Non ti demoralizzare Cecilia. Un bacione!

      Elimina
  10. Ciao Tine,
    Anch'io sono dell'idea che un piccolo dettaglio possa far la differenza, quindi meglio non lasciar nulla a caso! ;)
    Avevo già installato la Favicon, in ogni caso GRAZIE mille per il fantastico tutorial! Besos, Diana.

    RispondiElimina
  11. Ciao Silvia è sempre un piacere leggerti :-)
    Felice domenica.

    RispondiElimina
  12. Grazie, in settimana lo sistemo! =)

    RispondiElimina
    Risposte
    1. Passerò a vedere com'è la tua icona allora :D

      Elimina
  13. Mi stai dicendo che blogger le trasforma automaticamente a file .ico?
    Ho sempre sottovalutato la piattaforma, ma ora ha guadagnato subito subito 100 punti grazie a questa chicca.

    Erika

    RispondiElimina
    Risposte
    1. Lo fa, lo fa... Blogger in fondo ha i suoi pregi, soprattutto per gli utenti alle prime armi o comunque non molto tecnici. Per quanto ogni 2-3 giorni mi domandi "Ma sarà il caso di migrare su Wordpress prima o poi?" :D

      Elimina
  14. Utilissimo tutorial, grazie!
    Un bacio

    RispondiElimina
  15. Grazie dolcissima per questo meravilgioso e utilissimo post!!^_*Grazie bella!!Un bacione!!!!<3

    RispondiElimina
  16. Vorrei sapere perché nel linky party di Alex ci sono solo blog perfetti e curatissimi...il mio sembra una discarica, dovrò proprio impegnarmi ! Grazie

    RispondiElimina
    Risposte
    1. Wow, ti ringrazio per il "perfetto e curatissimo", però non esagerare con le critiche al tuo spazio! Con le "nostre" cose si tende sempre a vedere i difetti sopra i pregi...

      Elimina
  17. Ciao ti ho scoperto grazie allo scambio link di Alex e.. eccomi qui, io la favicon l'ho già messa ma comunque mi faccio un giro nel tuo blog. Se ti va passa a salutarmi ho appena pubblicato il mio modello di Blog Planner! http://lecosedimysa.blogspot.com/2014/01/progetto-il-mio-blog-planner.html Ciao

    RispondiElimina
  18. Grazie per l'idea, non ci capisco molto di web ma di grafica vado molto meglio, cercherò di unire le due cose per fare qualcosa di carino, simpatico ed utile.
    Ciao
    Norma

    RispondiElimina
  19. ciao ti ho conosciuta grazi al linky party by Topogina...io la mia favicon ce l'ho e l'ho personalizzata con un bordo crochet da me creato...spero ti piaccia....se ti va passa a trovarmi: www follipassioni.blogspot.it ciaoooooooooo

    RispondiElimina
  20. Mo Silvia, mi stai dicendo che non e' piu' necessario trasformare l'immagine in formato .ico? Benissimo! Tra i tanti cambiamenti che Blogger effettua senza avvisarci questo mi piace di sicuro!

    Spero che il tutorial sul mio blog non crei confusione allora.. prima di modificarlo apsetto si ricevere qualche lamentela..;)

    Grazie per aver partecipato al linky party! Prima o poi dovremo aggiornarci sui post tecnici dell'altra per evitare di creare doppioni, ti piacerebbe?

    Buona continuazione di settimana e un bacione, alex

    RispondiElimina
  21. Tutorial utilissimo, grazie!!!
    Ora devo solo decidere se utilizzare come immagine un gatto stilizzato su fondo verde (come l'immagine del mio profilo) o una coccinella azzurra su fondo bianco (come l'etichetta che cucio su tutte mie creazioni).
    Dilemma! :)

    RispondiElimina
    Risposte
    1. Idee carinissime entrambe... Secondo me ti conviene scegliere quella che più richiama i colori del tuo blog e l'immagine del tuo profilo, quindi il gattino... Vabbè che io coi gattini sono di parte, ma anche la coccinella delle tue etichette è adorabile :)
      Buona scelta e buona serata!

      Elimina
  22. Molto interessante! Mi chiedevo come si facesse...
    Ma devo ancora sistemare molte cosine sul mio blog prima di arrivare a questi dettagli. Per esempio dovrei elaborare una mia grafica, o un logo, o qualcosa del genere. Sono una frana! Ma prima o poi farò tutto! ;)

    RispondiElimina
    Risposte
    1. Massì, con calma si fa tutto! Il tuo blog è già fresco e gradevole in partenza, può solo evolvere in questo senso. Buon lavoro, passerò a trovarti per vedere i progressi ;)

      Elimina

Ti ringrazio per il tuo commento: mi stai dedicando due minuti del tuo tempo e lo apprezzo immensamente!
I commenti vengono modrerati, perciò non sono visibili appena inviati.
Mi riservo il diritto di cancellare messaggi:
• offensivi, diffamatori e/o volgari;
• a sfondo esplicitamente politico;
• pubblicitari;
• che richiedono 'follow 4 follow': seguimi se ti fa piacere, io farò altrettanto!

Related Posts Plugin for WordPress, Blogger...