Cln's Blog

Cln's Blog

Suite et fin, enfin...


Dompter les images

Avant de vous jeter sur votre blog et de semer des centaines de photos partout, quelques conseils de base concernant les images.

Espace disponible

La partie "Documents/Mes Images" est au début un espace vierge.
Il faut savoir savoir que cet espace peut contenir 200 images en vrac, mais aussi une quantité illimitée de répertoires, contenant eux-même un maximum de 200 images chacun.

Sachez vous organiser

Par exemple, ayez un répertoire par année, dans lequel vous aurez des répertoires mensuels etc., histoire de retrouver vos petits facilement. Il est aussi possible de créer des sous-répertoires.
ex : Documents/Mes Images/2009/avril09/nomimage.jpg

Nommer ses images

Dans la mesure du possible, essayer de nommer les répertoires mais aussi et surtout les images avec des noms de fichier basiques, c'est à dire pas trop longs, sans majuscules ni espaces ni signes de ponctuation hormis le underscore _

Sachez que vous pourrez renommer dans un deuxième temps les répertoires/albums et les images comme vous le souhaitez, cette fois avec les majuscules, espaces et autres signes permis.
(clic sur le marteau de Album et/ou clic sur le marteau d'une image, puis champ Titre)

- Le classement des images à l'intérieur d'un répertoire se fait de manière alphanumérique ::

1
10
120
2
3
essai_3
zefini

- Prévoyez plutôt comme nom de fichier :

001
002
003
010
120
essai_3
zefini

- Si vous vous apercevez ensuite que vous avez oublié une image entre deux, en ajoutant celle-ci la liste sera de nouveau bien classée :

001
002
0021
003
010
120
essai_3
zefini

Préparation des images

Autant le challenge des appareils numériques est de proposer toujours plus de pixels possibles, autant il faut préparer ses images pour être le plus léger possible sur Internet, pour plusieurs raisons évidentes :

Le poids des images (plus c'est lourd, plus c'est long à s'afficher, quitte à ralentir le blog et à lasser ses lecteurs)
Pour éviter la copie (à quoi sert de copier des images si on ne peut pas s'en servir, par exemple les imprimer dans une qualité acceptable)
Ne pas charger des images bien plus larges que l'espace dont vous disposez (la place dans votre colonne d'article, en-tête, album...)

Les écrans "restituent" les images à 72 pixels par pouce (résolution)

Over-Blog nous permet maintenant de charger les images dans la limite de 3Mo par fichier et 1200px de large (en confiance, plus dans les niveaux supérieurs), mais ne les optimise plus comme avant. Vous vous retrouvez alors avec des images immenses et très lourdes, et votre espace de stockage plutôt généreux sur OB fond à vue d'œil !

Il vous vaut agir et pour ça, il faut disposer d'un logiciel de traitement d'images.
Pour PC, il y a Photoshop bien sûr, mais il est payant. Il y a également Photofiltre  qui lui est gratuit et permet d'optimiser les images en plus d'autres fonctions... (sinon, le principe de tous les logiciels image est identique, il suffit donc de retrouver les bonnes commandes).

Par exemple, cette image sur mon PC



Ouverte sous Photoshop ou Photofiltre, elle pèse 825Ko et fait 640px × 440px  en 72Dpi . Compressée en format jpg et fermée (en tant que fichier), elle ne fait plus que 45.86 Ko.

Si je sais que ma colonne d'article fait 625px de large (une moyenne pour un blog à taille fixe avec une seule colonne de module), je vais laisser une marge pour ne pas "coller" l'image aux bords de la colonne, je me base donc sur une largeur maximale de 600px de large.

Dans Photofiltre, j'ouvre l'image
Image/Taille de l'image
Je réduis la largeur à 600px de large, je vérifie que 72 est la résolution indiquée.
déjà, je vois que de 825 elle passe à 724 Ko.
Je valide
J'enregistre sous
Je la nomme allumette2, je choisis jpg, je valide.
Arrive la fenêtre de compression, celle qui va alléger encore mon image. Je change la valeur de compression, je clique "aperçu" pour voir le résultat.
Bien sûr, la qualité inférieure est une horreur, il faut trouver le bon réglage (zen, la voie du milieu) pour que l'image s'allège sans être trop détériorée.
J'étais à 70 de compression, je descends à 40 et je vois que la taille du fichier jpg descend de 45 à 22Ko. En deça, j'estime que l'image est trop dégradée.
Je valide.



Sur cette image, nous avons réduit la taille de moitié, mais l'image de base était relativement modeste. Faites le test avec une image sortie d'un appareil photo, le résultat sera plus impressionnant.

Charger les images.


La meilleure façon de charger des images est de passer préalablement par Documents/Mes Images. Vous choisissez le répertoire (ou l'album) pour lequel l'image est destinée.
Vous cliquez sur ce répertoire --> vous entrez dedans.
Au besoin, vérifiez le chemin inscrit dans la fenêtre, par exemple, pour mon répertoire 2009 est inscrit :

Mon espace :  Mes Images  / 2009

Cliquer l'outil "Ajouter des images"

Vous pouvez importer 5 images à la fois, soit à l'unité (pour les jpg, gif, png), soit sous forme de zip (dossier compressé) si vous en avez vraiment beaucoup.(toujours maxi 3Mo en confiance, 8Mo en Privilège)
Une fois les images chargées, vous pouvez, en cliquant le marteau de chacune, leur redonner un nom éventuellement plus explicite.


Insertion dans un article.

De l'éditeur d'article, cliquez sur "ajouter une image"

Par défaut arrive une page où vos répertoires sont répertoriés. Cliquez le répertoire voulu, choisissez l'image en la cliquant.

Arrive la fenêtre d'options où vous choisissez la taille voulue pour la publication (tailles proposées (de 100 à 600px), taille originale (l'image telle quelle) ou taille personnalisée (c'est à vous de donner une des dimensions, l'autre se cale automatiquement (et homothétiquement)), et vous choisissez également le type d'alignement.
Validez (IE6 a toujours et pour tout des difficultés, préférez IE7 ou mieux, FF (Mozilla Firefox)).

L'image s'insère alors dans votre article.

Le fait de donner une dimension à l'image insérée change, dans la balise image, le nom de l'image publiée et y ajoute sa taille. N'oubliez pas que l'image originale dans vos dossiers Over-Blog garde ses nom et taille originaux, et que le fait de les "réduire" en les insérant dans les articles peut aussi vous donner une impression de flou.


<img src="http://img.over-blog.com/300x231/0/13/75/16/2009/balmer.jpg">

Si vous choisissez "taille originale", c'est bien la même adresse d'image que celle présente dans vos dossiers.


<img src="http://idata.over-blog.com/0/13/75/16/2009/balmer.jpg">

En rose, l'adresse générale + vos numéros d'identification de blog, en vert le nom du répertoire, en bleu le nom de l'image. Pour connaître rapidement cette adresse, vous cliquez sur la loupe de l'image présente dans votre répertoire et l'adresse s'affiche dans le champ du dessus.


N'oubliez pas de visiter les autres pages du module V2 !

Écrire un commentaire     Lire les commentaires

Archives

Articles récents