Outils de développement

Image adaptative · HTML · Générateur

Image adaptative · HTML · Générateur. Entrées: Photographie et vidéo (CSV), Valeur de secours, Description. Saisissez vos valeurs et lancez. L’exemple montre le format, puis copiez ou enregistrez le résultat.

Sans inscription

Chargement de l’outil…

Mode d’emploi

  1. 1Entrées: Photographie et vidéo (CSV), Valeur de secours, Description.
  2. 2Exécutez l’outil et vérifiez le résultat.
  3. 3Copiez le résultat ou changez les données pour comparer.

À savoir

Vérifiez d’abord le format de l’exemple. Gardez l’original et contrôlez valeurs, espaces et retours avant utilisation.

Les annonces peuvent traiter des données de connexion. La personnalisation respecte vos choix de confidentialité. Confidentialité (anglais)

Exemple calculé d’entrée et de sortie

Résultats du moteur réel avec les valeurs ci-dessous, sans données personnelles ni travail enregistré. Chargez l’exemple pour retrouver ces entrées.

Entrée d’exemple

ChampValeur
Photographie et vidéo (CSV)
image-640.webp,640
image-1280.webp,1280
Valeur de secours
image.jpg
Description
Photo

Résultat d’exemple

<picture>
  <source srcset="image-640.webp 640w, image-1280.webp 1280w" type="image/webp"/>
  <img src="image.jpg" alt="Photo" loading="lazy"/>
</picture>

Outils associés

Tous les outils