É um fenômeno genuíno!
Estou falando sobre a ideia de serviços de hospedagem de imagens que permitem manipular a URL da imagem para transformá-la . Em outras palavras, se você precisa de várias cópias de uma imagem para fazer jus à sintaxe das imagens responsivas, não precisa fazer as imagens você mesmo - você ajusta o URL para que tenha a imagem perfeita para o trabalho.
Essa ideia de manipular a URL abriu caminho em toneladas de serviços de hospedagem de imagens. Vamos aproveitar o que esses serviços têm a oferecer e fazer algo além das imagens responsivas típicas: vamos direcioná-las à arte.
Para colocar um ponto sobre o quão popular é essa ideia, essa exibição de imagem baseada em manipulação de URL é ...
- imgix oferece (fornece recursos para URLs Unsplash)
- Cloudinary oferece
- Netlify oferece
- Image Optim oferece
- Filestack oferece
- Cloudflare oferece isso
- Tenho certeza de que há muito mais ...
Usaremos o elemento como o carro-chefe principal aqui, e a API imgix para todas as variações de imagem. É aqui que terminamos no vídeo:
Ah, e aqui está aquele estranho elemento HTML que mencionamos.