Images réactives, images fluides | Scene7

Notre site Web est conçu à l'aide de techniques de conception réactive. Quelles sont les options relatives aux images dans Scene7 ?

Solution

Suivre ces recommandations pour les images réactives dans Scene7 :

Vérifier que les images ont au moins 2 000 pixels pour la dimension la plus longue. La taille d'image type est comprise entre 1 500 et 2 500 pixels pour la dimension la plus longue. Utilisez des formats d’image sans perte, notamment des fichiers TIFF et PNG. Si vous utilisez une image JPEG, utilisez les paramètres de qualité les plus élevés.

Si vous téléchargez des images haute qualité, elles sont diffusées en qualité optimale sur tous les périphériques. La technologie Scene7 peut faciliter la conception réactive car vous pouvez compléter la largeur, la hauteur et la qualité jpeg dans l'appel de l'image.

A l’aide des techniques de programmation Web souhaitées, vous pouvez coder votre page Web pour demander une image à l’aide des paramètres appropriés à la taille de l’écran en cours.

Consulter un URL d'exemple : http://s7g4.scene7.com/is/image/TechSupportEU/Backpack_B?wid=1000&qlt=70

Noter la différence de taille en Ko de l’image si vous modifiez la taille ou la qualité.

Il n’est pas nécessaire d’ajouter beaucoup de poids aux pages en demandant des images haute résolution. Le poids de page total est un problème si vous avez déjà mis en œuvre une conception véritablement réactive.

Pour plus d’informations sur l’utilisation de différentes tailles d’image et paramètres de qualité, consulter :

http://blog.netvlies.nl/design-interactie/retina-revolution/ http://filamentgroup.com/lab/rwd_img_compression/

En outre, consulter un RWD utilisant le livre blanc de Scene7 de Crown Partners :

http://www.crownpartners.com/news/adobe-scene7-responsive-web-design

URL direct du PDF : http://www.crownpartners.com/sites/all/files/Adobe%20Scene7%20For%20Responsive%20Design.pdf