• Inscription
AideApple Aide App Apple iPhone iPad iOS sdk ipod itv support

Bienvenue sur AideApple.com Le Site d'aide qui va trouver la réponse à vos questions en un rien de temps !

Poser une Question
Répondre aux Questions


Site Favoris:

PS Live PhotoShopLive PSLIVE PSL
Concours Aide Apple:


Bientôt Disponible !
+4 votes
557 vues
Bonjour,

Avec la sortie de l'iPhone 5 et tout les formats de mobile iOS j'aurais aimé savoir quels sont les META actuelle à placer sur son site Web ?

Pour être parfaitement compatible avec les différentes résolutions de splash screen et d'icônes

Merci
par (1.7k points) dans Dev Web

Votre réponse

Votre nom à afficher (en option)
Vie privée : Votre adresse de messagerie ne sera utilisée que pour l'envoi de ces notifications .
Vérification anti-spam
Pour éviter cette vérification à l'avenir, Connectez vous ou inscrivez vous.

1 Réponse

+3 votes
 
Meilleure réponse

 

 iOS Devices -->
<link rel="apple-touch-icon" href="apple-touch-icon.png"/>
<link rel="apple-touch-icon" sizes="114x114" href="apple-touch-icon-iphone4.png"/>
<link rel="apple-touch-icon" sizes="72x72" href="apple-touch-icon-ipad.png" />

<!--Splash screen for iOS Devices -->
<link rel="apple-touch-startup-image" href="splash-screen-320x460.png"/>
<link rel="apple-touch-startup-image" sizes="1024x748" href=" splash-screen-1024x748.png" />
<link rel="apple-touch-startup-image" sizes="768x1004" href="splash-screen-768x1004.png" />
<link rel="apple-touch-startup-image" sizes="640x960" href="splash-screen-640x960.png" />

Les différentes tailles des icônes doivent être 57x57, 72x72, 114x114 pour l’iphone 3, l’iphone 4 et l’ipad.
Pour les Splash Screen, vous devez avoir 320x460, 640x960, 768x1004, 1024x748, les 2 premiers concernent l’iphone (portrait/paysage) et les suivant l’ipad (portrait/paysage). Essayez de les nommer exactement «apple-touch-icon.png » et « splash-screen.png ».

Tout ceci est obligatoire seulement si vous souhaitez faire un site iphone & ipad compatible

Exemple de Mise en situation :

Voici un exemple de ce que cela pourrait donner :

<head >

<!-- Display compability for iOS Devices -->
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="viewport" content="width=device-width; initial-scale=1.0" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<!-- END Display compability for iOS Devices -->

<!-- icon for iOS Devices -->
<link rel="apple-touch-icon" href="apple-touch-icon.png"/>
<link rel="apple-touch-icon" sizes="114x114" href="apple-touch-icon-iphone4.png"/>
<link rel="apple-touch-icon" sizes="72x72" href="apple-touch-icon-ipad.png" />
<link rel="apple-touch-startup-image" href="images/splash-screen-320x460.png"/>
<link rel="apple-touch-startup-image" sizes="1024x748" href="images/splash-screen-1024x748.png" />
<link rel="apple-touch-startup-image" sizes="768x1004" href="images/splash-screen-768x1004.png" />
<link rel="apple-touch-startup-image" sizes="640x960" href="images/splash-screen-640x960.png" />
<!-- END icon for iOS Devices -->

</head >
par (3.4k points)
sélectionné par
Youpi !! Merci pour ta réponse rapide et efficace !
De rien Donuts ;)


Le site, les concours ainsi que tous les services d'AideApple sont indépendant d'Apple Inc.
Toutes les marques citées appartiennent à leurs propriétaires respectifs.
Sites Favoris : HomeKit - Star Citizen TV
...