ThéorieFonctionnalitésContenu

Taille des images dans les articles


Les posts publiés avant juin 2015 sont susceptibles de contenir des informations obsolètes !
Référez-vous à la nouvelle théorie du langage XML ou/et posez vos questions sur le forum pour en savoir plus.
Modifier la taille des images
Comment modifier la taille des images dans les articles ?
Il y a la méthode Blogger et les méthodes geek.
Petite explication.
Cette publication doit faire l'objet d'une révision.
A consulter également les nouveautés 2016 : XML - Les opérateurs images, XML - Les données de type IMAGE, XML - Le paramètre Image redimensionnable.


La méthode Blogger

C'est la méthode par défaut proposée dans l'éditeur des articles.

Vous chargez l'image depuis l'onglet "Rédiger" et vous cliquez dessus.

Sous l'image, apparaît un bandeau bleu vous proposant 5 dimensions.

  • Petit (200px)
  • Moyen (320px)
  • Grand (400px)
  • Extra large (640px)
  • Taille originale


bandeau des paramètres de l'image


Haut de page


La méthode geek

La méthode Blogger ne vous convient pas ? Pas assez de choix ?
Il n'y a pas de secret. Pour obtenir une taille personnalisée, il faut aller au charbon. Étant donné que toutes les images téléchargées depuis Blogger sont hébergées sur Google, il va être relativement facile de modifier les paramètres de dimensions sans dégrader la qualité du pixel.

Dès que vous avez chargé l'image dans l'éditeur des articles, vous basculez vers l'onglet "HTML".

Le code de l'image aura cette forme (à quelques détails près):

<a href="URL DE LA PHOTO" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="480" src="URL DE LA PHOTO" width="640" /></a>

En rouge, les balises du lien et en bleu, la balise de l'image.

L'url de la photo se trouvant dans la balise du lien, sera la photo qui apparaîtra dans la visionneuse (si vous l'avez activé).

L'url de la photo se trouvant dans la balise de l'image, sera la photo qui apparaîtra dans l'article.

Pour changer la taille, vous supprimez les mentions width et height (en bleu dans l'illustration ci-dessous) :
  • width="XXX"
  • height="XXX"

Ensuite vous remplacez les valeurs /sXXX/ qui se trouvent dans les url des photos (en rouge dans l'illustration ci-dessous).

/sXXX/ représente la taille de l'image (En savoir plus sur la taille des images).

Exemple : Taille s54

https://3.bp.blogspot.com/-1ECFIDZ_tck/Tq3JIzpr5CI/AAAAAAAAFds/pkrfBR8ZFkw/s54/ice-cross-maine_17615_600x450.jpg

Exemple : Taille s217

https://3.bp.blogspot.com/-1ECFIDZ_tck/Tq3JIzpr5CI/AAAAAAAAFds/pkrfBR8ZFkw/s217/ice-cross-maine_17615_600x450.jpg


La taille des images dans le HTML


Au final, vous devrez obtenir un code de ce genre :

<a href="https://3.bp.blogspot.com/-1ECFIDZ_tck/Tq3JIzpr5CI/AAAAAAAAFds/pkrfBR8ZFkw/s217/ice-cross-maine_17615_600x450.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;">
  <img border="0" src="https://3.bp.blogspot.com/-1ECFIDZ_tck/Tq3JIzpr5CI/AAAAAAAAFds/pkrfBR8ZFkw/s54/ice-cross-maine_17615_600x450.jpg" />
</a>

Résultat de l'exemple, une image de taille de 54 pixels dans l'article et de 217 pixels dans la visionneuse.


Démo taille des images


Quand vous aurez fini d'effectuer les modifications, vous repassez vers l'onglet "Rédiger". Vous y constaterez les changements.


La taille des images dans le HTML
Dernière modification :
Assistance publique pour le produit Blogger sur les Forums d'aides :

Certifiée par Google - Experte TC :
  • Affectation Google France, produit Blogger, du 11/07/2011 au 28/07/2014.
  • Affectation Google US, produit Blogger depuis le 28/07/2014.

Posts les plus consultés de ce blog

DéveloppementsFichiers XML
Résumés des articles avec images réactives [Pack 2016]
Populaire
ThéorieRéférences XMLParamètres des données
Le paramètre Image redimensionnable [isResizable]
Populaire