jeudi, 08 octobre 2009

Taille des images sur votre blog solidaire

Bonjour à tous les bloggeurs solidaires !

Cette note s'adresse principalement à ceux qui mettent régulièrement des photos sur leurs blogs.

Je vous propose cette note, car il est arrivé à plusieurs bloggeurs de recevoir un message les avertissant qu'ils ont atteint la limite de stockage. A ce stade de votre blog, c'est à dire au début, ce n'est pas normal !

Peut être avez-vous remarqué dans votre espace d'administration, vous disposez d'un espace de stockage de 32 Mo réservé.

Si vous dépassez cette limite, vous ne serez plus en mesure d'ajouter de nouvelles images sur votre blog. Ce qui représente un inconvénient. Toutefois, si vous mettez des photos optimisées pour le web, vous n'aurez pas de problème de limite.

Vous avez remarqué que je parle d'image, car les images prennent beaucoup de place par rapport aux textes. C'est donc la taille des images que vous mettez en ligne qui détermine l'espace de stockage dont vous disposez.

Je vous invite dés à présent à vous connecter à votre blog et à regarder sur la première page quelle quantité d'espace vous occupez.

Par exemple ici pour le blog regards sur le web :

volumeespacedisque.jpg
Si vous êtes autour de 20 Mo et que vous avez publié quelques images, il va être nécessaire de retravailler vos images pour qu'elles prennent moins de place.

Sachant qu'une image pour le web ne doit pas peser plus de quelques centaines de Ko. Si vous avez des images qui pèsent des Mo, il y a un problème :) Pour illustrer cela, faite une recherche sur Google Image, par exemple avec le mot Solidarité et classer ces résultats par taille en cliquant sur "Grande" à gauche, vous constaterez qu'il n'y a pas d'image qui dépasse 600 Ko, ce qui est déja très grand.

Je ne sais pas si vous utilisez Photoshop, Gimp, Paint ou d'autre logiciel d'image, mais ceux-ci proposent la possibilité de redimensionner vos images pour internet.

C'est cette étape par laquelle il faut passer si vous mettez plusieurs photos en ligne et que celles-ci occupent trop d'espace disque.

Une fois connecté à votre blog, vous pouvez aussi allez voir dans Tableau de bord > Fichiers. Vous pourrez voir la taille de vos fichiers images.

A titre d'exemple, sur le blog regards sur le web, nous avons publié 278 éléments images qui occupent 11 Mo d'espace disque. Ce qui signifie que nous devrions pouvoir mettre près de 1000 images sur notre blog.

Si vous avez des questions, n'hésitez pas !

Dans une prochaine note, nous verrons comment héberger vos images ailleurs que sur votre blog, tout en les intégrant dans les notes que vous écrivez.

A bientôt :)

 

11:38 Publié dans Conseils pour créer votre blog | Lien permanent | Commentaires (0) | Tags : dimension, espace disque, image, photo, redimensioner, taille |

lundi, 03 août 2009

Témoignages photographiques : photoblog de Médecins sans Frontières

J'ai découvert le photoblog* de Médecins sans Frontières. J'ai visité ce site grâce à Facebook, car je me suis abonné au groupe MSF et je reçois désormais les actualités qu'ils publient grâce à ce groupe. Facebook, outil utile donc.

1.jpg

Comme pour travailler dans l'humanitaire, mieux vaut parler l'anglais
si vous vous inscrivez à ce groupe. Même si la photo se passe aisément du langage.

En terme de structure, le photoblog se traduit par une mise au premier plan de l'image photographique.
Le photoblog de MSF permet d'ailleurs de mettre un cache noir sur les textes qui entourent la photo, lorsque vous cliquez sur l'image. Comme ci-dessous :

3.jpg

Nigeria, Photo: Misha Friedman

Chaque note porte en titre le nom du pays où la scène a été photographiée. Sur ce cliché, il s'agit d'un enfant nigerian pris en 2007 alors qu'il subissait une intervention chirurgicale dans l'hopital Teme de Port Harcourt, suite à une blessure.

En terme de fonction le site propose un flux RSS qui permet de recevoir chaque mise à jour. Dans la colonne de gauche, le photoblog propose des liens vers une dizaine de blogs tenus par des expatriés MSF sur le terrain, ainsi que des blogs d'expatriés revenus du terrain.

Chaque photographie est accompagnée d'une légende qui met l'image en contexte et donne à voir un peu de ce qui se passe en dehors de l'image. Mais encore une fois, il faut parler anglais car vous ne trouverez pas de traduction.

Dans la légende de cette photo, Médecins sans Frontières explique son action dans le pays ou l'image a été prise. En l'occurence, le Nigeria dans la ville de Port Harcourt en 2007. Toutefois, nous regrettons que le site ne propose pas de lien vers d'autres pages permettant d'en savoir plus sur leurs actions dans le cadre de cette mission particulière.

A propos
Dans la rubrique à propos, MSF explique les intentions qui président à cette initiative. Les voici reproduites :

"Alors qu’il est possible de décrire des émotions, d’expliquer des faits et de raconter une histoire au travers les mots; ils ne peuvent jamais remplacer l’instant précieux que capture une photographie. Des images touchantes offrent une fenêtre sur la vie des gens, décrivant souvent leur réalité à travers une perspective unique. Depuis plus de 30 ans, MSF envoie des photographes dans ses projets pour documenter à la fois son travail et les personnes qu’elle souhaite aider. Voici une collection de quelques-unes des meilleures images prises par ceux-ci, y compris des images provenant de photographes primés, indépendants ou affiliés aux agences de presse internationales et agences photo.

Le blogue photo MSF présentera, au quotidien, une image de son travail actuel ou provenant de ses archives, afin de partager ces images exceptionnelles avec le public. La sélection sera faite parmi trois décennies d’images provenant des nombreux pays dans lesquels MSF a travaillé ou œuvre aujourd’hui."

Texte et image : deux vecteurs de l'information
En effet, le texte et la photographie sont deux moyens d'informations complémentaires, qui permettent de saisir différents aspects de la réalité. Si je prends une image et que je la décris, l'effet produit dans l'esprit de quelqu'un qui prend connaissance de cette description ne sera jamais le même que l'effet produit par une image. Une photographie se donne à voir complétement, d'un seul coup. Alors que le texte nécessite du temps pour que les mots s'impriment dans la mémoire. Pour cette raison, l'image véhicule plus rapidemment une émotion. C'est donc un moyen privilégie pour toucher le coeur. Le texte pour sa part s'adresse plus facilement à la raison.

Or, s'adresser à la raison et au coeur sont les deux moyens dont disposent les organisations humanitaires pour transmettre leurs messages et témoigner des réalités vécuent sur le terrain.

ONG et image
Comme le rappelle MSF, d'une certaine manière, le mouvement  des organisations humanitaires, n'a jamais travaillé sans image. Les ONG ont toujours eu recours à la photographie pour témoigner des réalités qu'ils rencontraient sur le terrain. Au film également.

Toutefois, ces images avaient une diffusion confidentielle : elles étaient rarement publiées et servaient principalement en interne dans les ONG, ou bien  parfois à destination des bailleurs de fonds pour illustrer les rapports d'activités des associations. Quelques livres et films documentaires ont bien véhiculé ces images. Je pense notament à la BD éditées par et pour Reporters sans Frontières, sur la grand reporter Anne Nivat. Il  en est question dans cet article de Rue89. Je pense également aux très beaux films de Christophe de Ponfilly : l'Etoile du Soldat et Massoud l'Afghan. Christophe ayant été photographe dans une mission de Médecins sans Frontières en Afghanistan à la fin des années 80.

Ce que change internet
Or l'avénement d'internet change la donne en matière de diffusion d'images.

En effet, la mise à disposition et le partage des images ne représente plus un coût important. De plus les images sont accessibles depuis n'importe quel ordinateur connecté, n'importe quand. Ce qui n'est pas le cas dans un système de distribution physique.

Les ONG peuvent désormais mettre à disposition  un grand nombre de témoignages depuis un plus grand nombre de lieux de missions. Si cela est vrai pour les images, cela l'est également pour les témoignages écrit. La disponibilité et la possibilité d'accèder, grâce à un site internet, à un réseau de témoignages des acteurs de terrain change radicalement de l'époque ou les organisations humanitaires dépendaient de la mise en Une par les médias d'un pays, d'une situation, pour pouvoir y placer les témoignages produits par l'organisation.

En terme d'accès à l'information pour les publics, cela change également la donne. Si, en tant que journaliste, chercheur, futur voyageur ou migrant, je fais des recherches sur un lieu particulier, sur un type d'action, sur une thématique, il m'est désormais possible d'aller chercher dans les archives proposées par les organisations humanitaires pour me renseigner. C'est un moyen de trouver de nouveaux interlocuteurs, de nouveaux partenaires, de nouvelles sources d'informations. C'est donc un nouveau moyen d'enrichir l'information de points de vue. Sans parler des possiblités de mises en relations directes, de rencontres.

Si comme l'affirmait Bernard Kouchner - qui fut membre fondateur de MSF : "L'ennemi essentiel des dictatures et du sous développement reste la photographie et les sursauts qu'elle déclenche", alors nous ne pouvons que louer la simplification et l'accroissement de la distribution de photographies témoins de ce qui se passe dans le monde, grâce à un internet.

* Pour ceux qui ne savent pas ce que c'est qu'un photoblog, je le définirai comme un blog, c'est à dire un site dynamique régulièrement mis à jour, dont l'essentiel des contenus est fait de photographies. Le texte intervenant comme un complément de l'image.

Pour poursuivre sur ce thème :

Visiter le photoblog de MSF

Site de photojournalisme social et humanitaire de Manuel Meszarovits


Que voit-on lorsqu’on aperçoit de manière furtive le visage d’une victime de catastrophe naturelle sur un panneau de 4 par 3 dans les couloirs du métro ? Que comprend-on quand on découvre en une des journaux des images de famine ? Qu’est-ce qui dans ces images fait sens, nous interpelle ou nous révolte ?

18:31 Publié dans Regards sur le web | Lien permanent | Commentaires (0) | Tags : photo, portraits, image, témoignage, msf, médecins sans frontières |

dimanche, 26 juillet 2009

Comment remplacer votre texte « à propos » par un visuel « à propos » ?

Dans ce tutoriel, voila ce ce que je vous propose de faire :

Passer de ça :

apropos1.jpg


A ça :

apropos2.jpg

Etape 1

Tout d'abord, il est nécessaire que vous fabriquiez votre visuel au format .jpg à une taille qui corresponde à la colonne de votre blog.

En l'occurrence, celui que je vous propose fait 145 pixels de largeur sur 35 pixels de hauteur.


Etape 2

Une fois que vous avez votre image en format .jpg, il est nécessaire de l'uploader dans l'interface d'administration de votre blog. Pour cela :

- il faut que vous vous accédier à votre blog en entrant identifiant et mot de passe sur la page d'accueil de http://www.solidairesdumonde.org

- puis vous allez dans le menu « Tableau de bord »

- ensuite vous allez dans le sous menu « fichier »

- vous cliquez sur le dossier « image »

- et vous ajoutez votre image en allant la chercher à l'endroit ou elle se trouve dans votre ordinateur

 

Etape 3

Une fois que vous avez téléchargé votre image elle apparait dans votre dossier « image ». Vous cliquez alors sur le lien vers l'image et vous copier son adresse (son url).

Etape 4

Un peu de code html est nécessaire, le voici :

<a href="Lien du a propos"><img src="LIENDELIMAGE.JPG" alt="à propos" border="0"></a>

Dans ce code que je vous propose, il vous faut remplacer «lien du a propos» et «LIENDELIMAGE.JPG» par vos propres liens. A savoir, le lien vers l'image que vous venez d'obtenir dans l'étape 3, et le lien vers l'à propos, que vous obtenez en cliquant sur l'à propos de votre blog (dans sa version publiqe).


Etape 5

Une fois que vous avez récupérer ce code, vous allez dans le menu :

-          présentation

-          contenu des colonnes

En bas de cette page vous allez créer un élément personnalisé que vous nommez « à propos ».

Puis vous devez copier / coller le code obtenu dans l'étape 4.

Enfin, sélectionnez non pour ne pas afficher le texte et centrer l'élément, ou pas, c'est comme vous voulez.

Normalement, vous avez mis votre image dans la colonne de votre blog.

Enfin sauf si vous n'avez pas ajouté à gauche ou à droite votre nouvel élément à propos :-)

Voila, j'espère que ça pourra vous servir pour personnaliser votre blog !

A bientôt !

 

 

12:16 Publié dans Conseils pour créer votre blog | Lien permanent | Commentaires (0) | Tags : a propos, image, personnaliser |

jeudi, 30 avril 2009

Comment insérer une image dans un article du blog ?

Dans le formulaire de rédaction, cliquez sur l’icône « Insérer une image ». Il s'agit de l'icône représentée par un arbre, nous l'avons entourée en violet dans l'image suivante :

inserer-image-blog.jpg

Un formulaire d’insertion d’image apparaît alors. Dans ce formulaire, deux onglets vous sont proposés : insérer une image "depuis un fichier" ou "depuis l'url".

La première méthode : insérer une image depuis un fichier.

inserer-image-blog-fichier.jpg

Le format de votre image doit être constitué d'un fichier .jpg .gif ou .png. Les autres formats en fonctionnent pas.

1. Choisissez un fichier


En cliquant sur parcourir, la fenêtre vous permet d'accéder au disque dur de votre ordinateur et d'aller chercher l'image là où elle se trouve.

2. Tags

Ce champ vous permet d'attribuer des mots clés à votre image. Par exemple, si c'est une photo d'un centre de santé au Mali à Bamako, vous pouvez attribuer comme mot clés : santé, clinique, mali, bamako. En séparant les mots par des virgules. Ces mots ne seront pas directement visibles sous la photo mais ils serviront lorsque des internautes utiliseront les moteurs de recherche.

3. Propriété d'affichage

Grâce aux petits points situés sous les images, vous pouvez attribuer une position à votre image : à gauche, à droite de votre texte, ou au milieu.

4. Taille de l'image

Cette fonction vous permet de choisir la taille d'affichage de l'image dans votre blog. Vous pouve
z aussi choisir une taille personnalisée, c'est alors vous qui choisissez la largeur et la hauteur de votre image.

Attention, si votre photo est très petite, c'est inutile de l'agrandir car elle apparaitra floue.
Egalement, si vous utilisez un appareil photo numérique, veiller à réduire la taille de vos images pour ne pas saturer l'espace de stockage qui vous est réservé (250 Méga octets, sachant qu'une photo ne devrait pas excéder 500 Kilo octets : voir la note Taille des images sur votre blog pour en savoir plus).

5. Lieu

La plateforme de blogs Solidaires du monde vous permet d'attribuer une localisation géographique à votre blog, à vos articles et à vos images.
En effet, sur la page d'acceuil, la carte permet aux visiteurs de lire les articles en fonction du pays ou de la région mentionnés dans les articles.
Lisez la note La géolocalisation, c'est quoi ? pour en savoir plus.

Recherchez le lieu ou a été pris votre photographie, puis ajouter le. De cette manière votre photo apparaitra sur la carte.

Lorsque vous avez terminé de remplir ce formulaire, cliquez sur « Valider ». Votre article apparaît alors de nouveau dans le formulaire de rédaction, enrichi de votre illustration ou photographie.

La seconde méthode : insérer une image depuis un url.

Pour cette méthode, si vous ne savez pas ce que c'est qu'un url, ça va être difficile :) Pour en savoir plus sur l'url, lisez cette note : A propos de l'ouverture d'un blog sur Solidaires du monde.

Cette seconde méthode suppose que vous téléchargiez votre image avant de l'insérer, alors que la première propose ces deux étapes en simultanée.
L'intérêt principal de dissocier ces deux étapes est l'attribution d'un titre à votre image. Ce titre est très important pour les moteurs de recherche !

Voyons comment faire

Dans le menu de l'outil d'administration de votre blog, cliquez sur "Présentation", puis sur "fichier". Ensuite, cliquez sur "images".
si vous faites attention, vous verrez que cette page vous permet de voir la taille de toutes les images insérées dans votre blog, et donc de savoir où vous en êtes par rapport à la taille maximum autorisée de 250 Méga octets.

 

inserer-image-blog-url-titre-insertion.jpg

Quand vous aurez cliqué sur images, vous accéderez à la page suivante.

fichier-image-blog-administration-insertion-url.jpg

Dans la bas de cette page, vous avez une possibilité d'aller cherchez dans votre ordinateur le fichier que vous voulez insérer dans votre note, avec le bouton "Parcourir". Comme vous voyez, vous pouvez mettre trois images en même temps. Ce qui n'était pas le cas dans la première méthode.

Une fois l'image sélectionnée dans votre ordinateur, cliquez sur "Enregistrer" en dessous. Alors votre image apparait dans la liste du haut de la page.

Il ne vous reste plus qu'à cliquer sur le lien (flèche violette). Alors une nouvelle page s'ouvre avec votre image. Copiez le lien url du navigateur : il s'agit du lien unique qui permet de retrouver votre image. C'est ce lien que vous devez coller pour insérer l'image à partir de l'url.

Cette méthode peut sembler plus longue au début, mais elle est plus intéressante en terme de référencement naturel.

Si vous avez des questions ?

15:26 Publié dans Conseils pour créer votre blog | Lien permanent | Commentaires (0) | Tags : image, inserer, insertion, photo, url |