McGyver
Admin
Nombre de messages : 33837
Age : 53
Localisation : bout du lac de G'nèv'
Ma Buell : XB12S 04
S1WL 98
X1 viper
1190RX (même que c'est pas une Buell mais une ibiârh)
Date d'inscription : 25/09/2006
 | | Sujet: Redimensionner une image dans un post Jeu 23 Avr 2009 - 14:04 | |
| J'ai pêché ça sur une autre forum, et vu que c'est très bien expliqué et que ça marche aussi sur ce forum, je vous en fait profiter  - Vignie a écrit:
- Vous êtes nombreux à participer sur le coin détente, à des jeux qui demandent l’insertion des images. Vous êtes également nombreux à poster des images dont la largeur excède de beaucoup la taille du forum, ce qui a pour conséquence de le déformer, et parfois d’obliger les membres à utiliser un ascenseur horizontal pour accéder aux boutons. Afin d’éviter ce genre de désagréments, je vous propose une astuce assez simple pour redimensionner une image sans pour autant passer par un logiciel quelconque.
Ce dont vous aurez besoin :
- une calculatrice (ou votre tête si vous êtes doués en calcul mental
 )
- Trente secondes de plus pour poster votre image
Pour commencer, je pense que bon nombre d’entre vous utilisent Google image pour rechercher les photos qu’ils souhaitent poster sur le forum.
Sur les résultats de la recherche, Google vous affiche des miniatures avec les dimensions de l’image (cf. chiffres surlignés).
Sur mon exemple, on voit que l’image mesure 849 px de largeur pour 566 px de hauteur. L’espace alloué au message sur le forum ne devant pas excéder 650 px, cette image est trop large.
On va donc effectuer une petite opération mathématique pour redimensionner cette image sans la déformer :
Si je veux afficher cette image deux fois plus petite, je divise la hauteur et la largeur par 2, ce qui me donne ici
849/2 = 424.5 px pour la largeur
566/2 = 283 px pour la hauteur
Le demi-pixel n'existant pas, la dimension devra correspondre à un chiffre entier, j’arrondis la largeur au pixel supérieur, j’obtiens donc les dimensions suivantes :
Largeur : 425px
Hauteur : 283px
Pour poster mon image, il suffira de rajouter ces dimensions dans la balise image : - Code:
-
[img(425px,283px)]adresse de l’image[/img]
Si vous estimez qu’il y avait vraiment des détails importants sur l’image et qu’on ne peut plus les voir une fois qu’elle est redimensionnée, rien ne vous empêche de créer un lien vers la source de cette image :
La balise ci-dessous permet d’envoyer l’utilisateur sur la page d’origine de l’image lorsqu’il clique sur celle-ci :
- Code:
-
[url= Adresse de l’image][img(425px,283px)]adresse de l’image[/img][/url]
Et si je ne passe pas par Google image ?
Lorsque l’image est affichée sur votre navigateur, vous pouvez faire un clic droit sur celle-ci et afficher ses propriétés, vous pourrez ainsi récupérer ses dimensions.
Mon exemple ainsi redimensionné :
- Code:
-
[url=http://blog.bmykey.com/wp-content/uploads/2007/07/immobilier_actualites___iles_a_vendre.jpg][img(425px,283px)]http://blog.bmykey.com/wp-content/uploads/2007/07/immobilier_actualites___iles_a_vendre.jpg[/img][/url] |
|
