# 183: Umjetničke slike, elementi slike i slikovni CDN-ovi - CSS-trikovi

Anonim

To je bonafidni fenomen!

Govorim o ideji usluga hostinga slika koje vam omogućuju manipulaciju URL-om slike kako bi je transformirali . Drugim riječima, ako vam treba više kopija slike da biste zadovoljili sintaksu responzivnih slika, ne morate ih sami izrađivati ​​- prilagodite URL tako da imate savršenu sliku za posao.

Ova ideja manipulacije URL-om našla se u tonu usluga hostinga slika. Iskoristimo prednosti tih usluga i učinimo nešto iznad i izvan tipičnih responzivnih slika: usmjerimo ih.

Da postavimo točku na popularnost ideje o posluživanju slika temeljenih na URL-u ...

  • imgix to nudi (osposobljava Unsplash URL-ove)
  • Cloudinary to nudi
  • Netlify to nudi
  • Image Optim to nudi
  • Filestack to nudi
  • Cloudflare to nudi
  • Siguran sam da ima još tona ...

Ovdje ćemo koristiti element kao glavnog radnog konja i imgix API za sve varijacije slike. Evo gdje smo završili u videu:

Oh, i evo tog čudnog HTML elementa kojeg smo se dotakli.