Waielbi

Les images numériques

Waielbi — 2021-06-15T05:57:20Z

Photos, dessins, captures, ... l'enseignant et sa classe manipulent de nombreuses images. Voici une tentative de synthèse avec des outils, des aides et des activités...
Les outils sont nombreux, la difficulté est donc de conserver cette liste courte.

Sommaire

Cliquer sur les liens pour afficher la fiche des logiciels et accéder aux ressources liées.

Logiciels pour PC, Mac et Gnu/Linux...

Capture

Pour capturer des images depuis une webcam ou un visualiseur ? Voir cet article : Logiciels pour visualiseurs et webcam ;

Pour utiliser un scanner afin de créer des images numériques il faut d'abord un pilote. En général, on utilisera le logiciel du constructeur du scanner qui a été installé avec le pilote. Avec Gnu/Linux, on bénéficie de pilotes génériques qui permettent de faire fonctionner une très grande variété de scanners [1].

Simple-Scan

Pour numériser une image ou du texte en Gnu/Linux avec un bureau Gnome.

Les copieurs récents sont capables de scanner vers une clef usb ou d'héberger les scans que l'on peut ensuite récupérer depuis un pc sur le réseau en web en entrant l'adresse ip du copieur. Les copieurs proposent en général une très bonne qualité de numérisation, un format A3 et un trieur de documents pour scanner de nombreuses pages rapidement.


Récupérer un scan sur un copieur - Kyocera

Édition des images matricielles

Pour de l'aide et des pas-à-pas sur les trois premiers logiciels, on consultera cette page : Édition d'images.

Photofiltre

PhotoFiltre est un logiciel d'édition d'images pour PC-windows suffisamment pour être utilisés par des élèves de cycle 3 mais assez puissant pour réaliser toutes les tâches courantes qu'un enseignant peut vouloir.
Voir les tutoriels ce logiciel

XnViewMP

Afficher, classer, éditer et convertir les images, multiplateforme. Très efficace pour la modification de lots d'images.
Voir les tutoriels ce logiciel

Gimp

Édition des images, probablement le plus puissant de cette liste. Gimp est libre et multiplateforme.
Voir les tutoriels ce logiciel

Photos

Application de Windows pour afficher, classer, modifier et annoter les photos.

Dessin vectoriel

Inkscape

Le dessin vectoriel libre et multi-plateforme.

LibreOffice Draw OpenOffice Draw

Module de dessin de la suite LibreOffice / OpenOffice

Dessin matriciel

Tux Paint

Dessiner dès la maternelle.

Paint 3D

Application pour Windows qui permet de dessiner et de manipuler des modèles 3D.

Captures d'écran

Capture d'écran et croquis

Application de Windows pour créer des captures d'écran et les annoter.

Capture

La capture d'écran sur les bureaux Gnome.

Firefox

Pour capturer des pages web : capturer un élément de la page, la page visible ou la page entière.

Applis mobiles pour Android et iOS

Prise de vue

Simple Camera

Si l'appli de prise de vue de votre matériel Android est décevante, voici une alternative simple convaincante.

Open Camera

Pour un appareil photo Android qui offre plus de réglages : verrouillage de l'exposition et de l'orientation, télécommande Bluetooth, format de fichier (jpg, png et webp), bracketing, infos exif, sensibilité, intervallomètre,...

Appareil Photo

L'appli iOS de prise de vue.

Light Trace Artist

Une appli pour faire du lightpainting facilement. L'appli a deux modes : photo et crayon. On peut s'en servir pour capturer sur une tablette, pendant qu'on l'utilise sur d'autres appareils comme sources de lumière.

La plupart des marques de copieurs ont une appli mobile qui permet de scanner (et imprimer) depuis une tablette. Pour certains supports (affiche, production graphique, double page de manuel,...) le résultat est bien meilleur et rapide qu'une photographie [2]

Édition

Galerie Simple Les constructeurs proposent tous une appli par défaut qui gère les photos et permet de les éditer, on trouve le meilleur et le pire... Cette appli opensource Android permet le recadrage, redimensionnement, annotation, filtres, ... sans pub. Elle remplacera celle de vos tablettes qui ne vous conviendrait pas.	Image Pipe Redimensionner des images à la volée une par une ou par lots.	Photo Compress Appli Android pour redimensionner et compresser les images par lots ...	Batch Resize Redimensionner un lot d'images avec un iPad.
Photos La photothèque des iPads : classer, annoter, recadrer,...	Pixel Station Créer et animer des images pixel art.	PrivacyBlur Flouter ou pixeliser des zones sur une images.

Capture d'écran

Screenshot Tile

Pour ajouter un bouton « capture d'écran » au volet des raccourcis Android.

Outils et ressources en ligne

Édition

Travailler en ligne sans avoir rien à installer ça a l'air plus simple, mais :

les gros fichiers qui doivent traverser le web prennent du temps de chargement ;
les images qui contiennent des données personnelles (visage, texte, ...) ne doivent pas être envoyées n'importe où !

On choisira donc autant que possible des outils qui travaillent localement (sans envoyer les images sur un serveur).

pQina

Un éditeur de photos dans le navigateur qui travaille localement sans envoyer les images sur internet.

Redacted

Flouter, pixeliser ou noircir une zone sur une image.

TinyPng

Optimiser (« tinyfier ») les images. Environ 2/3 de gain sur des PNG en conservant la transparence. D'après les « Terms of use » le site conserve les images 48h maximum.

Remove BG

Détourer des photos automatiquement ? Sans lasso ni baguette magique ? Oui c'est possible...

Rasterbator

Créer des affiches et posters grands formats à partir d'images...

Télécharger des images

Des images libres de droits

Clic images

Une banque de plus de 1000 illustrations indexées et libres de droits (sous licence Creative Commons niveau paternité 2.0).

ARASAAC

Une vaste collection de pictogrammes.

Abuledu Data

Un moteur de recherche d'images, de sons, de textes, libres pour l'éducation.

Sclera Pictogrammes

Sclera propose un moteur de recherche, un index et des téléchargements par catégories pour trouver des pictogrammes. Ils sont tous libres de droit.

Lumni/Éduthèque

Un certain nombre de partenaires Éduthèque, offrent des images à télécharger : citons en particulier « L'histoire par l'image », « RetroNews », « Panorama de l'art », le Muséum d'Histoire Naturelle, Le Louvre, ...

Héberger, publier une image

En premier lieu, on pensera à l'ENT de l'école si on a un. Mais on peut avoir besoin d'un lien direct sans authentification ou que l'image soit publique et accessible par tous.

Nextcloud d'apps.education.fr

Une images déposée dans le Nextcloud de la boite peut être partagée par lien qu'il est aisé de distribuer.

Lutim

Le Collectif des Hébergeurs Alternatifs, Transparents, Ouverts, Neutres et Solidaires, Chatons, propose des instances de Lutim gratuites pour utiliser le service

Thinglink

Une webapp pour publier une image et l'enrichir avec des liens et d'autres médias.

Réglementation

Il y a deux axes principaux qui concernent les images dans la réglementation :

le droit à l'image avec :
- l'autorisation de prise de vue ;
- l'autorisation de publication ;
la propriété intellectuelle, les droits d'auteur.

Autorisation parentale

Eduscol a conçu un document qui permet de recueillir l'autorisation de tout cela à la fois pour l'image et la voix : voir sur cette page. Il va de soi qu'il faut conserver ces autorisations (et probablement déclarer ces traitements (recueil et conservation) dans le registre RGPD académique).

Et pour réfléchir un peu sur les pratiques photos de l'enseignant dans sa classe, un court article qui pose bien les choses : Un cadre pour la photo numérique scolaire.

Droits d'auteurs

Pour l'utilisation d'images produites par autrui, s'ajoute la dimension des droits de l'auteur. Par défaut, partons du principe que tout ce qui n'est pas explicitement autorisé est interdit. Formulé autrement on n'utilisera que des images libres pour nos publications.

Si l'enseignant utilise les images en classe (projection) ou dans un ENT, il a un peu plus de droits car il bénéficie de l'exception pédagogique pour les œuvres protégées (BO du 29/09/2016), les limites sont précisées dans le contrat établi avec le centre français de la copie, le résumé publié sur cette page devrait être connu de tous les enseignants.

Des activités

Initiation à la photo en maternelle

La construction du regard commence en cycle1, le détail de ce projet sur ce site Canopé, « Initiation à la photo en maternelle » :

Découvrir des notions de cadrage ;
Acquérir le vocabulaire spécifique ;
Verbaliser, argumenter ses choix.

Photographie à l'école - un projet unique d'éducation du regard

Le site présente des projets photos conduits avec la maison de la photographie Robert Doisneau de Gentilly. https://photographiealecole.com/

Photomontages et roman photo à l'école primaire

Présentation de projets, ac-poitiers, 2012 et 2017 :

Des pistes plastiques pour travailler la photo en classe

Un grand pdf richement illustré pour de nombreuses pistes sur la photo à l'école : « Des pistes plastiques pour travailler la photo en classe », CPD Arts 77, 2019.

Pratiquer la photographie en arts visuels

Tous cycles. Une séquence et des outils pour se lancer. Le projet utilise une site de la BnF avec des supports pédagogique sur Atget. Pratiquer la photographie en arts visuels, CPDAV 42, 2014-2017

Créer des images animées

Il est possible de créer des images animées simplement à partir d'une série d'images fixes ou d'une vidéo. Pour cela on utilisera Gimp sur PC, ou l'appli Galerie des tablettes Samsung ou Video Transcoder.

[1] Ne jetez pas vos vieux scanners usb qui ne sont plus reconnus par Windows 10 faute de pilote car ils fonctionnent probablement très bien avec un PC Gnu/Linux...

[2] Kyocera Android/iOS, Minolta Android/iOS, ... une recherche dans les magasins d'applications ou sur le site du constructeur du copieur permet de trouver les applis.

Petit répertoire de commandes pour un Terminal

Waielbi — 2016-10-01T18:52:34Z

Utilisateur de Gnu/Linux, la ligne de commande est d'une grande efficacité mais retenir les commandes et leurs paramètres... d'où l'idée de ce répertoire qui me permet d'éviter de perdre du temps à retrouver la commande si pratique utilisée il y a quelques mois... Et si ça peut servir à d'autres, autant le mettre sur ce site.

Ces commandes sont utilisées sur Ubuntu.

Sommaire

Autour des images

Convertir un lot d'images en un fichier pdf

Pour cela on a besoin d'ImageMagick : on se place dans le dossier qui contient les images et on lance :

convert *.jpg aaa.pdf

Et hop, j'obtiens un fichier pdf : aaa.pdf. Cela fonctionne aussi très bien avec des png ou des gif. Attention l'extension est sensible à la casse (.JPG est différent .jpg). Les pages du pdf sont créées dans l'ordre alphabétique des noms de fichiers jpg. Attention : mon_fichier_2.jpg sera placé après mon_fichier_198.jpg. Pour régler cette histoire d'ordre, on peut passer par pyRenamer et nommer nos fichiers avec cette règle : mon_ficher_{num3}.jpg. [1]. On obtiendra alors dans l'ordre : mon_fichier_001.jpg, mon_fichier_002.jpg, ... mon_fichier_198.jpg, ...

Depuis Ubuntu 18.04, j'obtiens cette erreur :

convert *.JPG aaa.pdf convert-im6.q16 : not authorized `aaa.pdf' @ error/constitute.c/WriteImage/1037.

C'est la création de fichier pdf qui est bloquée par défaut dans le fichier policy.xml d'ImageMagick. Il suffit d'éditer le fichier et de commenter la ligne concernée :

on trouve policy.xml dans le dossier /etc/ImageMagick-6 sur Ubuntu 18.04 ;
on édite par un
sudo vi /etc/ImageMagick-6/policy.xml
on commente la ligne « en ajoutant « < !— » au début et « —> » à la fin :

Créer une « planche contact » à partir d'un dossier de photos

On place nos photos dans un dossier, puis on lance la commande :

montage *JPG -tile 3x -geometry 200x planche.jpg

Pour faire une planche avec des images dont la plus grande dimension sera 200 pixels. On peut ajouter un espacement avec +2+2 (montage *JPG -tile 3x -geometry 200x+2+2 planche.jpg)


Planche contact à partir de 12 photos

Redimensionner un lot d'images

Attention les images d'origine seront écrasées :

mogrify -resize 300x200 *.JPG

Avec cette commande ImageMagick, les .JPG de ce dossier auront la dimension 300x200 pixels... ou ???x200 pixels si elles sont verticales. On peut aussi utiliser la commande en % :

mogrify -resize 25% *.JPG

Créer un gif animé à partir d'un lot d'images

convert -delay 20 -loop 0 *.JPG Animation.gif

L'unité du paramètre delay est le centième de seconde, donc ici 0.2s soit 5 i/s. Beaucoup plus d'infos sur cette page.

Autour des pdf

Optimiser un pdf, réduire sa taille

On utilise gs qui est déjà installé sur Ubuntu :

gs -sDEVICE=pdfwrite -dCompatibilityLevel=1.4 -dPDFSETTINGS=/ebook -dNOPAUSE -dQUIET -dBATCH -sOutputFile=bbb.pdf aaa.pdf

Ainsi, le fichier aaa.pdf est enregistré en bbb.pdf une fois optimisé. Selon le type de pdf à optimiser les résultats seront plus ou moins intéressants. Pour un pdf riche en images les résultats peuvent être spectaculaires. Par exemple ici, deux pdf officiels avec une réduction de 0.8 à 0.3...


Exemples à partir de 2 pdf

Récupérer chaque page d'un pdf en images (jpg ou png)

On va utiliser Image Magick, la commande de base est celle-ci

convert mon_pdf.pdf page.jpg

Cela nous donne des fichiers de 595x842 pixels pour du A4, soit du 72ppp. Et si on ne précise rien la qualité jpg est de 100, soit zéro perte. On adapte notre commande en intégrant ces paramètres :

convert -density 100 -quality 70 mon_pdf.pdf page.jpg

Ce qui revient à demander une conversion en 100ppp (density 100) et une petite compression jpg (quality 70). Pour se repérer, une page A4 fait 8.2x11.7 pouces. Avec density à 100 on aura une image d'à peu près 800x1200 pixels, avec 200 : 1600x2400, ... Pour la liste des paramètres de convert, sur la documentation en ligne d'Image Magick

Si la conversion ne se fait pas avec un message à propos de la Security Policy, il faut vérifier que l'on a une version de Ghostscript supérieure à 9.24 et lever ce blocague en supprimant toute la section du fichier /etc/ImageMagick-6/policy.xml [2] ;
Si la conversion ne va pas à terme avec le message « cache resources exhausted », il faut éditer de nouveau /etc/ImageMagick-6/policy.xml et changer les valeurs relatives aux ressources [3] :

Autour de la vidéo

Extraire les images d'une vidéo

Avec cette commande qui nécessite mPlayer, on obtient des images png (si on veut du jpg il faut utiliser jpeg à la place de png) numérotées. Pour notre exemple, une vidéo de 6s secondes à 30i/s en 1920x1080 donne 184 images de même dimension.

mplayer -vo png aaa.MP4


6 s de vidéo pour 180 images...

Avec ffmpeg, on obtient le même résultat avec la commande

ffmpeg -i aaa.MP4 image_%04d.png

Cependant les images on été compressées (2,1Mo au lieu de 6) et sont nommées image_0001.png, image_0002.png...
En général, on souhaite extraire les images d'une petite partie de la vidéo, pour cela on se sert des paramètres -s (début en secondes) et -t (durée en secondes), on peut aussi choisir le nombre d'images par seconde avec -r (nombre d'images par seconde)

ffmpeg -i aaa.MP4 -r 12 -ss 3 -t 1 image_%04d.png

Un très bon site pour en apprendre plus sur ffmpeg..

Transcoder une vidéo pour du montage

Mon logiciel de montage n'accepte pas mes vidéos ! C'est chose courante pour MS Movie Maker, la seule solution transcoder pour qu'il accepte notre vidéo (ici un fichier webm téléchargé sur Wikimedia)


Movie Maker ne prend pas en charge le type de fichier sélectionné

ffmpeg -i aa.webm -strict -2 bb.mp4

Avec aa.webm comme fichier à transcoder et bb.mp4 comme résultat.

Transcoder ma vidéo en webm

Pour insérer une vidéo en html5, par exemple cette vidéo mp4 (1280x720), FFmepg va la transcoder en webm et on va lui demander de réduire ses dimensions à 320x240

ffmpeg -i donator.mp4 -vf scale=320:240 -strict -2 bb.webm


bb.webm

Pour conserver une bonne qualité à une vidéo que je souhaite verser sur Wikimedia Commons :

ffmpeg -i MON_FICHIER.mp4 -codec:v libvpx -quality good -cpu-used 0 -b:v 4000k -maxrate 4000k -bufsize 8000k -qmin 10 -qmax 42 -vf scale=-1:1080 -threads 4 -codec:a vorbis -b:a 128k -strict -2 MA_VIDEO.webm

Plus d'exemple avec webm ici : https://doc.ubuntu-fr.org/webm.

Transcoder une vidéo en mp4

Ah tiens... depuis qu'on m'a prêté une tablette avec une pomme, je m'aperçois que les vidéos en webm ne sont pas lues nativement par Safari. Donc le mp4 est le conteneur le plus « universel » pour la vidéo-web [4]. Du coup mon exemple précédent (webm) est bidon, mais bon on adapte la commande pour faire du mp4 depuis du wmv, de l'avi, du mov, ... Et puis on a toujours besoin du format WebM pour les vidéos qu'on souhaite déposer sur Wikimedia Commons...

ffmpeg -i DSCN1804.MOV -vf scale=480:270 -strict -2 exemple.mp4


Fichier vidéo créé par un appareil Nikon - 1920:1080 codec H.264 dans un conteneur MOV


Après transcodage et redimensionnement même codec H.264 et conteneur mp4

Au passage, notons qu'un petit redimensionnement change considérablement le poids du fichier. Exemple : une vidéo en 1920:1080 redimensionnée en 1280:720 passe de 700 Mo (trop grosse pour Viméo gratuit) à 80 Mo

Redimensionner une vidéo

On va imaginer que c'est pour publier la vidéo, alors on va travailler en mp4 avec le codec h264, mais c'est possible avec les autres conteneurs et codecs.

ffmpeg -i corr4.MOV -c:v libx264 -vf scale=960x540 -crf 23 video_reduite.mp4

La dimension finale est passée par scale= et le paramètres -crf est le niveau de qualité souhaité pour à partir du quel ffmpeg choisit le bit rate pour travailler, il est propre à h264, C'est une échelle de 0 à 51 où 0 est sans perte, 23 est le réglage par défaut et 51 est la pire qualité possible.
Ressources pour les différents codecs :

Webm : https://trac.ffmpeg.org/wiki/Encode/VP9
H.264 : https://trac.ffmpeg.org/wiki/Encode/H.264
H.265 : https://trac.ffmpeg.org/wiki/Encode/H.265
AV1 : https://trac.ffmpeg.org/wiki/Encode/AV1

Supprimer les bandes noires d'une vidéo

L'exemple : je viens de faire une capture sur un iPad (en 1920:1440), et j'ai monté la vidéo capturée avec iMovie. Problème iMovie m'a collé deux bandes noires pour faire du 16:9 soit un format de sortie en 1920:1080.
La solution : cropper avec FFmepg.

au lieu de sortir la calculette, demandons a FFmpeg un cropdetect : on lui fait lire 3 secondes de la vidéo et déterminer les coordonnées de la vidéo sans les bandes noires :
ffmpeg -i ipad.mov -vf cropdetect=24:16:0 -ss 0 -t 3 -strict -2 test.mp4

Voici la réponse :

On sélectionne alors les paramètres de crop, ici crop=1440:1072:240:4 et on les récupère d'un clic-droit - copier. On peut jeter le fichier test.mp4, qui n'a servi que pour cette recherche de coordonnées .
on procède ensuite au détourage de notre vidéo :
ffmpeg -i ipad.mov -vf crop=1440:1072:240:4 -strict -2 roc_cropped.mp4

Extraire le son d'une vidéo

Récupérer la bande son d'une vidéo. Par exemple la bande son de cette « pub » pour Wikipédia

ffmpeg -i Video_Wikipedia_CKoi_Maladie_-_Sickeness.webm audio.mp3


Wikipédia c'est quoi ?: Extrait de la bande originale du film. A video by Michael Epaka, directed by Regis Talla, triggered by Iolanda Pensa and produced by doual'art within the frame of the project What is about - C'est quoi. A series of communication tools about Wikipedia. Cameroon pilot project.

Inverser une vidéo

Inverser le déroulement d'une vidéo, commencer par la dernière image pour finir par la première. J'en ai eu besoin pour inverser une séquence faite avec iMotion qui pour une raison inconnue me l'a construite à l'envers.

ffmpeg -i ma_video.mov -vf reverse ma_video_inversee.mov

Si on souhaite en plus inverser la bande son on ajoutera le paramètre -af areverse
NB : le manuel de ffmpeg précise que la vidéo est entièrement chargée en mémoire pour être inversée, du coup il est conseillé de travailler sur des segments au lieu d'une vidéo longue.

Historique de la page

Mise en ligne
13/10/2016 : modification de Transcoder ma vidéo en webm ou en mp4 pour site, mp4 vs webm
13/10/2016 : ajout de Extraire le son d'une vidéo
09/01/2017 : ajout de Récupérer chaque page d'un pdf en images (jpg ou png)
24/04/2017 : ffmpeg reverse et areverse
14/02/2018 : ffmpeg cropdetect et crop
8/12/2018 : déblocage de la création de pdf par ImageMagick
29/05/2019 : redimensionner les vidéos avec FFmpeg
25/04/2020 : alternatives à PyRenamer
05/11/2020 : modification commande gs plus efficace pour l'optimisation des pdf
23/03/2021 : sommaire

[1] Depuis Ubuntu 20.04, PyRenamer ne fonctionne plus, on peut utiliser directement le gestionnaire de fichier ou XnView pour ce renommage :


Renommer un lot de fichiers avec Nautilus

[2] https://stackoverflow.com/questions/52998331/imagemagick-security-policy-pdf-blocking-conversion

[3] https://github.com/ImageMagick/ImageMagick/issues/396

[4] Voir cette page : http://www.w3schools.com/html/html5_video.asp