Voir la source de Web 2016-02-25

== Intro ==

Aujourd'hui, nous allons explorer:

* ce qu'est une image digitale;
* les formats d'images pour le web;
* comment créer un gif animé à l'aide du terminal.

=== Dial-Up Access by Using the Michigan Terminal System ===

La vidéo ci-dessous présente l'un des premiers systèmes d'exploitation moderne, autour de 1967. Il permet à plusieurs utilisateurs de se connecter à distance sur une machine. Le paradigme qu'il met en place structure encore les systèmes d'exploitation d'aujourd'hui, et visible à travers le Terminal.  

<embedvideo service="youtube">https://www.youtube.com/watch?v=cO6asQjQmPM</embedvideo>

== Format d'image pour le web ==

[[Fichier:099.jpg]]

=== Bitmap ===

Imagemagick

exemples:

* http://stdin.fr/Bazar/AnimatedGIF
* http://stdin.fr/Bazar/ImageMagickTips

couleurs indexé
* PNG
* GIF

images photographiques, format avec compression
* JPG

=== Vectoriel ===

Utiliser pour des choses dont on doit pouvoir mettre à l'échelle

* SVG


L'[http://geekfeminism.wikia.com/wiki/Lena_S%C3%B6derberg%27s_photograph incident] [http://www.cs.cmu.edu/~chuck/lennapg/lenna.shtml Lenna]?

<syntaxhighlight lang="bash">
#! /usr/bin/env bash

rm [0-9]*.jpg

for i in {100..0}; do
echo "compression à $i%"
convert original.jpg -quality $(expr 100 - $i) $i.jpg;
done

for a in [0-9]*.jpg; do
mv $a `printf %03d.%s ${a%.*} ${a##*.}`
done

ffmpeg -r 25/1 -i %03d.jpg out.mp4
mplayer out.mp4  -fs -idle -fixed-vo
</syntaxhighlight>

* [[10 choses à faire avec la ligne de commande]]

== GIF animés + glitch ==

Nous allons extraire une séquence de film, puis séparer

<syntaxhighlight lang="bash">
# extraire la séquence du film
vlc NightOfTheLivingDeadRemasteredHD.ogv --rate=1 --scene-ratio=2 --video-filter=scene --start-time=392 --stop-time=400 --scene-format=png --scene-prefix= --scene-path=img vlc://quit

# Ou bien extraires les images qui composent le GIF
convert animated.gif +adjoin animated_%d.gif

# appliquer un effet sur chaque image individuelle
for i in animated_*.gif; do convert  "$i"  -remap pattern:gray50 "ok_$i"; done

# concaténer toutes les images modifiées en un nouveau GIF
convert  ok* ok.gif
</syntaxhighlight>

=== Résultats ===

[[Fichier:Resultat.gif]]

[[Fichier:Planche-contact.png|300px]]

* [http://www.imagemagick.org/Usage/ Imagemagick]

=== Artistes ayant travaillé sur ce concept ===

====Dans le journalisme====

* [http://www.nytimes.com/projects/2012/snow-fall/#/?part=tunnel-creek Snowfall]
* [http://rue89.nouvelobs.com/rue89-sport/2014/02/08/saut-a-ski-les-ados-francaises-ont-vaincu-les-machos-249754 Image originale]

====Dans le net.art====

* [http://art.teleportacia.org/olia.html Olia Lialina]

====Autre====
* [http://networkcultures.org/blog/2011/06/20/publications-overview-in-epub-format/ Epub preview]
* [http://www.balsamine.be/index.php/Creations/HakoOnna Théâtre la Balsamine]