L’ottimizzazione per i nuovi dispositivi mobili non si ferma soltanto alla realizzazione di siti responsive, è importante per i nuovi dispositivi Apple inserire le icone per una corretta visualizzazione su tali dispositivi.

thumb-icon-apple-1

Creare l’icona

La prima cosa da fare è creare l’icona partendo dal template disponibile su AppIconTemplate scaricabile da questo link.

Lavorando sul file PSD potrete creare l’icona che più preferite, quando lo fate tenete sempre in considerazione che sarà il collegamento sulla Dock quindi più piacevole sarà alla vista più facilmente avrà un ruolo importante sul vostro iDevice.

Qualora non vogliate lavorare sul template ma partire da un file vostro le misure sono quattro, relative alle risoluzioni dei vari dispositivi:

iPhone/iPod 60×60
iPhone Retina/iPod Retina 120×120
iPad 76×76
iPad Retina 152×152

Una volta realizzate e salvate in formato PNG nella cartella principale del vostro sito le quattro icone potrete semplicemente inserire il link tag all’interno della head.

	
	
	
	

Assicuratevi di aver sostituito *nomedominio.it* con il vostro dominio e il gioco è fatto!

thumb-icon-apple-2