# 183: Art Directing Images, das Bildelement und Bild-CDNs - CSS-Tricks

Anonim

Es ist ein bonafide Phänomen!

Ich spreche von der Idee von Image-Hosting-Diensten, mit denen Sie die URL zum Bild bearbeiten können, um es zu transformieren . Mit anderen Worten, wenn Sie mehrere Kopien eines Bildes benötigen, um der Syntax der reaktionsschnellen Bilder gerecht zu werden, müssen Sie die Bilder nicht selbst erstellen. Sie passen die URL so an, dass Sie das perfekte Bild für den Job haben.

Diese Idee, die URL zu manipulieren, hat Eingang in Tonnen von Image-Hosting-Diensten gefunden. Lassen Sie uns das Angebot dieser Dienste nutzen und etwas tun, das über die typischen reaktionsschnellen Bilder hinausgeht: Lassen Sie uns sie inszenieren.

Um zu verdeutlichen, wie beliebt eine Idee ist, die auf URL-Manipulationen basiert, um Bilder bereitzustellen ...

  • imgix bietet es an (unterstützt Unsplash-URLs)
  • Cloudinary bietet es an
  • Netlify bietet es an
  • Image Optim bietet es an
  • Filestack bietet es an
  • Cloudflare bietet es
  • Ich bin sicher, es gibt noch Tonnen mehr ...

Wir werden das Element hier als Hauptarbeitspferd und die imgix-API für alle Bildvariationen verwenden. Hier sind wir im Video gelandet:

Oh, und hier ist das seltsame HTML- Element, das wir angesprochen haben.