How can I export PSD layers, layer groups or artboards as Base64?

Photoshop currently doesn't offer an option to export layers as Base64 images. But there is a way how to do it with Avocode - see below.


Would you like to update this article? Please contact us at team@avocode.com

Learn more

Need to export Base64 assets without Photoshop? Try Avocode

No need to buy or install Photoshop. Open and export assets from layered Photoshop designs on Mac, Windows, Linux or in the browser with Avocode.

Just right-click on a layer and select Save as Base64. The Base64 code will be saved to your clipboard so you can paste it in your code.

And what else is Avocode good for?

  • Export layers as a JPEG, PNG, WebP, SVG.
  • Adjust resolution (up to @4x or xxxhdpi for vector shapes)
  • Add variants in different resolutions. (You can set different scale for each variant you're exporting.)
  • Change export path (desitnation folder) for your image assets. You can set default path for the whole project, but also for particular assets.
  • You can also re-export all image assets from a new design version.
  • Turn layer styles into CSS, iOS or Android code and invite others to collaborate on your design and development projects.
  • 14 days free trial, no credit card required, cancel anytime.

Get started with Avocode

Start with 14-day free trial. No credit card required.