Debugging blury images

Troubleshooting guide

---

Table of contents

• Why is my image blurry?
• Solution: device_scale
• Solution: verify resolution of your images
• Need help?

---

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 support@htmlcsstoimage.com with any questions and we’ll gladly help you get started.

---