Accueil > Le blog > Supports > Gérer son site de A à Z > Préparer ses photos pour illustrer son site

Préparer ses photos pour illustrer son site

Logiciels gratuits de gestionnaire de photos et traitement de photos par lots avec Photoshop

Choisir un logiciel gratuit de retouche de photos, dimensions pour mettre ses photos au format web...

Imprimer cet article 3 septembre 2007
1 2 2 2 2
réagir  

  • Digg
  • Del.icio.us
  • Facebook
  • Google
  • Technorati
  • Live
  • Scoopeo
  • Furl
  • Blogmarks
  • Reddit
  • Mister wong
  • Myspace

1. Respecter le droit à l’image pour illustrer votre site

- Accord des personnes photographiées

Vous ne pouvez publier que les photos dont vous avez l’accord des photographes et des personnes photographiés si leurs visages sont reconnaissables ou des parents s’il s’agit de photos de leurs enfants mineurs. La solution pour contourner l’obstacle est de faire figurer sur vos tracts d’activité ce type de mention :

A l’occasion des activités auxquelles vous vous inscrirez, vous êtes susceptibles d’être filmés ou photographiés. Ces images pourront être utilisées dans des documents de "Nom de votre organisation."

- Photos bienveillantes et pudiques

Eviter les photos où des prêtres ou religieux touchent des enfants ou les photos pouvant blesser la pudeur ou l’amour-propre de la personne photographiée. Ainsi que les photos socio-typées si vous désirez élargir votre cible et rendre votre site accueillant à tous types de public.

- Nouvelles photos pour mise à jour

Nommer une personne qui aime prendre des photos numériques et qui connait bien votre organisation et lui demander de couvrir systématiquement tous vos évènements.

A chaque début de réunion ou d’évènement, faire une annonce : "Vous allez voir "(citer le nom de la personne et la présenter)" parmi nous prendre des photos pour illustrer notre site "(citer son adresse)". Si vous ne souhaitez pas être pris en photo, merci de le lui signaler gentiment." Idéalement, ce photographe sera formé à la retouche de photos afin de réunir du contenu de qualité déjà mis au format pour la mise à jour du site. Ce photographe pourra être nommé et remercié dans la page Mentions légales du site au paragraphe Crédits ou en bas de page [1].

2. Choisir un logiciel gratuit de retouche photos

Il est souvent nécessaire de recadrer manuellement vos photos pour zoomer sur un sujet et quasiment toujours d’augmenter la luminosité, la température, le contraste et la saturation pour améliorer leur lisibilité sur écran.

- Logiciels gratuits de retouche photos

  1. Microsoft Office Picture Manager : Aller dans Programmes > Microsoft Office > Outils Microsoft Office > Microsoft Office Picture Manager
  2. Xnview, logiciel gratuit http://www.xnview.com/fr/download.html
  3. Aperçu pour Mac

3. Dimensions pour mettre ses photos au format web

Le format utilisé pour les photos sur le web est *.jpg (prononcer jipègue) ou *.png (prononcer péhènejé), le *.gif étant réservé aux images constituées de moins de 4 couleurs. Pour s’afficher rapidement sur Internet, le poids d’une photo doit être inférieur à 100 kilo-octets (Ko). Logo d'article de 250 pixels de large pour site Symphonie En général, sur un site sous Spip, vous avez besoin de quatre dimensions de photos mises au format web :

  1. Auteur
    Choisir des photos verticales de 250 pixels de haut
  2. Logo d’articles
    - Site Symphonie : photos horizontales ou verticales de 250 pixels de haut ou de large
    - Site Web 2 : photos horizontales de 445 pixels de large maximum Logo d'article de 445 pixels de large pour site Web2
    - Choisir de préférence des photos de gros plan ou unies avec peu de détails qui puissent être vues à une taille réduite sur une page d’accueil ou de rubrique. Les logos se voient sur l’accueil et les pages de rubrique en taille réduite et sur les pages d’articles en taille réelle. Si vous avez publié un logo sur la rubrique, celui-ci s’affichera par défaut sur l’article si l’article n’a pas de logo propre.
  3. Bandeau-photos animé
    Préparer des photos de 950 x 180 pixels ou d’une hauteur moindre mais cette hauteur doit être identique sur toutes les photos.
    Le bandeau présente le contenu de chaque rubrique et donne le visage de votre site : prêtres de la paroisse, de sorties de messe, de sorties ou d’évènements paroissiaux...
    Recadrer les photos sur la zone utile comme s’il s’agissait de photos panoramiques. Choisir vos photos de bandeaux en imaginant ce que vous verriez si vous les recadriez dans un rectangle de 180 pixels de haut, cf. document joint en bas d’article.
  4. Galeries-photos ou portfolio
    - Site Symphonie : photos horizontales ou verticales de 500 pixels de haut ou de large,
    - Site Web 2 : photos horizontales de 445 pixels de large maximum Si votre site dispose de l’option Galerie-photos, elle est activée par l’ajout de photos jpg en documents joints à l’article (20 photos maximum par article), visible ci-dessous. Poids maxi 100 Ko par photo.
    - Pour un résultat esthétique, ne publier que des photos horizontales ou que verticales sur un diaporama de même largeur ou hauteur. Vous pouvez ajouter une légende par photo dans le champs descriptif.
    - Pour ordonner l’affichage des photos, précéder le titre du document d’un chiffre suivi d’un point et d’une espace : 01. bandeau apparaîtra en 1er, 02. bandeau en 2e, etc..

4. Organiser l’arborescence de votre répertoire photos

Nous vous conseillons de trier les photos dès leur transfert sur votre disque dur, de supprimer toutes les mauvaises ou pouvant embarrasser les personnes et de les copier dans différents répertoires (un par critère).

Donc sur votre disque dur, vous créez deux grands répertoires :

  1. Source (Haute définition) où vous mettez vos photos à la taille originale
    1. nom-du-photographe
    2. nom-du-lieu
    3. sujet-de-photo (exemple statues-vierge-marie)
    4. annee-mois-jour-nom-d-evenement
    5. annee-mois-n°-publication
  2. Web où vous créez trois sous-répertoires qui seront la destination de vos photos suite à la mise au format web votre traitement automatisé : En général, sur un site sous Spip, vous avez besoin de quatre dimensions de photos mises au format web :
    1. Auteur
    2. Logo
    3. Bandeau
    4. Galerie

Dans chacun de ces sous-répertoires, vous pouvez reproduire l’arborescence du répertoire Source si nécessaire.

5. Des illustrations qui donnent du sens

L’illustration des rubriques et des articles est importante car elle a un rôle sémantique, c’est-à-dire qu’elle ajoute du sens au contenu textuel. Les illustrations doivent donner envie de cliquer sur l’article pour le lire. On évitera donc d’illustrer un article avec le logo d’une organisation, souvent laid. Une erreur courante aussi est d’illustrer un article avec une photo de son auteur ou du lieu de l’évènement plutôt qu’avec une illustration du thème traité par l’article.

Les photos d’oeuvres de peinture ou sculptures sont aussi une bonne source d’illustrations car, souvent belles, elles font référence à l’inconscient collectif et ce sont souvent des images libres de droit si l’oeuvre est ancienne et si le photographe cède ses droits.

[1] Crédits photo : un grand merci à la communauté Cançao Nova de Toulon

En savoir +

Automatiser le traitement de photos avec Photoshop

Vous ouvrez votre logiciel Photoshop et suivez ce mode d’emploi pas à pas.

Etapes de votre script "logos"

  1. Image > Taille de l’image > Largeur : 250 pixels (selon ce qui a été défini pour votre site)
  2. Image > Réglages > Niveau automatique
  3. Image > Réglages > Couleur automatique
  4. Image > Réglages > Teinte/Saturation > Saturation : +5, Luminosité : +2
  5. Fichier > Enregistrer pour le web > Paramètres : JPEG, Maximum.

Etapes de votre script "galeries"

Idem sauf étape 1 : Largeur : 450 pixels (selon ce qui a été défini pour votre site)



Réagir à cet article

Warning: include(captcha.php) [function.include]: failed to open stream: No such file or directory in /homez.53/bonnenou/www/ecrire/public/assembler.php(607) : eval()'d code on line 3

Warning: include() [function.include]: Failed opening 'captcha.php' for inclusion (include_path='.:/usr/local/lib/php') in /homez.53/bonnenou/www/ecrire/public/assembler.php(607) : eval()'d code on line 3

Le forum est clos pour cet article.



 

 





« mai 2012 »
L M M J V S D
30 1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30 31 1 2 3