WordPress : quand sont ajoutées les metadonnées srcset et sizes d’une image ?
Dans WordPress 6.5, les métadonnées srcset
et sizes
pour une image sont ajoutées lors du processus de rendu de l’image dans le contenu. Plus précisément, elles sont ajoutées par la fonction wp_get_attachment_image()
et ses fonctions associées, qui sont appelées lorsque WordPress génère le HTML pour afficher une image.
Voici les étapes principales où cela se produit :
- Téléchargement de l’image : Lorsqu’une image est téléchargée via la médiathèque de WordPress, plusieurs tailles de cette image sont générées selon les réglages de votre site (par exemple, miniature, moyen, grand, etc.). Ces tailles sont stockées dans les métadonnées de l’image.
- Insertion dans le contenu : Lorsque vous insérez une image dans un article ou une page via l’éditeur de WordPress, un shortcode est généré ou une balise HTML
img
est créée. À ce stade, l’image est référencée par son ID de pièce jointe. - Rendu de l’image : Quand WordPress rend le contenu pour l’affichage sur le site, il appelle la fonction
wp_get_attachment_image()
ou des fonctions similaires commewp_get_attachment_image_srcset()
etwp_get_attachment_image_sizes()
. Ces fonctions utilisent les métadonnées de l’image pour générer les attributssrcset
etsizes
appropriés. - Filtrage des attributs : Avant que les attributs
srcset
etsizes
soient ajoutés au HTML de l’image, WordPress applique des filtres tels quewp_calculate_image_srcset
etwp_calculate_image_sizes
. Ces filtres permettent de modifier ou d’ajuster les valeurs des attributs si nécessaire.
Ainsi, les métadonnées srcset
et sizes
sont ajoutées dynamiquement lors du rendu HTML de l’image, plutôt qu’au moment du téléchargement ou de l’insertion de l’image. Cela permet à WordPress de s’assurer que les attributs srcset
et sizes
sont toujours à jour et correctement configurés pour chaque instance de l’image dans le contenu de votre site.
Les fonctions qui créée les métadonnées srcset et sizes de l’image
Lors du téléchargement d’une image dans WordPress, plusieurs fonctions sont impliquées dans la création des différentes tailles d’image et la génération des métadonnées associées. Voici les étapes spécifiques et les fonctions qui créent les métadonnées srcset
et sizes
:
- Téléchargement et génération des tailles d’image :
- Lorsque vous téléchargez une image via la médiathèque de WordPress, la fonction
wp_handle_upload()
est appelée. Cette fonction gère l’upload du fichier. - Ensuite, la fonction
wp_generate_attachment_metadata()
est appelée pour générer les métadonnées de l’image, y compris les différentes tailles d’image.
- Lorsque vous téléchargez une image via la médiathèque de WordPress, la fonction
- Création des différentes tailles d’image :
- La fonction
wp_generate_attachment_metadata()
utilisewp_generate_attachment_metadata()
pour générer les différentes tailles d’image définies dans votre installation WordPress (miniature, moyen, grand, etc.). - La fonction
wp_create_image_subsizes()
est responsable de la création des sous-tailles d’image. Elle appellewp_create_image_subsize()
pour chaque taille d’image définie.
- La fonction
- Stockage des métadonnées dans la base de données :
- Une fois les différentes tailles d’image générées, les informations sur ces tailles (URL, dimensions, type MIME, etc.) sont stockées dans un tableau de métadonnées.
- Ce tableau est ensuite enregistré dans la base de données comme une métadonnée de la pièce jointe via
update_post_meta()
.
- Calcul des métadonnées srcset et sizes :
- Les métadonnées spécifiques
srcset
etsizes
ne sont pas explicitement calculées et stockées dans la base de données lors du téléchargement. Au lieu de cela, elles sont générées dynamiquement lorsque l’image est rendue sur le site. - Les fonctions
wp_calculate_image_srcset()
etwp_calculate_image_sizes()
sont utilisées pour générer les attributssrcset
etsizes
en se basant sur les métadonnées stockées. Ces fonctions sont appelées lors du rendu de l’image avecwp_get_attachment_image()
,wp_get_attachment_image_srcset()
, etwp_get_attachment_image_sizes()
.
- Les métadonnées spécifiques
Résumé des fonctions principales :
- wp_handle_upload() : Gère le téléchargement du fichier.
- wp_generate_attachment_metadata() : Génère les métadonnées de la pièce jointe, y compris les tailles d’image.
- wp_create_image_subsizes() et wp_create_image_subsize() : Créent les différentes tailles d’image.
- wp_calculate_image_srcset() et wp_calculate_image_sizes() : Calculent dynamiquement les attributs
srcset
etsizes
lors du rendu de l’image.
Ainsi, les métadonnées des tailles d’image sont créées et stockées lors du téléchargement, mais les attributs srcset
et sizes
sont générés dynamiquement lorsque l’image est rendue sur le site.
Si vous appréciez nos articles, ne manquez les prochains en vous abonnant à Cosmo Games sur Google News, vous pouvez également nous suivre sur X (ex Twitter). N'hésitez pas à partager vos réactions, commentaires ou remarques dans les commentaires, afin d'enrichir le contenu, de mieux vous comprendre et intégrer les différents points de vue.