Comment insérer des images de grande taille dans un blog Blogger?

Insérer une image à partir de l'éditeur blog Blogger:

Mise à jour sept. 2010:  Cet article s'adresse à ceux qui utilisent encore l'ancien éditeur d'articles blogger. Si vous êtes passé au "nouvel éditeur", vous pouvez directement télécharger et publier votre image aux dimensions réelles dans vos articles (mais avec une compression un peu trop visible à mon goût...). 

Sur Blogger, le moyen le plus simple et le plus évident d'insérer des images dans un article consiste à cliquer sur l'icône "Ajouter une image" dans la barre de menu en haut de l'éditeur.
Vous avez alors le choix de la taille de l'image: Petit, Moyen ou Grand. Un choix relatif, puisque votre image sera automatiquement redimensionnée pour correspondre aux formats "Petit" " Moyen" et "Grand" établis par défaut par Blogger.

Capture d'écran: Insérer une image dans un blog Blogger à partir de l'éditeur. Seulement 3 tailles d'images proposés (Pour info: vignette insérée à partir de l'éditeur au format moyen)

Pour les blogs consacrés à la photographie, le format "Grand" demeure souvent trop petit pour un bon rendu de l'image. Résultat: le visiteur est invité à cliquer sur la photo pour qu'elle s'affiche en plus grand dans une nouvelle fenêtre, pas très esthétique.
Une photographie macro de clairon (insecte coléoptère) dans un bouquet de fleurs de gypsophile: Choix de la plus grande taille dans l'éditeur.

Si comme moi, vous ne voulez pas forcément proposer vos images en format plein écran (histoire de limiter les vols d'images), la meilleure solution consisterait à les afficher directement à la bonne taille (plus grande que le plus grand format dans l'éditeur d'articles) dans votre blog.

Remarque SEO référencement: Google-image privilégie une taille moyenne de photographies. Redimensionner et afficher directement à la bonne taille (environ 500 pixels de côté) ne peut qu'optimiser votre référencement.

Attention toutefois: vous êtes limité par la largeur maximale de vos articles. Celle-ci dépend du modèle que vous avez sélectionné pour votre blog. (Voir l'article: Choisir un modèle de blog).

Une photographie macro de clairon (insecte coléoptère) dans un bouquet de fleurs de gypsophile: photo importée de Picasa, elle est à taille réelle, légèrement plus grande que celle ci-dessus. Une faible différence, mais qui suffit à rendre l'image plus confortable à visualiser.

Des images plus grandes (à taille réelle) dans un blog Blogger:

C'est tout à fait possible de choisir exactement à quelle taille s'affichera votre photo dans un blog Blogger. Voilà la démarche à suivre:
Tout d'abord, il faut savoir qu'en créant un blog dans Blogger, on se crée automatiquement un album Picasa dans lequel seront hébergées par défaut toutes les illustrations du blog.

• Dans votre ordinateur, et avant de vous connecter, redimensionnez la photographie à la taille à laquelle vous souhaitez l'afficher dans votre blog.

• Rendez-vous dans votre photothèque Picasa, et transférez votre photo dans l'un de vos albums, pas forcément celui rattaché à votre blog. (L'emplacement n'a aucune importance)
  

• Une fois votre photographie importée dans un album Picasa, cliquez sur cette image, puis sur "lien vers cette photo".

• Sélectionnez "insérez l'image dans une page web", sélectionnez une taille d'image égale ou supérieure aux dimensions réelles de votre photo, cochez "masquer le lien vers cet album" si vous ne voulez pas renvoyer à l'album en question (préférable si vous n'avez pas prévu que cet album soit visionné en diaporama par vos visiteurs), puis copiez le lien écrit dans la fenêtre.

• Retour dans votre éditeur Blogger: allez dans l'onglet "Modifier le code HTML" et collez le lien vers votre photo.

• Revenez dans l'onglet "rédiger": votre photographie apparait aux dimensions réelles, les mêmes que celles définies dans votre ordinateur.

• Un conseil: toujours dans l'onglet "rédiger", cliquez sur votre photo puis sur l'icône "Lien": aucun lien ne s'affiche. Cliquez sur OK. Cette petite opération vise simplement à supprimer le lien par défaut qui permet d'afficher votre photo dans une nouvelle fenêtre: il est devenu inutile puisque votre photo apparaît à la bonne taille directement dans votre corps d'article (Voir la plus grande macrophotographie de cet article).

Pour plus de détails: cliquez sur les images capture d'écran pour afficher en grand.

Capture d'écran: Insérer une image dans un blog Blogger à partir d'un album Picasa: la photographie sera exportée à taille réelle. (Pour info: vignette insérée à partir de l'éditeur au format moyen)

Pour information:

• Débutants: peur de toucher au HTML? voir l'article Intervenir dans le code HTML de ses articles blog
  
• La mauvaise qualité des captures d'écran est le résultat d'une compression d'images. Pour une photographie, je modifie la taille, pour alléger le poids de ma photo sans perdre trop de qualité. Pour des images documentaires comme les captures d'écran, je conserve de grandes dimensions pour que l'on puisse lire le contenu, mais je dois alors compresser au détriment de la qualité, pour que ma page ne mette pas trop de temps à se charger.

• Dans cet article, seule la plus grande photo d'insecte a été directement importée depuis un album Picasa: elle ne comporte aucun lien. La plus petite photo et les 2 captures d'écran ont été importées depuis mon ordinateur: en cliquant dessus, on a donc l'affichage à taille réelle.

___________________________________________________________________

Articles liés: Ces articles peuvent vous intéresser:

• Choisir un modèle blog: colonnes et mise en page
• Photophant: logiciel pour filigrane et redimensionnement gratuit
• Comment et pourquoi redimensionner et compresser ses images pour un article blog?
• Assortir la couleur des légendes avec la couleur de son image (nuancier web 216 couleurs)
• Quel design pour un blog image: photographie, illustration, peinture?
• Photoshop express: un site photoshop (Adobe) gratuit en ligne pour retoucher ses photos