Waielbi

La bonne dimension des vidéos en milieu scolaire

Waielbi — 2019-06-03T09:52:58Z

Faire des vidéos avec ou pour la classe est une pratique qui se développe, mais publier ces vidéos est parfois problématique : l'enseignant ne peut / ne souhaite pas forcément utiliser les plateformes telles que Viméo ou YouTube ou même les services académiques du type ScolaWeb, Acamédia,... pour des raisons de droit à l'image. L'ENT de l'école, quand il existe, est la solution la plus adaptée mais l'espace y est compté et les vidéos vite encombrantes.
Or, elles n'ont pas toujours besoin d'être publiées dans des définitions importantes sans oublier que tout le monde n'a pas une "super" connexion... Alors, réduire la dimension des vidéos pour les mettre en ligne peut être très utile...

Les deux paramètres principaux qui font le poids des fichiers vidéo sont, comme pour les images fixes, la définition (nombre de pixels) et la compression qui se traduit par la notion de bit rate ou débit [1] en vidéo qui s'exprime en kilo-bits par seconde kb/s et son multiple le Mb/s.

Une vidéo de bonne qualité exportée en 1920x1080 (1080p) « pèse » environ 100 Mo par minute. En divisant les dimensions par deux et éventuellement en réduisant le bit rate on arrive à diviser ce poids par 3 à 4 (25-30 Mo/min) et jusqu'à 5-7 Mo par minute si la vidéo est simple ou comprend des images fixes...

Donc pour une belle vidéo de 960x540 on peut retenir que l'on aura besoin de 25 Mo par minute environ, soit 100Mo pour une capsule de 4 minutes...

Partir du projet et exporter une vidéo réduite

La meilleure façon pour ne pas avoir à réduire une vidéo, c'est de la créer... « réduite ». Si on est l'auteur de la vidéo, on possède probablement le projet dans son logiciel de création vidéo. On peut alors le rouvrir et exporter une vidéo dans une définition plus petite. En résumé, on conserve la meilleure qualité tout au long du montage, puis on exporte le film terminé dans différentes qualités.

iMovie sur iPad


iMovie : exporter le projet pour créer un fichier vidéo


iMovie choisir la définition de l'export

Ici notre fichier original fait 774 Mo (1080p), l'export en « Grande - 540p » produit un fichier de 960x540 soit la moitié des dimensions (un quart du nombre de pixels) de 208 Mo et l'export en « Moyenne - 360p » un fichier de 640x360 pixels de 124 Mo. Les bit rates d'iMovie restent élevés 3600kb/s et 2100kb/s ce qui explique les poids de fichiers assez forts.

Powerdirector sur Android

L'application de montage PowerDirector permet de rouvrir ses projets et d'en créer un export dans trois formats différents. Pour chacun, on peut régler la compression par le bouton « Paramètres »


PowerDirector : trois résolutions différentes

Sur PC

Tous les logiciels de montage proposent différentes définitions d'images lors de l'export d'un projet vidéo. Un exemple avec OpenShot :


OpenShot : réglage d'un profil d'export en 960x540

En plus des dimensions, ces logiciels de montage proposent de régler le débit (bit rate), parfois désigné par « qualité » comme sur Kdenlive :


Kdenlive : réglage de l'export dimension et qualité (bit rate)

Réduire une vidéo existante

Et puis, on peut redimensionner le format d'un fichier vidéo existant ce qui diminue énormément son poids. Pour cet article j'utilise une vidéo scolaire de 7 minutes exportée d'iMovie en 1920x1080 qui fait 744 Mio. En divisant les dimensions par deux (960x540, ce qui reste une bonne résolution) on passe à 40 Mio environ ! Ce redimensionnement s'est aussi accompagné d'une diminution du bit rate des 13000 kb/s initiaux à 3600 - 640 kb/s selon les méthodes.

Avec HandBrake sur un PC sous Windows / MacOS / Gnu/Linux

HandBrake est un logiciel opensource que l'on trouve à cette adresse : https://handbrake.fr/downloads.php. Une version portable existe pour Windows. Et sur Gnu/Linux, si la version des dépôts est trop vieille (1.1 sur Ubuntu 18.04, on peut utiliser un flatpak plus récent).

HandBrake est puissant par les réglages qu'il propose qui sont très détaillés mais il peut aussi être simple à utiliser si on reste dans les formats prédéfinis.

Par défaut HandBrake produit des fichiers avec l'extension m4v. On peut lui demander de produire des mp4, mieux traités par les ENT. Ce réglage est dans le menu "Outils" → " Préférences " → "Fichier de sortie " → "Extension de fichier mp4" → "Toujours utiliser mp4" :


HandBrake - changer l'extension m4v en mp4


HandBrake - réglages des dimensions

On choisi notre vidéo à réduire par le bouton « Ouvrir source ». Puis on choisi un préréglage dans la liste.

On peut ensuite personnaliser ce réglage. Par exemple ici 960:560 à partir du "Fast 1080p30".

On lance le travail par le bouton « Démarrer l'encodage ».

Le résultat est créé dans le dossier vidéo de Windows par défaut.

Avec VLC sur un PC sous Windows / MacOS / Gnu/Linux

VLC est forcément déjà installé sur votre PC ! Sinon il faut vite y remédier car c'est bien plus qu'un outil de visionnage ! Voici un tutoriel sous forme de diaporama :

Icône ou lien sur lequel on clique pour afficher la présentation Sozi...

Avec ffmpeg sur un PC sous Gnu/Linux

Pour ceux qui n'ont pas peur du terminal de commandes, voir cette page : « Petit répertoire de commandes pour un terminal »

Sur Android avec Video Transcoder

Video Transcoder est une application libre (licence GPL) gratuite et sans pub que l'on trouve sur :

F-Droid : https://f-droid.org/fr/packages/protect.videoeditor/
Google Play : https://play.google.com/store/apps/details?id=protect.videoeditor

Elle permet de ré-encoder des vidéos dans différents conteneurs avec différents codecs mais aussi de changer le format de sortie (redimensionner) et enfin de découper la vidéo (décaler les points d'entrée et de sortie), bref une perle. On commence par lancer l'appli et choisir la vidéo à réduire :	Video Transcoder : choisir la vidéo à réduire Taper sur le bouton « Sélectionner la vidéo »	Puis on règle les paramètres de la vidéo à produire, notez les curseurs ronds sous la vidéo qui permettent de déplacer le début et la fin de la vidéo :	Video Transcoder : réglage du transcodage Régler le conteneur (ici mp4), le codec (H.264) et le nombre d'images par seconde...
La capture d'écran suivante montre la suite des réglages : définition de l'image (appelée résolution ici) et la vitesse de téléchargement (bit rate) :	Video Transcoder : réglage suite Plus bas sur le même écran, on règle la résolution avec le menu déroulant puis la vitesse de téléchargement (bit rate) en l'entrant manuellement. On peut aussi régler le bit rate audio.	On remonte l'écran pour taper le bouton « Encoder » se qui lance la création de la vidéo réduite : L'opération peut être un peu longue surtout sur du matériel peu puissant. Mieux vaut bloquer la mise en veille de l'appareil qui risquerait de mettre le processus en pause.	Video Transcoder : transcodage en cours... Selon la puissance du terminal, le transcodage peut être long.

Pour la vidéo utilisée (744 Mo) l'application a produit une vidéo de 46 Mo à 960x540 pixels et 700 kb/s de débit avec une bonne qualité. Le résultat est enregistré dans le dossier « Movies » de la tablette.

Au passage, cette application sait aussi transcoder les fichiers audio, ce qui permet de nettoyer le début et la fin de nos enregistrements audio et d'en faire un fichier mp3 ou ogg facilement.


Video Transcoder - Résultat 960x540 : 45,9 Mo

Sur iPad

Pour redimensionner une vidéo existante sur iOS, le plus simple est certainement de créer un nouveau projet iMovie, d'y ajouter notre vidéo à réduire et d'exporter la vidéo dans un format plus petit (Grande ou Moyenne). Les résultats restent assez lourds (4 fois plus qu'avec VLC, Ffmpeg ou Video Transcoder) car on ne peut pas diminuer le bit rate des vidéos exportées par iMovie. Dans notre exemple la sortie en 960x540 fait 208Mo soit 30Mo/min au lieu de 7 avec VLC :


iMovie - Résultat de l'export en 960x540 : 208,8Mo

Quels définitions et débits choisir ?
Quelle taille d'image régler et quel sera le bit rate le plus adapté ?

La dimension de l'image

La question à se poser est « Sur quel appareil la vidéo va-t-elle être vue ? ». Si on vise le pc et la tablette moyens, inutile de dépasser le 1080p ce qui est déjà très grand. C'est par contre le format le plus courant (Full HD) des caméras embarquées dans une tablette ou un smartphone. On peut couper ce format en deux en 2 (960x540) et conserver une vidéo de qualité ou en 3 (640x360) si on a moins besoin de l'image. Attention à ne pas faire trop petit si la vidéo contient du texte qui doit être lu.

Voici un repère de définition entre HD, HD/2 et HD/3, cliquer sur l'image pour la passer en plein écran puis cliquer encore pour l'afficher à 100% :

Et voici la même vidéo de 2:55 minutes redimensionnée de HD/4 à HD :

Exemple à 320x180 pixels (HD/4)
11,3 Mo

Exemple à 640x360 pixels (HD/3)
27,4 Mo

Exemple à 960x540 pixels (HD/2)
48,4 Mo

Exemple à 1920x1080 pixels (HD)
334,8 Mo

Le débit

Quel bit rate pour quelle définition d'image ? C'est une question à laquelle il est difficile de répondre. Le débit idéal dépend des exigences en qualité d'image de l'auteur et de la complexité de l'image de la vidéo elle-même (un diaporama a besoin de beaucoup moins de débit qu'une vidéo qui contient de nombreux éléments en mouvement).

Certains logiciels comme VLC choisissent un débit moyen si on n'en règle pas, on peut s'y fier. Si notre vidéo est courte on peut faire des essais et choisir le meilleur réglage. Voici cependant quelques repères issus des recommandations des plateformes de publication vidéo :

Définition de la vidéo en pixels	Débits recommandés
1920x1080 « Full HD »	3 à 6 Mb/s soit 5000 kb/s
1280x720 HD	1,5 à 4 Mb/s soit 3000 kb/s
960x540 (Full HD/2)	1,5 à 2 Mb/s - 1700 kb/s
640x360 (Full HD/3)	0,4 à 1,0 Mb/s - 700 kb/s
320x180 (Full HD/4)	0,3 à 0,7 Mb/s - 500 kb/s

Pour des vidéos en 16/9 à 30 images/s

Historique de la page :

mise en ligne 09/06/2019
mise à jour 08/04/2020 : ajout d'HandBrake

[1] Taux d'échantillonnage

Produire un format vidéo bizarre...

Waielbi — 2017-08-26T16:55:44Z

Faire une vidéo dont les dimensions ne sont pas standards (par exemple la vidéo de couverture de Facebook, 820x312 pixels, soit une forme bien plus large que du 16:9...) en utilisant un gabarit. Pour cela il nous faut un logiciel de montage multi-piste qui supporte le redimensionnement des vidéos. Ici on utilise Kdenlive, mais cela fonctionne aussi très bien avec Adobe Premiere Element. Pour la dernière étape on utilise FFmpeg, pour la création du gabarit on utilise Gimp.

Créer le gabarit de montage

La première étape du projet est de fabriquer le gabarit de montage. On utilise Gimp [1] . On crée une image de 1920x1080 pixels avec un fond transparent. 1920x1080 c'est le format d'origine de notre vidéo, évidemment on adapte aux autres formats (1920x1440, 1280x720,...) en fonction de notre appareil de capture vidéo. Si l'on souhaite réaliser un montage à partir de vidéos dans des formats différents, c'est tout à fait possible, il suffit de choisir le format de gabarit le plus adapté à notre projet.


Créer une image avec transparence

Puis on rempli cette image avec du noir :


Remplir avec le pot de peinture

On crée une sélection rectangulaire de 820x312 pixels que l'on positionne à 550 et 384 pixels (au centre de notre gabarit). Pour cela on se sert des options de l'outil de sélection rectangulaire :


Positionner la sélection


Sélectionner les 820x312 pixels centraux

Évider cette sélection pour créer la fenêtre (touche suppr) :


Création de la fenêtre dans le gabarit

Enfin on rend le tout légèrement transparent, à l'aide de l'outil calque et de son curseur « Opacité » :


Rendre le gabarit transparent (60%)

Voici donc notre gabarit que l'on va pouvoir importer dans le logiciel de montage, ici Kdenlive [2] :


Gabarit de montage à importer dans le logiciel de montage vidéo

Si nos fichiers vidéos ne sont pas de 1920x1080 mais de 1920x1440 par exemple, il faudra adapter le gabarit.

Voici le fichier xcf (Gimp) avant export en png :


Gabarit de recadrage avant export en png

Montage

On lance Kdenlive, puis on vérifie que les réglages du projet (Menu « Project » → « Project settings » ) correspondent à ce qu'on souhaite (ici 1920x1080)


Propriétés du projet

Ensuite on importe nos « clips » par le menu « Project ». On prend soin de placer le gabarit au premier plan (piste vidéo1), il doit être sur le haut de la pile.


Les vidéos sous le gabarit

On étire la durée de notre gabarit autant que nécessaire, puis on place les vidéos dans les pistes sous-jacentes. On voit la vidéo à travers la fenêtre et on visualise ce qui sera hors-cadre grâce à la transparence du gabarit.


Effet Pan/Zoom

On ajoute l'effet « Pan / Zoom » : clic-droit sur le clip sans la table de montage puis « Add Effect » → « Crop and Transform » → « Pan and Zoom ». Alors des poignées apparaissent sur la vidéo dans le « Project Monitor » et on peut redimensionner et déplacer notre vidéo par rapport au gabarit pour y faire apparaître ce que l'on souhaite


Redimensionnement et déplacement de notre vidéo

Une fois notre montage terminé, on supprime le gabarit de la piste 1, ou on le réduit pour qu'il ne dépasse pas la durée de montage :


Adapter la durée du gabarit à celle du projet ou supprimer le gabarit

Puis on demande un rendu avec le menu « Project » → « Render »


Réglages de rendu de la vidéo

On gagne du temps en enregistrant notre fichier vidéo dans le dossier personnel car on va utiliser le terminal pour découper le gabarit avec FFmpeg.


Rendu en cours

Une fois le fichier vidéo créé, il ressemblera à cela :

Résultat du montage en 1920x1080

Affiché en 640x360, utiliser le lien ci-dessous télécharger le fichier.


Résultat du montage en 1920x1080

Crop

On va se servir de FFmpeg [3] pour retailler l'image, le but étant de supprimer tout ce qui est autour de notre fenêtre. Pour cela on utilise la commande suivante

ffmpeg -i vid_couv.mp4 -vf crop=820:312:550:384 -strict -2 vid_couv_cropped.mp4

Les paramètres de crop correspondent à la dimension de la vidéo finale et aux coordonnées du coin haut gauche en pixels, ici x=550 pixels et y=384 pixels

Exemple

On peut tout à fait combiner les pistes de différentes façons pour créer une mosaïque, comme dans cet exemple :

Vidéo de couverture pour une page Facebook

[1] Gimp : logiciel libre d'édition d'images. https://www.gimp.org/fr/

[2] Kdenlive : logiciel d'édition vidéo libre, https://kdenlive.org/

[3] FFmpeg est une collection d'outils libres pour l'édition et la conversion vidéo, https://ffmpeg.org/