# 183: piltide, pildielementide ja piltide CDN-ide kunstiline suunamine - CSS-trikid

Anonim

See on heauskne nähtus!

Ma räägin pildimajutusteenuste ideest, mis võimaldavad teil pildi URL-i selle teisendamiseks manipuleerida . Teisisõnu, kui teil on vaja pildi mitut eksemplari, et reageerivate piltide süntaksile õiglust pakkuda, ei pea te pilte ise tegema - kohandate URL-i nii, et teil oleks töö jaoks ideaalne pilt.

See URL-i manipuleerimise idee on jõudnud paljude pildimajutusteenuste hulka. Kasutagem ära nende teenuste pakutavat ja tehkem midagi tavalistest tundlikest piltidest kaugemale: suuname kunsti neid.

Pange tähele, kui populaarne idee see URL-i manipulatsioonil põhinev piltide esitamine on…

  • imgix pakub seda (volitab Unsplash URL-e)
  • Cloudinary pakub seda
  • Netlify pakub seda
  • Image Optim pakub seda
  • Filestack pakub seda
  • Cloudflare pakub seda
  • Olen kindel, et neid on veel tonne ...

Siin kasutame peamise tööhobusena elementi ja kõigi piltide variatsioonide jaoks imgix API-d. Siin me video jõudsime:

Oh, ja siin on see imelik HTML- element, mida me puudutasime.