Cours photo pour le web à partager

Les bases pratiques de la photographie

Kristell Trochukristelltrochu@terrenourriciere.org

09 53 44 34 34www.terrenourriciere.org

Sommaire• Se présenter• La photographie et le web

– Importance pour le web– Quelles photographies?

• Comment faire une bonne image?– Les bases– Prises de vues– Commenter une image

• Mettre une image sur internet– Transférer son image– Réduire son image– La personnaliser

• A vous de jouer : après la théorie… la pratique

La photographie et le web

Importance de l’image sur le web

• Les internautes font + attention aux textes qu'aux images

• Une image aura + de chances d'être vue si elle est étroitement intégrée au contenu

• Un article avec une image est cependant plus lu

• En matière d'e-commerce, une photo vaut parfois mille mots.

Les différents rôles des images

Dans un ordre décroissant d'efficacité  :– L'image comme élément d'information– L'image comme élément de navigation– L'image comme élément de mise en

page– L'image comme élément

d'ornementation

Importance de l’image sur le web

• Prévoyez une légende, concise et donnant du sens

• Associer à ses images un texte alternatif (équivalent textuel, descriptif et concis, visible au survol de la souris)

• Privilégiez les images à caractère informatif

Une photographie: pourquoi? pour qui?

• Définir le message que l’on veut passer

• Importance du ciblage :– Touristes– Locaux– Jeunes– Familles– Grand public

Les bases pour faire une bonne image

Cadrage

Vision humainePaysage / groupeCalme profondeur distance

Portrait / action dans la hauteurPlus de balayageDynamisme chaleur

Horizontal

VerticalSens de lecture

Cadrage

Carré Panoramique

Points de vue

Contre plongéepuissance et domination

PlongéeSolitude et détresse

À hauteurRespectAttention aux enfants!

Plans

http://www.web-libre.org

Plan général

Plan d’ensemble

Plan moyen

Plan américain

Plan rapproché

Gros plan

Très gros plan

Règle des tiers

Règle des tiers

Les yeux sur une ligne

De l’espace devant le personnage

Les lignes directrices

Lignes horizontale ou vertical = statique

Guider l’œil vers le sujet principal

Exposition

Sous exposition Surexposition

Flou/netFaible profondeur de

champsGrande profondeur

de champs

Cadrage d’une image

Ne garder que la partie réellement efficace et informative.

• Recadrer une image = simplifier l’image– Recentrer sur son

sujet principal – Eliminer les

pourtours superflus

parfaitement recadrée, mais sa taille pourrait certainement être diminuée

Quelle est la partie de l'image dont je peux me passer ?... d'un point de vue informatif et non seulement ornemental ! Est-ce que tous les détails sont vraiment indispensables ? ...

• Choisissez le format – JPEG pour les photographies– GIF pour les icônes, la typographie ou les

vignettes (thumbnails)

• Diminuer la taille et le poids d'une image : – Diminuer la résolution – Simplifier la palette de couleurs : postériserChaque kilobyte gagné améliore les

performances de votre site et la satisfaction des utilisateurs !

Poids d’une image

Taille et poids

• Taille maximum : 600px de largeur (un site fait entre 800 et 1020)

• Poids : 200 ko (si plus petite beaucoup moins)

Paysage

Paysage

• Une grande netteté sur tous les plans• Un premier plan possible• Fuite du regard possible : suivre une

ligne

Action

Action

• Des images avec de l’espace autour de l’action

• Des lignes dynamiques• Des mouvements suspendus

Lieux

Lieux

• Agencer tous les éléments• Utiliser la lumière, jouer sur la

sérénité• Plusieurs images pour un même lieu :

une visite...

Personnes

Personnes

• Faites des portraits• Plans serrés• Soyez originaux• ...• Pour les groupes : plans rapprochés

Règles

• Raconter quelque chose, elle doit faire passer un message, une émotion.

• Ne montrer qu’un seul sujet principal

• Choisir son heure, sa saison (Les Golden Hours correspondent à la première et à la dernière heure de soleil dans la journée, au moment où le soleil n’est pas trop haut dans le ciel)

• Ne pas hésiter à mettre en scène• Alterner les plans (de généraux à

gros)

Autres éléments

• Veillez à conserver l'horizon horizontal. La mer qui penche, c'est rare...

• Un premier plan donne de la profondeur à une image.

• La gauche va représenter le passé et la droite le futur.

• Le bas d’une image représente la matérialité alors que le haut va plutôt rappeler la spiritualité.

• Veillez à laisser une zone neutre dans votre cadre.

Un peu plus de technique

• Ouverture et diaphragme

Un peu plus de techniquePriorité Ouverture | Vitesse

d'Obturation 1/25 | Valeur Ouverture 8 | Sensibilité ISO 50

Priorité Ouverture | Vitesse d'Obturation 1/1000 | Valeur

Ouverture 3.2 | Sensibilité ISO 50