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 :

1. 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.
2. 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.
3. 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 comme wp_get_attachment_image_srcset() et wp_get_attachment_image_sizes(). Ces fonctions utilisent les métadonnées de l’image pour générer les attributs srcset et sizes appropriés.
4. Filtrage des attributs : Avant que les attributs srcset et sizes soient ajoutés au HTML de l’image, WordPress applique des filtres tels que wp_calculate_image_srcset et wp_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 :

1. 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.
2. Création des différentes tailles d’image :
   • La fonction wp_generate_attachment_metadata() utilise wp_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 appelle wp_create_image_subsize() pour chaque taille d’image définie.
3. 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().
4. Calcul des métadonnées srcset et sizes :
   • Les métadonnées spécifiques srcset et sizes 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() et wp_calculate_image_sizes() sont utilisées pour générer les attributs srcset et sizes en se basant sur les métadonnées stockées. Ces fonctions sont appelées lors du rendu de l’image avec wp_get_attachment_image(), wp_get_attachment_image_srcset(), et wp_get_attachment_image_sizes().

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 et sizes 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.