# 183: Obrazy s umeleckou réžiou, obrazový prvok a obrazové CDN - Triky CSS

Anonim

Je to fenomén bonafidu!

Hovorím o myšlienke služieb hostenia obrázkov, ktoré vám umožňujú manipulovať s adresou URL obrázku, aby ste ju mohli transformovať . Inými slovami, ak potrebujete viac kópií obrázka, aby ste zaistili správnu syntézu responzívnych obrázkov, nemusíte obrázky vytvárať sami - upravíte adresu URL tak, aby ste mali pre danú úlohu dokonalý obrázok.

Táto myšlienka manipulácie s URL sa dostala do množstva služieb hostenia obrázkov. Využime výhody toho, čo tieto služby ponúkajú, a urobme niečo nad rámec bežných responzívnych obrázkov: poďme ich nasmerovať.

Aby som zdôraznil, aké populárne je toto predstavovanie tohto obrázkového zobrazovania založeného na manipulácii s URL ...

  • imgix to ponúka (napája Unsplash URL)
  • Cloudinary to ponúka
  • Netlify to ponúka
  • Image Optim to ponúka
  • Filestack to ponúka
  • Cloudflare to ponúka
  • Som si istý, že ich je viac ...

Použijeme tu prvok ako hlavného ťažného koňa a rozhranie imgix API pre všetky variácie obrázkov. Tu sme skončili vo videu:

A tu je ten zvláštny prvok HTML, ktorého sme sa dotkli.