# 183: Obrazy reżyserskie, element obrazu i sieci CDN obrazów - CSS-Tricks

Anonim

To prawdziwy fenomen!

Mówię o pomyśle usług hostingu obrazów, które umożliwiają manipulowanie adresem URL obrazu w celu jego przekształcenia . Innymi słowy, jeśli potrzebujesz wielu kopii obrazu, aby oddać sprawiedliwość składni obrazów responsywnych, nie musisz samodzielnie tworzyć obrazów - dostosowujesz adres URL, aby mieć idealny obraz do pracy.

Pomysł manipulowania adresem URL znalazł zastosowanie w wielu usługach hostingu obrazów. Skorzystajmy z tego, co oferują te usługi i zróbmy coś więcej niż typowe responsywne obrazy: kierujmy nimi sztuka.

Aby pokazać, jak popularnym pomysłem jest wyświetlanie obrazów oparte na manipulowaniu adresami URL…

  • imgix to oferuje (obsługuje adresy URL Unsplash)
  • Cloudinary to oferuje
  • Netlify to oferuje
  • Image Optim to oferuje
  • Filestack to oferuje
  • Cloudflare to oferuje
  • Jestem pewien, że jest mnóstwo więcej…

W tym miejscu użyjemy elementu jako głównego konia roboczego oraz interfejsu API imgix dla wszystkich odmian obrazu. Oto, gdzie skończyliśmy w filmie:

Aha, a oto ten dziwny element HTML , o którym wspomnieliśmy.