115 Pratiques d'écoconception d'applications à architecture web, et plus...
Source CNUMR [BP_114_fr]

Adapter les vidéos aux contextes de visualisation

Identifiants

GreenITV2V3V4
92115114

Catégories

Cycle de vieTiersResponsable
5. UtilisationUtilisateur/TerminalUtilisateur

Indications

Degré de prioritéMise en oeuvreImpact écologique
323
Ressources Economisées
Processeur / Réseau

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 :

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

Le nombre …est inférieur ou égal à
de vidéos avec une définition de 1080p ou + affichées sur le site web quand le terminal détecté est un smartphone0