Adapter les vidéos aux contextes de visualisation

Identifiants

Catégories

Indications

Description

Prévoir plusieurs formats (taille, frame rate, compression audio, etc.) selon le contexte de lecture des vidéos (ordinateur de bureau, tablette Wi-Fi, smartphone EDGE. ).

L’optimisation des vidéos doit être réalisée en dehors du site web, idéalement lors de la postproduction. Si ce n’est pas possible, utiliser des services comme Youtube ou Vimeo qui proposent, par défaut, plusieurs formats optimisés (SD, HD, etc.).

Exemple

Une aide utilisateur tournée en 1 680 × 1 050, d’une durée de 15 secondes, pèse :

• 49 Mo non optimisée ;
• 3 Mo optimisée pour une résolution égale ou supérieure à 1 024 × 720 en MPEG 4 / H.264 / AAC ;
• 1,2 Mo optimisée pour une résolution égale ou supérieure à 480 × 320 en MPEG 4 / H.264 / AAC.

On peut donc estimer un gain d’au moins 50 % du poids (et probablement des gains lors du décodage, car le format d’encodage tient compte des matériels cibles) entre la version « desktop » et la version « mobile » de la vidéo.

Avec 3 tailles différentes × 3 encodages différents, soit 9 versions d’une même vidéo, la plupart des cas devraient être couverts. Avec une logique de responsive design, il est possible de servir telle ou telle vidéo en fonction de règles simples telles que la résolution d’écran.

Principe de validation