Det är ett bonafide fenomen!
Jag pratar om idén om bildtjänster som låter dig manipulera webbadressen till bilden för att transformera den . Med andra ord, om du behöver flera kopior av en bild för att göra rättvisa för den responsiva bildens syntax, behöver du inte göra bilderna själv - du justerar webbadressen så att du har den perfekta bilden för jobbet.
Denna idé om att manipulera webbadressen har gjort sin väg till massor av bildtjänster. Låt oss dra nytta av vad dessa tjänster har att erbjuda och göra något utöver typiska responsiva bilder: låt oss styra dem.
För att sätta en poäng på hur populär en idé den här webbadressbaserade bildvisningen är ...
- imgix erbjuder det (driver Unsplash URLs)
- Cloudinary erbjuder det
- Netlify erbjuder det
- Image Optim erbjuder det
- Filestack erbjuder det
- Cloudflare erbjuder det
- Jag är säker på att det finns många fler ...
Vi använder elementet som den huvudsakliga arbetshästen här och imgix API för alla bildvariationer. Här hamnade vi i videon:
Åh, och här är det konstiga HTML- elementet vi berörde.