Integration

Plain HTML

Responsive srcset and direct URL construction

For static sites or server-rendered HTML, construct the URLs directly:

<img
  srcset="
    https://assets.avvyr.com/assets/sofa.jpg?width=400&height=400&fm=webp    400w,
    https://assets.avvyr.com/assets/sofa.jpg?width=800&height=800&fm=webp    800w,
    https://assets.avvyr.com/assets/sofa.jpg?width=1200&height=1200&fm=webp 1200w
  "
  sizes="(max-width: 768px) 100vw, 50vw"
  src="https://assets.avvyr.com/assets/sofa.jpg?width=800&height=800&fm=webp"
  loading="lazy"
  alt="Blue sofa"
/>

Next.js

Custom image loader for next/image

Events API

Subscribe to domain events and receive webhooks when things happen in Avvyr