Différences

Ci-dessous, les différences entre deux révisions de la page.

--- wordpress:reduire_photos [2024/04/15 21:05] – gael
+++ wordpress:reduire_photos [2024/04/28 17:17] (Version actuelle) – [Outils de redimensionnement d'image] gael
@@ Ligne 3: / Ligne 3: @@
 Dans un soucis d'éco-conception de vos sites internet, nous vous encourageons vivement à réduire vos photos pour ne pas stocker en ligne des versions lourdes qui ne serviraient jamais.
-???Rappel
+??? Rappel : l'image de gauche est 25 fois moins lourde que celle de droite.
 {{tablelayout?rowsHeaderSource=Auto}}
-|  {{ :wordpress:pexels-pixabay-208984_2_.jpg?direct&400 |}}  |  {{ :wordpress:pexels-pixabay-208984.jpg?direct&400 |}}   | {{ :wordpress:pexels-pixabay-208984-2.jpg?direct&400 |}} |
+|  {{ :wordpress:pexels-pixabay-208984_2_.jpg?400&direct }}  |  {{ :wordpress:pexels-pixabay-208984.jpg?400&direct }}  | {{ :wordpress:pexels-pixabay-208984_3_.jpg?400&direct }}  |
-| Photo de chat en 3989x5983, 2,4Mo                         | Photo de chat en 1280x1920, 362Ko                                     | Photo de chat en 256x384, 23,1Ko              |
+| Photo de chat en 3989x5983, 2,4Mo                          | Photo de chat en 1280x1920, 362Ko                       | Photo de chat en 640x960, 101Ko                           |
-|                                                           | (le maximum de pixels qui peuvent être affichés sur un écran normal)  | (Environ 100 fois moins lourde que celle de gauche)  |
+Heu .. non en fait je me suis trompé celle de droite est moins lourde ... bref, aucune différence à l'oeil nu en fait !
-===== Outils de reduction =====
+===== Outils de redimensionnement d'image =====
 Plein d'outils existent, je vous propose celui ci qui est multi plateforme (windows / linux / mac os)
 https://converseen.fasterland.net/
+== Première étape : Choix des images à réduire ==
+On sélectionne les images à réduire {{ :wordpress:capture_d_ecran_2024-04-15_231631.png?nolink&400|}}
+Soit on fait un glisser déposer dans l'encart de droite, soit on les selectionne via le menu "Ouvrir les images".
+== Seconde étape : Choix de l'opération et de la destination ==
+{{ :wordpress:capture_d_ecran_2024-04-28_190947.png?nolink&400|}}
+On choisit l'opération à leur appliquer, par exemple, réduire de 75% la largeur et la hauteur. (Ce qui divise le nombre de pixels par 8 !), c'est à dire ne conserver que 25% de la hauteur et de la largeur.
+== Troisième étape : Choix de la destination ==
+On choisit également ou et comment seront enregistrées les images réduites : par exemple en sélectionnant un repertoire d'enregistrement "reduites", ou en applicant un suffixe au nom de la photo.

Panneau latéral

Outils pour utilisateurs

Outils du site

Différences

Outils de la page