Hinode logo
  • À propos 
  • Blog 
  • Projets 
    • Exemple de projet 
    • Autre projet 
  • Tags 

  •  Langage
    • English
    • Français
  1. Accueil
  2. Blog
  3. Images locales et distantes

Images locales et distantes

Posté le 19 mai 2024  (Dernière modification le 19 novembre 2024) • 1 min de lecture • 99 mots
Blog  
Blog  
Partager via
Hinode
Lien copié dans le presse-papier

Inclure des images responsives provenant de sources locales et de certains fournisseurs de CDN d'images.

Sur cette page
  • Cloudinary
  • ImageKit.io
  • Imgix
Images locales et distantes

Cloudinary  

À titre d’exemple, le shortcode suivant affiche une image avec des coins arrondis et un ratio d’aspect de 21x9.

Image Cloudinary
Image Cloudinary
markdown
{{< image src="https://res.cloudinary.com/demo/dog.webp"
    ratio="21x9" caption="Image Cloudinary" class="rounded" plain=true >}}

ImageKit.io  

À titre d’exemple, le shortcode suivant affiche une image avec des coins arrondis et un ratio d’aspect de 21x9.

Image ImageKit.io
Image ImageKit.io
markdown
{{< image src="https://ik.imagekit.io/demo/default-image.jpg"
    ratio="21x9" caption="Image ImageKit.io" class="rounded" anchor="Center" >}}

Imgix  

À titre d’exemple, le shortcode suivant affiche une image avec des coins arrondis et un ratio d’aspect de 21x9.

Image imgix
Image imgix
markdown
{{< image src="https://assets.imgix.net/examples/bluehat.jpg"
    ratio="21x9" caption="Image imgix" class="rounded" anchor="Top" >}}
Éléments Bootstrap 
Sur cette page:
  • Cloudinary
  • ImageKit.io
  • Imgix
Suivez-moi

Je code et je tweet des mèmes de développeurs.

     
Copyright © 2024 Mark Dumay. | Confidentialité | Cookies | Propulsé par Hinode  .
Hinode
Code copié dans le presse-papier