Un nuovo segno
Il nome ora è un disegno e non più sei caratteri di un monospaziato qualsiasi: una T e una p che condividono la stessa asta. La stessa coppia, da sola, è l’icona — la scheda, il segnalibro, la schermata home del telefono e il launcher Android ricevono quindi un’icona vera invece di una lettera indovinata dal browser.
Il vecchio segno era T>pipe, composto nel monospaziato che la macchina aveva a disposizione, con il segno di maggiore preso in prestito da un prompt dei comandi. Non costava nulla e sembrava ciò che era: un carattere che il browser possedeva per caso, il che significa che il nome assumeva una forma leggermente diversa su ogni schermo in cui compariva.
Che cos’è il segno
Una T maiuscola e una p minuscola fuse lungo l’asta che hanno in comune, e accanto il resto della parola — ipe. La T prende il colore del testo che la circonda, la p è ciano. Poiché è disegnata e non composta, ha la stessa forma a ogni dimensione, su ogni macchina e in qualunque schermata qualcuno ne catturi.
Sta nella pagina come SVG e non come file immagine, per le due cose che un’immagine non sa fare: prendere il colore del testo accanto a cui si trova, e arrivare nello stesso respiro del markup invece che con una richiesta successiva — che è ciò che altrimenti lascia un buco proprio nell’angolo che un visitatore guarda per primo.
Dove compare
Le due lettere fuse da sole, su un quadrato scuro dagli angoli arrotondati, sono l’icona. A sedici pixel una parola intera è una macchia; due lettere sovrapposte restano due lettere.
Tutto nasce da un solo disegno. La scheda del browser e il segnalibro prendono l’SVG; la schermata home di un iPhone e un launcher Android prendono dei PNG, quello Android disegnato più piccolo dentro il suo quadrato perché il launcher possa ritagliarlo senza tagliare le lettere; favicon.ico esiste per tutto ciò che lo chiede senza prima leggere la pagina — un’anteprima di link, un lettore di feed, un elenco di connettori. L’estensione per browser usa la stessa icona nella barra degli strumenti e nella sua scheda sul Web Store, e un assistente che aggiunge il connettore riceve lo stesso file.
Non è cambiato nient’altro: nessun colore del sito si è spostato e nessuna pagina è stata ridisegnata attorno.
Da leggere: salvare una pagina web come Markdown e che cosa guardare in un convertitore di documenti online.