Link Search Menu Expand Document

Debugging blury images

Troubleshooting guide

Table of contents

Why is my image blurry?

If your rendered image looks low quality, the problem can often be solved with a few quick changes.

Solution: device_scale

For URL images, by default we set the device_scale to 1. Try setting it to 2 and seeing if it improves the image quality. Device scale indicates the pixel density of the browser when generating the image. A setting of 2 is similar to a high resolution screen, such as an Apple retina screen.

Solution: verify resolution of your images

If an image within your HTML looks blurry, it is possible that it has been sized incorrectly. Check the size of the original included image. If it is 400x400. Then the maximum size it can be rendered as at a 2 device_scale is 200x200.

Need help?

Talk to a human. Please email us with any questions and we’ll gladly help you get started.

Back to top

Built with extensive integration tests and serious care for developer happiness.
© 2018-2024 Code Happy, LLC.

Page last modified: Apr 9 2024 at 11:04 PM.

Edit this page on GitHub.