Это настоящее явление!
Я говорю об идее услуг хостинга изображений, которые позволяют вам манипулировать URL-адресом изображения, чтобы преобразовать его . Другими словами, если вам нужно несколько копий изображения, чтобы отдать должное синтаксису адаптивных изображений, вам не нужно создавать изображения самостоятельно - вы настраиваете URL-адрес так, чтобы у вас было идеальное изображение для работы.
Идея манипулирования URL-адресом нашла свое отражение в множестве сервисов хостинга изображений. Давайте воспользуемся тем, что предлагают эти услуги, и сделаем что-то помимо типичных адаптивных изображений: давайте искусство направлять их.
Чтобы показать, насколько популярна идея обслуживания изображений на основе URL-адресов…
- imgix предлагает это (поддерживает URL-адреса Unsplash)
- Cloudinary предлагает это
- Netlify предлагает это
- Image Optim предлагает это
- Filestack предлагает это
- Cloudflare предлагает это
- Я уверен, что есть еще много…
Здесь мы будем использовать элемент в качестве основной рабочей лошадки и API imgix для всех вариантов изображений. Вот где мы закончили видео:
О, и вот тот странный элемент HTML, которого мы коснулись.