1 min read

Come far visualizzare bene le icone dei siti su Android

Stavo notando che le icone dei siti web si vedono proprio male su android, non so su altri dispositivi mobili; dopo un po' di prove e test vari sono arrivato alla conclusione che bisogna adottare lo "standard" html5 apple per ottenere il risultato desiderato.

L'immagine desiderata è in formato .png, le trasparenze sono supportate e ha dimensione 114x114px dopotiché inserite il seguente tag html all'interno della parte <head> del vostro sito.

<link href="/files/icon.png" rel='apple-touch-icon-precomposed' />

Ovviamente l'icona la potete chiamare come volete, ma a differenza di un'icona per il browser desktop che ha rel='icon' in questa dovete specificare rel='apple-touch-icon-precomposed'.

Il risultato è notevole, ma ancora tanti siti non implementano questa opzione.