Photos CDN API

Integration Examples

fetch('/api/cdn/srcset?text=sunset+beach&output=webp')
  .then(r => r.json())
  .then(({ src, srcset, sizes, alt }) => {
    img.src = src;
    img.srcset = srcset;
    img.sizes = sizes;
    img.alt = alt;
    img.loading = 'lazy';
  });


const res = await fetch('/api/cdn/srcset?text=sunset+beach', {
  headers: { 'Prefer': 'respond-async' }
});
if (res.status === 202) {
  const { jobId, fallback } = await res.json();
  const pollUrl = res.headers.get('Location');
  // Show fallback image immediately
  img.src = fallback.src;
  // Poll for real result
  const poll = setInterval(async () => {
    const r = await fetch(pollUrl);
    if (r.status === 200) {
      const data = await r.json();
      img.srcset = data.srcset;
      img.src = data.src;
      clearInterval(poll);
    }
  }, 3000);
}