# 183: Immagini di direzione artistica, Picture Element e CDN di immagini - Trucchi CSS

Anonim

È un fenomeno autentico!

Sto parlando dell'idea di servizi di hosting di immagini che consentono di manipolare l'URL dell'immagine per trasformarla . In altre parole, se hai bisogno di più copie di un'immagine per rendere giustizia alla sintassi delle immagini reattive, non devi creare le immagini da solo: regola l'URL in modo da avere l'immagine perfetta per il lavoro.

Questa idea di manipolare l'URL si è fatta strada in tantissimi servizi di hosting di immagini. Approfittiamo di ciò che questi servizi hanno da offrire e facciamo qualcosa al di sopra e al di là delle tipiche immagini responsive: facciamoli dire all'arte.

Per mettere un punto su quanto sia popolare l'idea di questa pubblicazione di immagini basata sulla manipolazione degli URL ...

  • imgix lo offre (alimenta gli URL Unsplash)
  • Cloudinary lo offre
  • Netlify lo offre
  • Image Optim lo offre
  • Filestack lo offre
  • Cloudflare lo offre
  • Sono sicuro che ce ne sono molti altri ...

Useremo l' elemento come cavallo di battaglia principale qui e l'API imgix per tutte le variazioni dell'immagine. Ecco dove siamo finiti nel video:

Oh, ed ecco quello strano elemento HTML che abbiamo toccato.