Het is een bonafide fenomeen!
Ik heb het over het idee van hostingservices voor afbeeldingen waarmee je de URL naar de afbeelding kunt manipuleren om deze te transformeren . Met andere woorden, als je meerdere kopieën van een afbeelding nodig hebt om recht te doen aan de syntaxis van responsieve afbeeldingen, hoef je de afbeeldingen niet zelf te maken - je past de URL aan zodat je de perfecte afbeelding voor de klus hebt.
Dit idee van het manipuleren van de URL heeft zijn weg gevonden naar talloze beeldhostingservices. Laten we profiteren van wat die services te bieden hebben en iets doen dat verder gaat dan typische responsieve afbeeldingen: laten we ze door kunst sturen.
Om een punt te maken hoe populair een idee is dat deze op URL-manipulatie gebaseerde beeldweergave is ...
- imgix biedt het aan (ondersteunt Unsplash-URL's)
- Cloudinary biedt het
- Netlify biedt het aan
- Image Optim biedt het
- Filestack biedt het aan
- Cloudflare biedt het
- Ik weet zeker dat er nog veel meer zijn ...
We gebruiken het element hier als het belangrijkste werkpaard en de imgix-API voor alle afbeeldingsvariaties. Hier zijn we in de video terechtgekomen:
Oh, en hier is dat rare HTML- element dat we hebben aangeraakt.