How to download your chart as 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 free for all Datawrapper users.

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. PNG's are also a great options if your CMS doesn't allow HTML embeds. 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. You can learn how to do so here.

How to choose the PNG export

To choose the PNG export, 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 

Tip: Turn off your browser's automatic translation to download PNG - having it on could sometimes cause issues. 

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 are 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. 

On the right side, you can always see the final size/ratio of your PDF as you will download it.

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.