How to download your chart as an PNG

In this article, we'll explain how to download your chart as a static image, e.g. to print it or embed it in a presentation. This feature is available for all plans but the free plan. 

The image format that works best for graphics and can be imported/uploaded to most other tools (e.g. Photoshop, Keynote, Powerpoint, Google Docs, etc.) is PNG – short for Portable Network Graphics. PNGs have the file extension .png. 

Note that PNG is a raster-based image format, not a vector-based on: An image saved as PNG will become pixelated when you scale it up after exporting it from Datawrapper. Make sure to export the PNG from Datawrapper in the format you'll need it, not smaller. Or use our PDF export for a vector export that can be scaled up indefinitely. 

How to choose the PNG export

To choose the PNG export, you'll need any plan other than the free plan, and you'll need to go to step 4: Publish & Embed. Click on the button that says "PNG", and you'll see options appearing below it.

Options when downloading your chart as PNG 

When you click on the PNG button, you'll see four settings. The first three ones define the size of the image you'll download.

The width and height of your format is pre-filled with the width and height of your chart as you've defined in step 3: Visualize. Here you can change that size again. You can also enter very high numbers like 4000 x 50000 px – something we wouldn't be able to display in step 3. 

Note that the changes won't preview in the chart you see on the right side of step 4: Publish. If you're not sure how a format will look, just click the "Download PNG" button and try it out. You can download as many PNGs as you'd like.

The Border is the white space that you want to appear around your chart. A border of 0px is perfect for web articles (for the cases where you can't embed iframes), since the article part will have borders anyway. In most case, a border of 30px or more will make your chart more pleasant to look at:

The left chart was exported with a border of 0px, the chart on the right side with a border of 30px.

The third option is the Scale factor. It's a useful setting if you need to download the same charts multiple times in different scales (e.g. for non-retina screens and retina screens), and don't want to do the math in your head.

The last option is if you just want to import the chart, or the full header and footer:

Once you're done, click the "Download PNG" button. Depending on the final size of your chart, generating the PNG might take some time on our end. You'll see a loading circle indicating that.

And that's it! You'll find your downloaded PNG in your "Downloads" folder. 

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us