Skip to content

Commit

Permalink
feat(22. La taille des images): Add new version of content
Browse files Browse the repository at this point in the history
  • Loading branch information
hrenaud (NovaGaïa) committed Oct 3, 2022
1 parent e80a8bb commit 709cb11
Showing 1 changed file with 16 additions and 1 deletion.
17 changes: 16 additions & 1 deletion best-practices-WordPress/fiches/22. La taille des images.md
Original file line number Diff line number Diff line change
Expand Up @@ -19,6 +19,7 @@ saved_resources:
- Stockage
- Réseau
path: /fiches/22-la-taille-des-images
toIndex: true
---

## Sujet
Expand All @@ -42,7 +43,13 @@ Lors de la création d'un site, il est important de configurer la génération d

Sachant que votre site va finalement n'utiliser que des versions de tailles réduites de vos images, il est aussi bon pour la planète de se poser la question lors de l'upload de votre média si une version en 2600px est nécessaire alors que votre site n'affiche que des images de 800px maximum. En effet, ces medias "gigantesques" resteront néanmoins stockés sur le serveur, devront transiter sur les réseaux lors de l'upload et seront conservés dans les sauvegardes de votre site.

## Exemple
## GreenIT vous conseille

### Solution no-code 🌱

Voici un plugin pour créer des vignettes (`post-thumbnails`) et regénéner les images pour qu'elles soient disponnible dans WordPress : https://wordpress.org/plugins/regenerate-thumbnails-advanced/

### Solution code 🌱🌱🌱

Lorsque vous créer un thème ou lorsque vous utiliser un builder de site, ajoutez à votre site cet exemple de code pour pouvoir générer et utiliser la bonne taille de vignettes suivant son contexte d'utilisation :

Expand Down Expand Up @@ -70,3 +77,11 @@ function mysite_custom_image_sizes($sizes)
));
}
```

Utilisez ce plugin pour regénéner les vignettes suite à leur ajout dans la configuration : https://wordpress.org/plugins/regenerate-thumbnails/

## Principe de validation

| Le nombre ... | est inférieur ou égal à |
| ------------------------------------------------------- | :---------------------: |
| d'images sans une vignette adaptée à son affichage HTML | 0 |

0 comments on commit 709cb11

Please sign in to comment.