Skip to main content
A successfully converted image returns status 200, the converted content in the body, and the following response headers:
  • X-Img-Server
  • headers from origin
  • X-IMG-Saved-Bytes
  • X-IMG-Origin-Download-Time
  • X-IMG-Processing-Time
  • "Content-Type":"{image/webp or image/avif}"
  • Content-Length
  • X-GCDN-Origin-Size
Problems can occur when using Image Stack — an image may be delivered in its original state without processing, or may not appear on the page at all.
Troubleshooting overview

Check image details

Browser developer tools expose the status code, response headers, and body of each image request. 1. Navigate to the page containing the Image Stack images and open the developer tools (Ctrl+Shift+I for Chrome) 2. Navigate to the Network tab at the top 3. In the list of network requests on the left, click the image request to examine 4. Use the Headers tab to view the response headers and status code
How to check an image's details for troubleshooting
Identify the error by comparing the status code, response headers, and body output with the cases below.

Common errors that result in a broken image

These errors prevent the image from loading and return a non-200 HTTP status code.

Errors that return the original image

The request body is proxied from the origin. The response headers include X-Img-Server and headers from the origin. The status code is 200 OK.

Compression and quality operation errors

The request body is proxied from the origin. The response headers include X-Img-Server and headers from the origin. The status code is 200 OK.

Resize operation errors

The request body is proxied from the origin. The response headers include X-Img-Server and headers from the origin. The status code is 200 OK.

Crop operation errors

The request body is proxied from the origin. The response headers include X-Img-Server and headers from the origin. The status code is 200 OK.