Export a transparent png

[Phil K.]

Is there any way to export to a transparent png?

I have my document background set to transparent yet when I export to png the background of the image is white not transparent.

Also the matte option doesn’t allow you to change to transparent, you can only select a color value.

 

[Gabe]

Hi @Phil K.,

First, you would have to go to Document > Canvas > Transparent Canvas. 

Next, you can export it as PNG - leaving the Matte colour as it is. 

Thanks,

Gabe. 

[R C-R]

On 8/22/2018 at 7:20 AM, GabrielM said:

First, you would have to go to Document > Canvas > Transparent Canvas. 

Next, you can export it as PNG - leaving the Matte colour as it is. 

There is a switch next to the Matte color button. With that off & a transparent canvas, Affinity Photo exports a PNG with a transparent background even if I set a matte color by tapping on the Matte button. After exporting, the Matte color button returns to white -- any color setting made with the Matte button is not saved. (I am fine with that.)

[Salus]

“Hi,

I am also trying to export a PNG with a transparent background. The tutorial shows I can select this option under the AREA tab (choosing between “whole image” or “selection with background”. But when I attempt to export, this AREA tab option is grayed out and not accessible to me. I am a bit frustrated that I can’t figure out how to just export easily with transparent background. I am new to Design so any help would be much appreciated.

 

 

[DM1]

23 minutes ago, Salus said:

I am also trying to export a PNG with a transparent background.

 

On 8/22/2018 at 10:10 PM, Phil K. said:

I have my document background set to transparent yet when I export to png the background of the image is white not transparent.

Note that the iOS viewer has a white canvas so your image with transparent background will appear to have a white background. Try using Documents (Readdle app) viewer and you will see transparent background.

[Gabe]

Hi @Salus,

Welcome to the forums. 

"Area" becomes available only when you have a layer(s) selection active. 

[soulandorange]

Hi I was successful with this. With the new iPad iOS and updated Affitnity. Find the upper left hand side a document icon > Canvas > Transparent background.

[awakenedbyowls]

On 8/22/2018 at 1:20 PM, Gabe said:

Hi @Phil K.,

First, you would have to go to Document > Canvas > Transparent Canvas. 

Next, you can export it as PNG - leaving the Matte colour as it is. 

Thanks,

Gabe. 

Is this how to do it on the iPad version?

[walt.farrell]

42 minutes ago, awakenedbyowls said:

Is this how to do it on the iPad version?

This is an iPad topic, and I don't think the procedure has changed. Have you tried it?

[awakenedbyowls]

3 minutes ago, walt.farrell said:

This is an iPad topic, and I don't think the procedure has changed. Have you tried it?

When I eventually figured out what Documents means on the iPad version - the button with the three lines on the top left

I gave up trying to figure out the logic of how software developers organise interfaces in 1998

I don’t know what anything is called but I figured out the button that looks like Settings on other software is actually called The Documents Button now - it would be nice if there was an option to Save the document I’m currently using in there and rename it etc without having to exit to the welcome screen every time 

[R C-R]

10 minutes ago, awakenedbyowls said:

When I eventually figured out what Documents means on the iPad version - the button with the three lines on the top left

If you press & hold the Helper button (looks like a "?") at the bottom of the Studios panel (shown in this online Interface Visual Reference help topic), a tooltip display will pop up, among other things showing the names of the items on the Menu items to the left of the Context Toolbar.

Of course, you can also use the Help built into the apps (available from the Home screen) to show the same topic.

[walt.farrell]

1 hour ago, awakenedbyowls said:

When I eventually figured out what Documents means on the iPad version - the button with the three lines on the top left

Sounds like you need to do a bit of research about the UI (tutorials, etc.) and/or make more use of the ? key button to explain it  

Edited May 19, 2024 by walt.farrell
Clarified button vs key

[awakenedbyowls]

I’m pressing the ? Key

Is something supposed to happen why I do that ?

Got it now - it’s a button not a key though - it is a key too but the ? On my keyboard is not set to shortcut

[R C-R]

1 minute ago, awakenedbyowls said:

I’m pressing the ? Key

Is something supposed to happen why I do that ?

If by key you mean pressing and holding on the icon highlighted in @walt.farrell's screenshot above, you should see all the items shown in that screenshot.

If you have a smaller sized iPad, it may be a bit hard to press on the active area of the icon with your finger, so keep trying slightly different positions or if you have an Apple Pencil, use that.