# 183: Dirección de arte de imágenes, elemento de imagen y CDN de imagen - Trucos CSS

Anonim

¡Es un fenómeno de buena fe!

Me refiero a la idea de los servicios de alojamiento de imágenes que te permiten manipular la URL de la imagen para transformarla . En otras palabras, si necesita varias copias de una imagen para hacer justicia a la sintaxis de las imágenes receptivas, no tiene que hacer las imágenes usted mismo: ajusta la URL para tener la imagen perfecta para el trabajo.

Esta idea de manipular la URL se ha abierto camino en toneladas de servicios de alojamiento de imágenes. Aprovechemos lo que esos servicios tienen para ofrecer y hagamos algo más allá de las típicas imágenes receptivas: dirijámoslas por arte.

Para destacar lo popular que es esta idea que sirve esta imagen basada en la manipulación de URL ...

  • imgix lo ofrece (potencia las URL de Unsplash)
  • Cloudinary lo ofrece
  • Netlify lo ofrece
  • Image Optim lo ofrece
  • Filestack lo ofrece
  • Cloudflare lo ofrece
  • Estoy seguro de que hay muchos más ...

Usaremos el elemento como el caballo de batalla principal aquí, y la API imgix para todas las variaciones de la imagen. Aquí es donde terminamos en el video:

Ah, y aquí está ese extraño elemento HTML que tocamos.