Optimiser les images avec de grandes zones de couleur unie en utilisant le format GIF - dummies

Partie de HTML5 & CSS3 pour Dummies Cheat Sheet

Lors de l'optimisation des graphiques ayant du texte superposé sur une image photoréaliste, vous devez créer des tranches distinctes pour les zones de l'image qui sont photoréalistes et créer des tranches supplémentaires pour les zones de l'image contenant du texte. Exporter les zones contenant du texte en utilisant le format GIF, et exporter les zones photo-réalistes de l'image en utilisant le format JPEG. Voici quelques conseils pour vous aider:

• Pour les images JPEG de haute qualité, utilisez un paramètre de qualité de 70 lors de l'exportation. Pour les images JPEG plus petites, vous pouvez vous en sortir avec un paramètre de qualité de 50.

• Si vous créez une galerie de photos pour un produit ou pour un photographe, exportez les images au format JPEG avec un paramètre de qualité de 80.

• Lors de la compression d'images au format JPEG, portez une attention particulière aux bords des objets dans l'image. Lorsque vous commencez à voir des pixels ou que les bords manquent de définition, vous avez compressé l'image trop loin.

• Lorsque vous exportez des images en utilisant le format de fichier GIF, utilisez le plus petit nombre de couleurs donnant une image nette et vous obtiendrez une image à chargement rapide.

• Lorsque vous rééchantillonnez des images pour des sites Web, la résolution maximale requise est de 72 pixels par pouce.

Les sites Web sans vidéo sont de plus en plus rares. La vidéo est partout sur Internet: elle est utilisée pour le divertissement, dans les publicités, et pour promouvoir les stars du rock et d'autres artistes. Quand la vidéo est bien faite, c'est une chose de beauté. Voici quelques éléments à prendre en compte lors de l'ajout d'une vidéo à une page Web:

• La vidéo occupe beaucoup de bande passante. Si la bande passante d'un site Web est dépassée, la charge peut être plutôt coûteuse. Au lieu d'héberger la vidéo sur un site Web, téléchargez-la sur YouTube, puis intégrez la vidéo sur une page Web ou un blog.

• Ne pas enfreindre les lois sur les droits d'auteur. Ne copiez pas de vidéos provenant d'autres sites Web ou des vidéos YouTube d'autres personnes et utilisez-les sur votre site Web.

• Vérifiez la licence: Si vous utilisez une vidéo d'un fournisseur ou d'un fabricant sur un site Web commercial, assurez-vous que vous êtes couvert par le fournisseur ou la licence du fabricant.

• Utilisez un caméscope de haute qualité pour enregistrer une vidéo: Non, un iPhone n'est pas un caméscope de haute qualité. Si vous codez des vidéos de mauvaise qualité sur le Web, vous obtenez une vidéo de mauvaise qualité. Rappelez-vous le vieil axiome: Garbage in, garbage out.

• Assurez-vous que les visionneuses du site Web disposent des plug-ins nécessaires pour visionner la vidéo.

• Si vous créez des pages HTML5 avec une vidéo, assurez-vous que l'audience prévue pour ce site utilise des navigateurs compatibles HTML5.

• N'utilisez pas de transitions lorsque vous modifiez plusieurs clips vidéo pour créer une vidéo pour le Web. Les transitions vidéo sont excellentes sur les vidéos HD, mais elles ne sont pas bonnes lorsque vous encodez une vidéo pour le Web.