# 183: Umělecké směrování obrázků, obrazový prvek a obrazové CDN - Triky CSS

Anonim

Je to fenomén bonafidu!

Mluvím o myšlence služeb hostování obrázků, které vám umožňují manipulovat s adresou URL obrázku a transformovat ji . Jinými slovy, pokud potřebujete více kopií obrázku, abyste zajistili správnost syntaxe responzivních obrázků, nemusíte obrázky vytvářet sami - upravíte adresu URL tak, abyste pro danou úlohu měli dokonalý obraz.

Tato myšlenka manipulace s URL se dostala do mnoha služeb hostování obrázků. Využijme výhody toho, co tyto služby nabízejí, a udělejme něco nad rámec typických responzivních obrazů: pojďme je nasměrovat.

Abychom poukázali na to, jak populární je myšlenka tohoto zobrazování obrázků založeného na manipulaci s URL ...

  • imgix to nabízí (ovládá Unsplash URL)
  • Cloudinary to nabízí
  • Netlify to nabízí
  • Image Optim to nabízí
  • Filestack to nabízí
  • Cloudflare to nabízí
  • Jsem si jistý, že jich je spousta…

Zde použijeme prvek jako hlavního pracovního koně a pro všechny varianty obrázků rozhraní imgix API. Zde jsme skončili ve videu:

A tady je ten podivný prvek HTML, kterého jsme se dotkli.