Dans cet article nous allons voir comment préparer ses photo. de plusieurs Mo et de grande taille en image compatible pour le Web, toutes plateformes incluses (PC, Mac, Tablette, Smartphone,...).
Cette méthode nous servira pour poster des photo. sur le Forum, mais vous pouvez aussi les partager par e-mail à vos proches,...
Nous optimiserons une image au format Paysage pour qu'elle devienne en 1000 px de large quelque soit sa taille initiale, la largeur sera vide est définie par le logiciel et soit son format quelconque (RAW ou JPG).
Pour les autres formats : portrait et carré, c'est la même chose sauf :

  • qu'il faut fixer hauteur de 750 px pour Portrait sans largeur,
  • et définir, largeur + hauteur pour le Carré 700px + 700 px.

On démarre par le téléchargement et l'installation de VSO Image Resizer :

Installation VSO

Une fois téléchargé le fichier VSO Image Resizer sur le Site : cliquez ici pour télécharger (lien connexion requise).
Allez dans le dossier où vous avez effectué le téléchargement (copie d'écran ci dessus).

Installation VSO Image Resizer 4

Langue de l'assistant d'installation

Installation VSO Image Resizer 4

Installation VSO Image Resizer 4

Installation VSO Image Resizer 4

Installation VSO Image Resizer 4

Installation VSO Image Resizer 4

Installation VSO Image Resizer 4

 

Installation VSO Image Resizer 4

 

Lancement et paramétrage du logiciel :

Windows

VSO Image Resizer 4

 

VSO Image Resizer

VSO Image Resizer

Window

Bug
Bogue : j'ai oublié de mettre : Club-%W-%H-%YYY%M%D-%NN
Copier ce masque et reportez le dans le nom du masque. Ici il y a en plus : %H qui est la hauteur !
Mettez bien des « - » et surtout pas d'espace.

 

attention
Dans le champ Largeur mettez 1000 px, puis appuyez sur la touche « Tab » pour aller sur le champ suivant (Hauteur),
Dans le champ Hauteur vous devez effacer la hauteur de 768 px par le touche « Suppr » touche supprou « Del » touche del de votre clavier et appuyer sur la touche « Tab » de nouveau sur votre clavier pour valider. Vous devez avoir Height s'afficher, sinon recommencez ! Voir copie d'écran ci dessus, nous avons bien Height en grisé ! Le logiciel paramétré ainsi choisira la bonne hauteur comme proportion !
Touche tab du clavier Exemple de représentation de la touche Tab sur votre clavier
Elle est dessous la touche « ² » et à gauche de la touche « » à gauche de votre clavier.

VSO Image Resizer

Après avoir cliqué sur Précédent vous avez cette fenêtre (voir ci dessus).

Window

Window

Avec « Ctrl + clique gauche souris » je peux faire les sélections que je veux, continu ou discontinu.

touche ctrlTenez la touche Ctrl, maintenez là enfoncée et cliquez sur les 4 ou 5 photos (une par une) que vous voulez sélectionnées. Puis cliquez sur Ouvrir.

VSO Image Resizer

Après avoir cliqué sur Ouvrir j'obtiens mes 4 fichiers (dans cet exemple).

VSO Image Resizer

Rien n'a été modifié, je clique sur OK.

Traitement des images 25

Bureau Windows

Je vois apparaitre sur mon bureau les 4 images exportées (notez que j'avais des RAW au départ et qu'il les a convertis en JPG. Bravo VSO. Il fait le boulot vite !

Window

Je fais un clic droit sur une image puis je sélectionne en bas du menu contextuel : Propriétés

Propriétés de Club 1000 2021 11 27 04.jpg

Je passe sur l'onglet détail.

Propriétés de Club 1000 2021 11 27 04.jpg

Je vais sur le forum et je me connecte de suite.

Connexion Forum

Je choisie la Section > Catégorie > Sous-catégorie : Les ateliers des mardis pairs.

Forum

Forum

Tiens M. Gavarin est déjà passé par là ! clin oeil.

Je clique sur « Nouveau sujet » et j'obtiens ;

Forum

Je tape mon texte, titre, icône... et je clique sur l'onglet « Prévisualisé ». Cela de voir mon formatage du texte et mon icône.

Petite aparté > choix des icônes :

icone du sujet

Faîtes votre choix.
Puis descendez et cliquez sur « Pièces Jointes »

Forum

Option mettre les images dans le corps du texte :

Envoi du fichier

Forum

infoRegardez, il n'a pas mis des photos nets mais des prévisualisations floues : ce n'est pas important, elles seront net dans le message !

Là je clique directement sur le bouton du haut : « Insérer tous »

Forum

Puis il apparaît un bouton au même endroit « Dans le message », je vais par cette option insérer les images dans le corps du message :

  • Inconvénient: c'est lourd comme message et il faut revenir dans Éditer puis onglet Écrire pour commenter les images dans le texte.
  • Avantage : le visiteur voit exactement votre texte, vos commentaires, explications et l'image ci rapportant !

Forum

Forum

Forum

Forum

Mise en ligne avec texte et image dans le corps du message

Il n'y a pas encore de texte entre les images (texte juste en dessus) et que des images les unes sous les autres.

Je passe en « Éditer » (voir votre menu en bas du message).

Forum Editer

Je me remet en écriture :

Forum

Je peux placer des textes ou je veux. Sachant que [attachment=xx]Mon-image-specifique[/attachment] est la balise de mon image.

 

Placer les images en pièces jointes hors du corps du message :

Forum

Forum

Envoi du fichier

Forum

Forum

Forum

Forum

Visualisation dans le corps du message :

Forum

 Ici c'est un mixte : j'ai mis une image dans le corps du message et une en pièce que je ne pourrais pas m'y référer.

 Un mixte (images dans le corps du texte et image en pièce jointe) en aperçu :

 

 sujet avec images inclus et une non

 On voit sur ce sujet un mixte avec des images commentées dans le corps du texte et une image en pièce jointe.
Vous pouvez cliquer pour un peut mieux voir.

 Bon j'ai fais l'article à l'arrache, relisez et si vous voyez des erreurs dites le moi ! construction