Agrandir les images

obtenir ces boutons

Agrandir les images

Réduire la taille des images

Pour agrandir les images dans les blogs, il faut faire 3 choses :
1) augmenter la largeur de l'image ;
2) augmenter sa hauteur ;
3) augmenter sa résolution.

Démonstration :

1) Il y a lieu d'augmenter la taille de cette image.


2) Augmenter sa largeur et sa hauteur donne le résultat (flou) suivant :


3) Après avoir amélioré la résolution de l'image, on obtient ce résultat :


Méthode détaillée :

Il faut tout d'abord rechercher la partie du code de l'image, équivalente à celle-ci :
width: 200px; height: 136px;" src="http://3.bp.blogspot.com/_sPwH_KmuNT8/SucKqRVQ4YI/AAAAAAAAAFc/9g9ZlpHR3f8/s200/z+ArcRail+1.JPG"

Il faut ensuite :

1) augmenter la largeur de l'image, en corrigeant l'instruction "width" : "width:200px;" devient par exemple "width: 600px;" ;

2) augmenter sa hauteur : la méthode la plus simple consiste à supprimer l'instruction "height", l'ordinateur se chargeant de calculer une hauteur proportionnelle à la largeur : dans l'exemple précité, on supprime "height: 136px;" ;

3) augmenter sa résolution : il faut corriger /s200/ (ou équivalent : ce pourrait être /s400/ en fonction de taille de départ de l'image), à la fin du code, en /s800/.

* * * * *
On peut aussi supprimer la hauteur ET la largeur.

La grandeur de l'image qui s'affichera dans ce cas correspondra à la résolution.

En augmentant la résolution (s200 devient s400, s600, s800, ou s1600), on aura une image de plus en plus grande.

* * * * *
Consulter aussi :

Afficher des images sur toute la largeur de l'écran

* * * * *
Pour RÉDUIRE les images il suffit d'utiliser les méthodes décrites ci-dessus et de réduire les nombres au lieu de les augmenter.

Une autre méthode est utilisable : il suffit, en corrigeant un message avec l'onglet "RÉDIGER", de cliquer sur l'image et de la réduire en déplaçant un des petits carrés situés aux coins de l'image.

26 commentaires:

Ginou a dit…

Oh, merci! Super cette astuce, et facile à appliquer!

Pourriez-vous m'indiquer comment supprimer la date de publication des posts, autant au-dessus de chacun, qu'en postfooter, où je souhaiterais ne laisser que l'indication des commentaires (et la possibilité d'en déposer, bien sûr), ainsi que les évaluations ? Merci !

Ginou

http://theofficialmickeyguitarbaker.blogspot.com/

Meiser a dit…

Tableau de bord
Mise en page
Messages
Modifier


Ginou a dit…

Merci... J'y suis allée plusieurs fois et je n'avais pas vu qu'il suffisait de décocher certaines cases... :o|
Mais chez moi le chemin n'est pas tout à fait identique :

Tableau de bord
Paramètres
Présentation
Messages du blog
Modifier

Bonne journée !

velvet underwear a dit…

Bonsoir!
Je ne suis vraiment pas douée, elle est où la partie du code de l'image? Je ne la trouve pas dan "modifier les codes html".

Merci

Meiser a dit…

Dans la version HTML des messages (si des images y ont été ajoutées).


velvet underwear a dit…

J'ai enfin trouvé, merci, par contre dès que je change la taille de l'image elle n'apparaît plus dans l'article... Y a t'il une solution à ça?

Meiser a dit…

Ci-dessous le code complet de l'image ci-dessus pour faire des essais :

<img style="display: block; margin: 0px auto 10px; text-align: center; width: 560px;" src="http://3.bp.blogspot.com/_sPwH_KmuNT8/SucKqRVQ4YI/AAAAAAAAAFc/9g9ZlpHR3f8/s800/z+ArcRail+1.JPG" alt="" id="BLOGGER_PHOTO_ID_5397294399750201730" border="0" />


velvet underwear a dit…

Okay, Merci

FABIEN a dit…

Bonjour, merci pour l'astuce, par contre l'image est mangée dans le cadre, comment change t on la taille du cadre ?
merci !!
Fab
http://fabiulous.blogspot.com/

Meiser a dit…

1) On peut agrandir la zone des messages ("main"):

http://modifier-les-modeles-de-blogger.blogspot.com/2009/12/largeur-des-elements-d-blog.html

2) Ou alors prévoir des images un tout petit peu plus petites.


David Potart a dit…

Merci beaucoup !!

Le jardin de Chêneland a dit…

Bonjour J'ai adopté un modèle de la nouvelle version mais les visiteurs n'ont plus la petite main pour agrandir les images
cela va-t-il revenir dans l'ancienne version aucun problème
merci d'avance
jocelyne

Meiser a dit…

Je ne connais pas les intentions de blogger. Je vous propose de poser la question au forum blogger.


Oranienburger Str. a dit…

Bien le bonjour!
Alors, merci pour la méthode, c'est un franc succès!
En revanche, il n'est plus possible de cliquer sur les image et de les afficer en taille réelle. Comment procéder?
voici le blog : troif.blogspot.com
Remerciements, émilie

Meiser a dit…

Consultez le point 10 de cette page :

http://modifier-les-modeles-de-blogger.blogspot.com/2010/01/inserer-une-image-dans-un-message.html

Vous avez sans doute effacé la première et la 3° partie du code. Agrandir l'image ne concerne que la seconde partie du code commençant par "img".


Milie a dit…

Bonjour,
Je m'excuse mais je n'arrive pas à reduire la taille de l'image de l'en tête, je cherche mais ne trouve rien. Merci de votre aide.
PS: je suis toute novice....!!!!
http://sucredambre.blogspot.com/

Meiser a dit…

Vous pouvez poser cette question à l'adresse http://www.google.com/support/forum/p/blogger/ask?ln=6e9fd8d88ac95b39&hl=fr (forum d'aide "Blogger") où des spécialistes répondent le plus souvent dans des délais très courts.


Milie a dit…

Merci de votre réponse, je vais essayer car je n'y arrive toujours pas...
Merci.

Les Folies de Magalie a dit…

Bonjour,
J'essaie vos methodes mais mes photos apparaissent complètement floues!J'ai modifié le widit de 352 à 900 et la resolution d'écran de s400 à s1600 en effacant le heigt bien sur et c'est pire!C'est tout flou!
Que faire?
Merci

Meiser a dit…

Il faut bien entendu que l'image de départ (on l'obtient sans les instructions "width" et "height") soit suffisamment grande.

Sinon, en l'agrandissant, l'image qui a une résolution trop basse restera toujours floue.


Les Folies de Magalie a dit…

Pouivez vous m'expliquer avec les exemples de tailles que je vous ai communiqué là haut SVP??!!
En appliquant votre methode de depart,mes photos sont grandes mais très floues...POURQUOI?Dois je augmenter ou baisser la resolution de mes images????!
Votre réponse précédente est trop bizarre et surtout n'est pas du tout claire!
Merci

Meiser a dit…

Bonjour.

L'image sauvegardée doit être plus grande.

Une photo ou une image de 10 cms sur 15 qui est agrandie au format de 20 cms sur 30 sera toujours floue.

Il faut donc sauvegarder dès le départ des images de 20 cms sur 30.

Si on les affiche ensuite avec le code S1600, elles seront parfaitement nettes.


Carine a dit…

C'est clair, simple, précis !
Merci, j'y suis arrivée du premier coup !
Je garde ton blog en Favoris pour continuer d'améliorer ma technique

René et Sylvie a dit…

Bonjour,
N'est-t-il pas possible de definir par defaut dans blogger la taille et la resolution de l'image afin de ne pas devoir faire la modification de chaque image.
Merci

M. a dit…

Bonjour,
J'espère que vous allez pouvoir m'aider.
Je cherche à augmenter la taille d'une image de telle sorte à ce que les images en portrait soient de même largeur que les images paysages. J'ai réussi à augmenter leur taille mais pour une raison que j'ignore mon image se place désormais à droite de mon écran. Je ne sais absolument pas comment remédier à cela... je cherche la solution depuis 2h en vain...
Merci d'avance pour votre aide,
Mélanie.

Meiser a dit…

Bonjour.

Vous pouvez ajouter pour l'image l'instruction :
float:left;