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

Anonim

Det er et bonafide fenomen!

Jeg snakker om ideen om bildebehandlingstjenester som lar deg manipulere URL-en til bildet for å transformere det . Med andre ord, hvis du trenger flere kopier av et bilde for å gjøre rettferdighet for syntaksen for responsive bilder, trenger du ikke lage bildene selv - du justerer URL-en slik at du har det perfekte bildet for jobben.

Denne ideen om å manipulere URL-en har kommet seg inn i tonnevis av bildebehandlingstjenester. La oss dra nytte av hva disse tjenestene har å tilby og gjøre noe utover typiske responsive bilder: la oss lede dem.

For å sette et poeng på hvor populær av en ide denne URL-manipulasjonsbaserte bildeserveringen er ...

  • imgix tilbyr det (gir Unsplash URL-adresser)
  • Cloudinary tilbyr det
  • Netlify tilbyr det
  • Image Optim tilbyr det
  • Filestack tilbyr det
  • Cloudflare tilbyr det
  • Jeg er sikker på at det er mange flere ...

Vi bruker elementet som hovedarbeidshest her, og imgix API for alle bildevariasjonene. Her havnet vi i videoen:

Å, og her er det rare HTML- elementet vi berørte.