# 183: Art Directing Images, Picture Element og Image CDNs - CSS-tricks

Anonim

Det er et bonafide fænomen!

Jeg taler om ideen om billedhostingtjenester, der giver dig mulighed for at manipulere URL'en til billedet for at transformere det . Med andre ord, hvis du har brug for flere kopier af et billede for at gøre retfærdighed for den syntaks, der reagerer på, behøver du ikke lave billederne selv - du justerer URL'en, så du har det perfekte billede til jobbet.

Denne idé om at manipulere URL'en har fundet vej i mange billedhostingtjenester. Lad os drage fordel af, hvad disse tjenester har at tilbyde, og gøre noget ud over typiske responsive billeder: lad os styre dem.

For at sætte et punkt på, hvor populær en idé denne URL-manipulation baserede billedvisning er ...

  • imgix tilbyder det (giver Unsplash URLs mulighed)
  • Cloudinary tilbyder det
  • Netlify tilbyder det
  • Image Optim tilbyder det
  • Filestack tilbyder det
  • Cloudflare tilbyder det
  • Jeg er sikker på, at der er mange flere ...

Vi bruger elementet som hovedarbejdshest her og imgix API til alle billedvariationer. Her endte vi i videoen:

Åh, og her er det underlige HTML- element, vi rørte ved.