Forum Kawasaki

Site et Forum => Problèmes, suggestions, améliorations sur le site et le forum => Discussion démarrée par: cpg le 16 Mai 2014 à 13:04:42

Titre: [Tuto images] Utiliser Faststone pour modifier des photos en groupes
Posté par: cpg le 16 Mai 2014 à 13:04:42
Alors si il y a bien une chose fastidieuse lorsque l'on rédige un Tuto ou bien un CR de balade, c'est la gestion des images que l'on va utiliser...

en effet pour passer de l'image brute de votre appareil photo à l'image qui va apparaitre dans votre topic il y a pas mal de manipulations a faire :

Redimensionner, Mettre un cadre, nommer, uploader

Il existe heureusement une solution qui va nous faciliter la taches en combinant plusieurs fonction en un seul clic...

Le matériel nécessaire :


(https://forum.planete-kawasaki.com/proxy.php?request=http%3A%2F%2Fimg4.hostingpics.net%2Fpics%2F868629FaststoneImageviewersqiupetit.png&hash=32b698f5956b78a51b83799b9c7025297f8152b3) (http://www.hostingpics.net)

le logiciel FastStone Image Viewer

(https://forum.planete-kawasaki.com/proxy.php?request=http%3A%2F%2Fimg4.hostingpics.net%2Fpics%2F1130020logoplaneteKawavert800x600.png&hash=ca92ba7f592f1d2f85d72e209e2c0c0d6e9baa34) (http://www.hostingpics.net)

Le logo PK

Etape 1: Télécharge le programme

Il suffit de le récupérer à cette adresse : http://www.faststone.org/ (http://www.faststone.org/)

(https://forum.planete-kawasaki.com/proxy.php?request=http%3A%2F%2Fimg4.hostingpics.net%2Fpics%2F341168modifimage0001.jpg&hash=cae0e5ea1342ba7c48afbeda9e84f288fb05fd9f) (http://www.hostingpics.net/viewer.php?id=341168modifimage0001.jpg)


une fois le programme ouvert vous devriez avoir une interface qui ressemble a ça :

(https://forum.planete-kawasaki.com/proxy.php?request=http%3A%2F%2Fimg4.hostingpics.net%2Fpics%2F463482modifimage0002.jpg&hash=32b96b802377ca6314ba372253dd523621d9df83) (http://www.hostingpics.net/viewer.php?id=463482modifimage0002.jpg)

dans notre exemple j'ai regroupé des images a retravaillé dans un dossier "tuto modif image"

comme vous pouvez le constater les images sont tres grande...postées ainsi elles causerait a coup sur un ralentissement lors de l'ouverture du topic

nous allons donc y remedier


Etape 2 : préparer le travail


ouvrez le dossier contenant les images à modifier; cliquez sur le menu outil et sélectionnez  Conversion/ renommer un groupe d'images

(https://forum.planete-kawasaki.com/proxy.php?request=http%3A%2F%2Fimg4.hostingpics.net%2Fpics%2F625202modifimage0003.jpg&hash=6218c6c5959616e15730ce5e3d8229dc91b4e7bf) (http://www.hostingpics.net/viewer.php?id=625202modifimage0003.jpg)

La fenêtre suivante devrait s'ouvrir

(https://forum.planete-kawasaki.com/proxy.php?request=http%3A%2F%2Fimg4.hostingpics.net%2Fpics%2F369662modifimage0004.jpg&hash=79428e448e0dfaa2ba78902122ca6523bcdda61e) (http://www.hostingpics.net/viewer.php?id=369662modifimage0004.jpg)

Transférez les images dans la fenêtre de travail (tout ou une sélection selon le besoin)

(https://forum.planete-kawasaki.com/proxy.php?request=http%3A%2F%2Fimg4.hostingpics.net%2Fpics%2F981425modifimage0005.jpg&hash=a0ec7c91b60bae9397599e026cb7d47c7830be0e) (http://www.hostingpics.net/viewer.php?id=981425modifimage0005.jpg)

Il faut maintenant sélectionner l'endroit où seront enregistrés les images modifiées

pour ma part j'aime bien les laisser avec les photos originales, je décoche donc la case; sinon il suffit d'indiquer le chemin vers le dossier de destination

(https://forum.planete-kawasaki.com/proxy.php?request=http%3A%2F%2Fimg4.hostingpics.net%2Fpics%2F177766modifimage0006.jpg&hash=f79823e613dbef7f42ad9de2a45e8dcec2378b42) (http://www.hostingpics.net/viewer.php?id=177766modifimage0006.jpg)

Il faut maintenant choisir la façon dont les images seront renommées; moi je prends la première option nom + chiffres

(https://forum.planete-kawasaki.com/proxy.php?request=http%3A%2F%2Fimg4.hostingpics.net%2Fpics%2F113823modifimage0007.jpg&hash=5ea5a540c8c7303aa97c2a9e6e12497aac33566d) (http://www.hostingpics.net/viewer.php?id=113823modifimage0007.jpg)



Etape 3 : faire les reglages


Entrons maintenant dans le vif du sujet avec la fenetre des options avancées

(https://forum.planete-kawasaki.com/proxy.php?request=http%3A%2F%2Fimg4.hostingpics.net%2Fpics%2F528775modifimage0008.jpg&hash=5b22d4973ba36b3e96550082287f3748ffc1b47d) (http://www.hostingpics.net/viewer.php?id=528775modifimage0008.jpg)

Le redimensionnement de l'image

L'idéal pour moi ce sont ces réglages une taille suffisant pour voir une image plus grande en cliquant dessus tout en conservant un poids peu élevé afin de ne pas charger l'ouverture du topic

(https://forum.planete-kawasaki.com/proxy.php?request=http%3A%2F%2Fimg4.hostingpics.net%2Fpics%2F916485modifimage0009.jpg&hash=e66a754ec25a63eba041af3c6cf05020df05b196) (http://www.hostingpics.net/viewer.php?id=916485modifimage0009.jpg)

Le texte de l'image

Il doit être représentatif du topic lieu de la balade opération mécanique effectuée etc ...

(https://forum.planete-kawasaki.com/proxy.php?request=http%3A%2F%2Fimg4.hostingpics.net%2Fpics%2F505114modifimage0010.jpg&hash=1bed4d07a133ff3e774a02ff0b0876fef6649c50) (http://www.hostingpics.net/viewer.php?id=505114modifimage0010.jpg)

Le choix d'un Filigrane c'est a dire un image qui vient en superposition de votre photo

Dans notre cas, ce qui nous intéresse c'est que les images postées sur le forum soit nos cartes de visite sur le Web il est donc recommandé d'utiliser le logo du forum comme filigrane

(https://forum.planete-kawasaki.com/proxy.php?request=http%3A%2F%2Fimg4.hostingpics.net%2Fpics%2F846219modifimage0011.jpg&hash=4427dac31380978f1318a8df829c25517ff1dfef) (http://www.hostingpics.net/viewer.php?id=846219modifimage0011.jpg)

Le Cadre de la photo

C'est la finition et ce qui donne l'aspect "pro" à votre image

(https://forum.planete-kawasaki.com/proxy.php?request=http%3A%2F%2Fimg4.hostingpics.net%2Fpics%2F464803modifimage0012.jpg&hash=9d660402e445899fb324515fe42461fc1776c28d) (http://www.hostingpics.net/viewer.php?id=464803modifimage0012.jpg)

Voila : Vous avez effectué tous les réglages possibles il ne reste plus qu'a faire le choix du format de de votre fichier image c'est a dire le type  jpg; gif; png.....etc bien en entendu cela n'a rien d'obligatoire surtout si vous êtes deja sur du JPG

(https://forum.planete-kawasaki.com/proxy.php?request=http%3A%2F%2Fimg4.hostingpics.net%2Fpics%2F882249modifimage0013.jpg&hash=82c3b1243af772661dccb2dd9e97650b6e56d1d6) (http://www.hostingpics.net/viewer.php?id=882249modifimage0013.jpg)


Etape 4 : Le Resusltat


Bien...........il est maintenant venu le temps de cliquer sur le bouton magique...................

(https://forum.planete-kawasaki.com/proxy.php?request=http%3A%2F%2Fimg4.hostingpics.net%2Fpics%2F757065modifimage0014.jpg&hash=3ce9455cd823f3310b28383593f5b5285186be05) (http://www.hostingpics.net/viewer.php?id=757065modifimage0014.jpg)

Laissez la machine mouliner quelques instant et des que la jauge est pleine cliquez sur Terminé

(https://forum.planete-kawasaki.com/proxy.php?request=http%3A%2F%2Fimg4.hostingpics.net%2Fpics%2F304056modifimage0015.jpg&hash=ea62766bdf19f005f5326b1ebca92e874c2d11df) (http://www.hostingpics.net/viewer.php?id=304056modifimage0015.jpg)

Voila le travail est fini ne reste plus qu'à l'admirer

(https://forum.planete-kawasaki.com/proxy.php?request=http%3A%2F%2Fimg4.hostingpics.net%2Fpics%2F845841modifimage0016.jpg&hash=d3c5f6d3299b6c3dd85de5924fbfaff6b86bd8c9) (http://www.hostingpics.net/viewer.php?id=845841modifimage0016.jpg)

(https://forum.planete-kawasaki.com/proxy.php?request=http%3A%2F%2Fimg4.hostingpics.net%2Fpics%2F360252maversys0011.jpg&hash=587752162cb8f052d653674a0265209b01cd249b) (http://www.hostingpics.net)

Il va maintenant faloir up loader tout ça pour le poster sur le forum

ma recommandation c'est l'utilisation de http://www.hostingpics.net/ (http://www.hostingpics.net/)

il suffit de s'inscrire gratuitement  (http://www.hostingpics.net/inscription.html) et l'on a alors la possibilité d'Up loader jusqu'à 10 images à la fois


(https://forum.planete-kawasaki.com/proxy.php?request=http%3A%2F%2Fimg4.hostingpics.net%2Fpics%2F440377modifimage0017.jpg&hash=c6d5a7f5a6a3f14f3952bcef940fc52244cb57da) (http://www.hostingpics.net/viewer.php?id=440377modifimage0017.jpg)


(https://forum.planete-kawasaki.com/proxy.php?request=http%3A%2F%2Fimg4.hostingpics.net%2Fpics%2F175366modifimage0022.jpg&hash=06216d0018ba95938362bb43410fee1be4345494) (http://www.hostingpics.net/viewer.php?id=175366modifimage0022.jpg)





Voila j'espère vous avoir apporter un peu d'aide pour la réalisation de vos topics.

N'hésitez pas a me faire un MP ou bien a poster vos question sur ce topic...


Titre: Re : [Tuto images] Utiliser imageshack pour modifier des photos en groupes
Posté par: XIII le 16 Mai 2014 à 13:14:11
:pouce:

Merci pour le tuto CPG !
Ça me sera fort utile pour la suite, histoire de conserver des topics fluides sans photos beaucoup trop lourdes.

;)
Titre: Re : [Tuto images] Utiliser imageshack pour modifier des photos en groupes
Posté par: shark49 le 16 Mai 2014 à 15:47:28
c'est pas plutot faststone que tu voudrais mettre dans le titre à la place de imageshack ???

sinon merci mais si je me souvient bien tu en avais déjà fait un car je l'avais utilisé pour faire mes photos de vacances
Titre: Re : [Tuto images] Utiliser imageshack pour modifier des photos en groupes
Posté par: nErur le 16 Mai 2014 à 17:41:51
Si je peux apporter un peu ma contribution sur la partie redimensionnement :

Il faut garder en tête qu'une image postée sur un forum sera vu depuis un ordinateur ou tout autre support numérique. Ce qui veut dire que ce sera vu par un support ne dépassant pas 1920*1080. Si on prend en compte les marge du forum & compagnie, il est bien de diminuer cette taille.

Sur pas mal de forum photos, on fixe une limite à 1024px sur le plus grand côté. C'est une taille standard bien adapté au web. Dans les paramètres, il suffit de choisir "redimensionner selon le grand côté", et choisir 1024. Dans l'algorithme, le lanczos est un des plus reconnu et utilisé.

A savoir qu'un redimensionnement d'image entraîne forcément une perte de qualité. Pour palier à ce problème, il suffit d'aller dans l'onglet d'après, et d'augmenter un peu le "sharpness". Une valeur de 2 ou 3 permet de redonner à l'image ses caractéristiques pré redimensionnement. Vous pouvez utiliser un masque USM à une valeur de 1 pour ne pas augmenter le bruit inutilement dans l'image.

Titre: Re : [Tuto images] Utiliser imageshack pour modifier des photos en groupes
Posté par: Mamykawa le 16 Mai 2014 à 18:23:57
 :excellent: :incline: Ce tuto va changer la vie à de nombreux membres, j'en suis sure et moi la 1ere  ;)
Titre: Re : Re : [Tuto images] Utiliser imageshack pour modifier des photos en groupes
Posté par: cpg le 17 Mai 2014 à 11:35:08
Citation de: nErur le 16 Mai 2014 à 17:41:51


A savoir qu'un redimensionnement d'image entraîne forcément une perte de qualité. Pour palier à ce problème, il suffit d'aller dans l'onglet d'après, et d'augmenter un peu le "sharpness". Une valeur de 2 ou 3 permet de redonner à l'image ses caractéristiques pré redimensionnement. Vous pouvez utiliser un masque USM à une valeur de 1 pour ne pas augmenter le bruit inutilement dans l'image.

je ne vois pas a quel endroit on peut faire ces réglages ?  :(
Titre: Re : Re : [Tuto images] Utiliser imageshack pour modifier des photos en groupes
Posté par: Happy_Wizard le 17 Mai 2014 à 14:28:28
Citation de: nErur le 16 Mai 2014 à 17:41:51
Il faut garder en tête qu'une image postée sur un forum sera vu depuis un ordinateur ou tout autre support numérique. Ce qui veut dire que ce sera vu par un support ne dépassant pas 1920*1080. Si on prend en compte les marge du forum & compagnie, il est bien de diminuer cette taille.

Sur pas mal de forum photos, on fixe une limite à 1024px sur le plus grand côté. C'est une taille standard bien adapté au web.
+1 +1 +1 +1 +1
Y en a marre des pages qui mettent des plombes à charger parce que des photos de tournevis ou d'écrou sont en 3200x2400! Qu'on veuille mettre des grosses définitions sur les plans larges, pour que les gens puissent voir des détails, je peux comprendre. Mais sur les gros plans, un 1024x768 suffit largement! ;)
Titre: Re : [Tuto images] Utiliser Faststone pour modifier des photos en groupes
Posté par: nErur le 17 Mai 2014 à 17:46:29
Quoi qu'il arrive, si c'est pour un écran, une haute définition ne sert à rien, à partir du moment ou les navigateurs redimensionnent les images pour coller à l'écran, mais bien souvent avec des algorithmes de base et on perd donc en qualité. Une haute définition redimensionnée proprement et en maîtrisant ce dimensionnement permet de garder toute la qualité de la photo, et bien souvent en ne dépassant pas les 400ko. Quitte après a mettre un lien vers un hebergeur en fullsize pour permettre au gens le téléchargement et l'impression.

Citation de: cpg le 17 Mai 2014 à 11:35:08
Citation de: nErur le 16 Mai 2014 à 17:41:51

A savoir qu'un redimensionnement d'image entraîne forcément une perte de qualité. Pour palier à ce problème, il suffit d'aller dans l'onglet d'après, et d'augmenter un peu le "sharpness". Une valeur de 2 ou 3 permet de redonner à l'image ses caractéristiques pré redimensionnement. Vous pouvez utiliser un masque USM à une valeur de 1 pour ne pas augmenter le bruit inutilement dans l'image.

je ne vois pas a quel endroit on peut faire ces réglages ?  :(

Toujours dans les "advanced options" dans l'onglet Adjustements. Il y a un paramètre Sharpen, à régler en gros sur 3-4 et on peut utiliser l'USM pour appliquer un masque (avec un radius de 1)
Titre: Re : [Tuto images] Utiliser Faststone pour modifier des photos en groupes
Posté par: XIII le 19 Mai 2014 à 16:47:33
Citation de: cpg le 13 Juillet 2013 à 10:30:19
je met ici le Logo que j'utilise

merci de continuer à le placer en haut à gauche de l'image afin que cela soit coherent avec les images deja postées...



(https://forum.planete-kawasaki.com/proxy.php?request=http%3A%2F%2Fimg15.hostingpics.net%2Fpics%2F6614420logoplaneteKawa800x600.png&hash=d50491d5ec922a162a168c137e6e0a2f232b70ea) (http://www.hostingpics.net/viewer.php?id=6614420logoplaneteKawa800x600.png)

Dis CPG, est-ce qu'il serait possible d'avoir le logo en vert, pour "coller" aux nouvelles couleurs du Forum ?
Je vois que tu l'utilises sur tes photos.
Merci ;)
Titre: Re : [Tuto images] Utiliser Faststone pour modifier des photos en groupes
Posté par: cpg le 19 Mai 2014 à 17:13:10
Pas de probleme...  ;)

je l'ai rajouté en haut du topic...
Titre: Re : Re : [Tuto images] Utiliser Faststone pour modifier des photos en groupes
Posté par: XIII le 19 Mai 2014 à 17:19:26
Citation de: cpg le 19 Mai 2014 à 17:13:10
Pas de probleme...  ;)

je l'ai rajouté en haut du topic...
Merci CPG :pouce: