Afficher une image avec ImageShack pour les Nuls

[Rémi ze ouaibmasteur]

En complément du topic sur l'affichage des images sur le forum, voici un peu plus de détails quant à l'affichage des images dans les forum avec ImageShack.us pour ceux qui ont du mal.


Résolution de l'image :

ImageShack accepte des images dans la limite de 1.5 mo quelque soit sa résolution (=taille en pixels).
Cependant, il est bon de redimensionner son image en local (sur son ordinateur) AVANT de l'envoyer sur imageShack => gain de temps pour l'envoi.

Quoi qu'il en soit, ne pas dépasser 1024*768 (idéalement : 800*600), après l'image devient trop grande et s'intégre difficilement dans une page web classique (+ temps d'affichage long si bas débit).
Pour se faire, si votre image dépasse cette résolution, ImageShack propose de la reduire :

1/ Transfert de l'image sur mageShack

il suffit simpelment d'envoyer l'image au moyen de la commande "parcourir" : vous cherche l'image sur votre disque dur et vous l'envoyer.
ImageShak vous ouvre alors une nouvelle fenêtre avec :
- la miniature de votre image
- plusieurs lien selon la destination de l'image.




Deux possibilités : l'affichage d'une miniature avec un lien vers une page ImageShack qui affiche l'image en format full resolution ou la possibilité d'afficher directement l'image full resolution dans le topic sur le forum.

2/ affichage de la miniature

Une fois l'image sur ImageShack, il suffit de copier le lien "Thumbnail for forums (1)" puis de le coller dans le votre message en cours de rédaction.
le topic affichera donc une vignette cliquable qui ouvrira l'image dans une nouvelle fenêtre ImageShack.




3/ Affichage de l'image taille d'origine

il existe un moyen d'afficher l'image pleine résolution sans passer par une vignette avec lien.
Dans la fenetre ImageShack qui vous confirme le dépôt de l'image, cliquer sur la vignette de votre image : l'image s'ouvre.
Clic droit sur l'image : "copier le lien de l'image", puis coller ce lien entre deux balise IMG comme ceci :

Code:

[img]lien_imageshack[/img]

L'image s'affiche en pleine résolution dans votre message.



Et voila le travail !!!