Oggi ho apportato un piccolissimo cambiamento al sito: ho aggiornato la favicon, ovvero l’iconcina che vedi nei tab del browser (e nei preferiti, se hai salvato l’indirizzo).1Se continui a vedere la precedente molto probabilmente dovrai vuotare la cache.
Eccola qui:
Lo so, è microscopica. Vediamola a 2x:
Rimane piccola e tutta sgranata perché, nonostante siamo nel nostro massimo splendore tecnologico, le favicon hanno mantenuto le stesse dimensioni degli albori di Internet, ovvero 16 x 16 pixel. Poi in realtà la situazione è – ovviamente – più complessa: si possono definire differenti dimensioni e poi ogni browser sceglie quella che preferisce, solo che anche i più avanzati poi continuano a mostrarle a 16×16; in buona sostanza ne prendono una di dimensione maggiore e la riducono, vanificando tutte le tue fatiche di Ercole nel cercare di rendere un francobollo di 16×16 pixel vagamente somigliante al logo originale (perché ridurre troppo un’immagine grande la rende tutta impastata).2Nota: io utilizzo un monitor a 27 pollici con risoluzione 1080p, non è escluso che magari su quelli 4K vengano usate varianti più grandi. Ma non lo saprò fino a quando non mi deciderò a evolvermi anch’io.
Logo originale che è questo (qui c’è un articolo dedicato):
E questi sono tutti i test per arrivare a qualcosa che lo ricordasse almeno lontanamente:
L’ideale sarebbe stato creare un’immagine di tipo ICO perché questo formato consente di inserire tutte le diverse dimensioni in un unico file ma – indovina un po’ – c’è sempre un browser scemo che non è capace di interpretarlo correttamente (in questo caso Safari: ha sempre avuto grossi problemi con la trasparenza delle immagini ICO e aggiungeva degli angoli neri intorno al cerchio). Così alla fine ho realizzato svariate PNG e adesso ogni navigatore si prende quella che vuole.
Poi ho dovuto naturalmente litigare anche con WordPress, perché gestisce le favicon a modo suo (e non permette di usare dimensioni multiple: vuole un’immagine grande e poi la ridimensiona, male, lui), per cui è stato necessario mettere mano anche al PHP. Adesso comunque dovrebbe funzionare tutto.
Il risultato è migliore del precedente pallino grigio? Sì, no, boh… Di sicuro è più coerente, visto che il sito si chiama Lemonskin (letteralmente “buccia d’arancia”) e non Puntinogrigio. Ho anche utilizzato un colore arancione più acceso per creare maggiore contrasto nella barra dei tab.
Non era un cambiamento necessario o importante, ma alla lunga quella sorta di piccolo bersaglio per freccette monocromatico, che resisteva sin dalla nascita del sito, mi aveva stancato. :)