Jump to content
Appogee

How can I paste an image while preserving its transparency?

Recommended Posts

Hi, I recently made the jump across to Affinity Photo from Paintshop Pro.   I'd appreciate your advice on how to paste transparent images in Affinity Photo.

 

image1 is a standard (rasterised) image.

 

Image2 is a logo with a transparent background.

 

When I try to past Image2 as a new layer into Image1, the transparent layer of Image2 turns to black.  

 

How can I past Image2 as a new layer to Image1, while preserving its transparency? 

 

Thanks in anticipation of your advice.

Share this post


Link to post
Share on other sites

If you're pasting the images, you must be copying them from somewhere. It might be the copying rather than the pasting which is the source of the problem.

 

You will probably get better results if you can save the images in a standard format such as JPEG, PNG or TIFF and then place the saved images in your document.


Alfred online2long.gif
Affinity Designer/Photo/Publisher for Windows • Windows 10 Home (4th gen Core i3 CPU)
Affinity Photo for iPad 1.8.4.186 • Designer for iPad 1.8.4.4 • iPadOS 13.6 (iPad Air 2)

Share this post


Link to post
Share on other sites

Since JPEG does not support transparency, it would not be a good choice for image 2.


Affinity Photo 1.8.4, Affinity Designer 1.8.4, Affinity Publisher 1.8.4; macOS Mojave 10.14.6 iMac (27-inch, Late 2012); 2.9GHz i5 CPU; NVIDIA GeForce GTX 660M; 8GB RAM
Affinity Photo 
1.8.4.186 & Affinity Designer 1.8.4.4 for iPad; 6th Generation iPad 32 GB; Apple Pencil; iPadOS 13.3.1

Share this post


Link to post
Share on other sites

Since JPEG does not support transparency, it would not be a good choice for image 2.

 

Agreed (although there are ways around that, such as tweaking the blend options) but it would be fine for image 1.


Alfred online2long.gif
Affinity Designer/Photo/Publisher for Windows • Windows 10 Home (4th gen Core i3 CPU)
Affinity Photo for iPad 1.8.4.186 • Designer for iPad 1.8.4.4 • iPadOS 13.6 (iPad Air 2)

Share this post


Link to post
Share on other sites

Thanks.  

 

Do I perhaps need to save and re-open Image1 as a PNG - with a set transparency color - before pasting into it?

 

Maybe that will work.

Share this post


Link to post
Share on other sites

Depending on your browser, and perhaps also your operating system, you may find that a PNG image copied from a web page has a black background instead of a transparent one. You can get around that problem by saving image 2 and then placing the saved image in your document, but you shouldn't need to do anything special with image 1.


Alfred online2long.gif
Affinity Designer/Photo/Publisher for Windows • Windows 10 Home (4th gen Core i3 CPU)
Affinity Photo for iPad 1.8.4.186 • Designer for iPad 1.8.4.4 • iPadOS 13.6 (iPad Air 2)

Share this post


Link to post
Share on other sites

This problem is still not solved. Take an image on a webpage with a transparent background. This could for instance be the "Google" logo in the middle of the page of www.google.com. If I right-click this and say copy image it will be in the clipboard with a transparent background. I can check this by pasting it into an application like paint.net - works like a charm, transparency retained. However, if I paste it into PowerPoint, the background becomes black. This is *really* annoying.

 

googlelogo_color_272x92dp.png

Share this post


Link to post
Share on other sites
2 hours ago, Swiss Kauboy said:

However, if I paste it into PowerPoint, the background becomes black.

Does this have anything to do with any of Serif's Affinity apps?

BTW, welcome to the Affinity forums.


Affinity Photo 1.8.4, Affinity Designer 1.8.4, Affinity Publisher 1.8.4; macOS Mojave 10.14.6 iMac (27-inch, Late 2012); 2.9GHz i5 CPU; NVIDIA GeForce GTX 660M; 8GB RAM
Affinity Photo 
1.8.4.186 & Affinity Designer 1.8.4.4 for iPad; 6th Generation iPad 32 GB; Apple Pencil; iPadOS 13.3.1

Share this post


Link to post
Share on other sites
2 hours ago, R C-R said:

Does this have anything to do with any of Serif's Affinity apps?

Yes, it does.

If you cut/paste a transparent png into Affinity, the transparency is lost and the background becomes black.

This is not an issue with the copying.   I can paste the same transparent png from my clipboard into, say, Jasc Paintshop Pro, or other image editing apps, and it retains its transparency.    

Only when pasting from the clipboard into Affinity Photo is the transparency lost.  

It is a significant PITA and cost in time.   I have to save transparent PNGs as separate files, then load them into Affinity Photo separately, and then cut and paste them from within Affinity Photo.

Share this post


Link to post
Share on other sites
1 hour ago, Appogee said:

If you cut/paste a transparent png into Affinity, the transparency is lost and the background becomes black.

For what very little it is worth, the background does not become black nor is the transparency lost when I try this on my iMac.


Affinity Photo 1.8.4, Affinity Designer 1.8.4, Affinity Publisher 1.8.4; macOS Mojave 10.14.6 iMac (27-inch, Late 2012); 2.9GHz i5 CPU; NVIDIA GeForce GTX 660M; 8GB RAM
Affinity Photo 
1.8.4.186 & Affinity Designer 1.8.4.4 for iPad; 6th Generation iPad 32 GB; Apple Pencil; iPadOS 13.3.1

Share this post


Link to post
Share on other sites

Windows does not maintain the transparency, as pointed out by @Appogee.

I tried this in PSP, and the black background is included, BUT in PSP there is the command to Paste as Selection, which removes the black background. I tried to find something similar in AP, but apparently there's not.


Affinity Photo 1.8.4.693 ; Affinity Photo Beta 1.8.4.693(RC); Win10 Home Version:1903, Build: 18362.207: Intel Core i7-4770, 3.90GHz, 32GB Ram, Nvidia GTX 645, 3-Internal HDD (1 Crucial MX5000 1TB, 1-Crucial MX5000 500GB, 1-WD 1 TB), 4 External HDD

Share this post


Link to post
Share on other sites
7 hours ago, R C-R said:

For what very little it is worth, the background does not become black nor is the transparency lost when I try this on my iMac.

Unfortunately, it's different for windows. AFAIK, browsers like Chrome don't copy the image (data type), but only the displayed data without alpha channel. You not only lose transparency but also all metadata and colour profiles of the image. Hence, this behaviour (transparent background in a PNG becomes black or white when pasted into any app) is not connected to Affinity's apps. 

Saving the image as PNG and importing it into the app you need it in, should maintain transparency and all other data on windows systems.


Affinity Photo / Designer / Publisher • Windows 10
MSI GT75VR 7RF Titan Pro
3x Full HD displays, colour calibrated (DataColor Spyder) · Intel Core i7-7820HQ · GeForce GTX 1080 (8 GByte GDDR5X) · 32 GByte DDR4 • RAID 4: 512 GB NVMe-SSDs · multiple additional internal and external HDD · Graphics Pen Tablet Huion NEW 1060PLUS8192

Share this post


Link to post
Share on other sites
24 minutes ago, Andy05 said:

AFAIK, browsers like Chrome don't copy the image (data type), but only the displayed data without alpha channel.

Using the latest version of Chrome on my Mac & copying (for example) the Google logo at www.google.com works fine -- when pasted into an Affinity document (as an Image layer) transparency is preserved. Same with Firefox.

So I guess this a Windows only thing?


Affinity Photo 1.8.4, Affinity Designer 1.8.4, Affinity Publisher 1.8.4; macOS Mojave 10.14.6 iMac (27-inch, Late 2012); 2.9GHz i5 CPU; NVIDIA GeForce GTX 660M; 8GB RAM
Affinity Photo 
1.8.4.186 & Affinity Designer 1.8.4.4 for iPad; 6th Generation iPad 32 GB; Apple Pencil; iPadOS 13.3.1

Share this post


Link to post
Share on other sites

If you really want to copy from a browser on windows:
Rightclick image>Copy link/url of image
In aPhoto/aDesigner/aPublisher>place and paste the url/link in the filename field

Share this post


Link to post
Share on other sites
7 minutes ago, R C-R said:

So I guess this a Windows only thing?

Yes, it seems so. 


Affinity Photo / Designer / Publisher • Windows 10
MSI GT75VR 7RF Titan Pro
3x Full HD displays, colour calibrated (DataColor Spyder) · Intel Core i7-7820HQ · GeForce GTX 1080 (8 GByte GDDR5X) · 32 GByte DDR4 • RAID 4: 512 GB NVMe-SSDs · multiple additional internal and external HDD · Graphics Pen Tablet Huion NEW 1060PLUS8192

Share this post


Link to post
Share on other sites
2 minutes ago, haakoo said:

In aPhoto/aDesigner/aPublisher>place and paste the url/link in the filename field

I am not sure what you mean by "filename field." Maybe it is just because I have not yet ingested enough coffee this AM (or possibly more likely that senility is setting in faster than I thought) but I can't find anything like that in AD or AP on my Mac.


Affinity Photo 1.8.4, Affinity Designer 1.8.4, Affinity Publisher 1.8.4; macOS Mojave 10.14.6 iMac (27-inch, Late 2012); 2.9GHz i5 CPU; NVIDIA GeForce GTX 660M; 8GB RAM
Affinity Photo 
1.8.4.186 & Affinity Designer 1.8.4.4 for iPad; 6th Generation iPad 32 GB; Apple Pencil; iPadOS 13.3.1

Share this post


Link to post
Share on other sites

When one uses the place command it will show an explorer window where one can choose a file.
But it also shows a field where one can enter a filename.

clipimage.jpg

Share this post


Link to post
Share on other sites

An additional method for Windows is to drag the transparent web image to your desktop then drag that image into your affinity app


Due to the fact that Boris Johnson is now our Prime Minister, punctuation, spelling and grammar will never be worried about ever again.  We now have far bigger problems to be worried about.

Share this post


Link to post
Share on other sites
1 hour ago, haakoo said:

When one uses the place command it will show an explorer window where one can choose a file.
But it also shows a field where one can enter a filename.

I see. Maybe I am still missing something but in the Mac versions I can find no field for the place command that accepts URLs, or for that matter any field that accepts filenames. There is a search field, but it only searches for files that match the search criteria.


Affinity Photo 1.8.4, Affinity Designer 1.8.4, Affinity Publisher 1.8.4; macOS Mojave 10.14.6 iMac (27-inch, Late 2012); 2.9GHz i5 CPU; NVIDIA GeForce GTX 660M; 8GB RAM
Affinity Photo 
1.8.4.186 & Affinity Designer 1.8.4.4 for iPad; 6th Generation iPad 32 GB; Apple Pencil; iPadOS 13.3.1

Share this post


Link to post
Share on other sites
21 minutes ago, R C-R said:

I see. Maybe I am still missing something but in the Mac versions I can find no field for the place command that accepts URLs, or for that matter any field that accepts filenames. There is a search field, but it only searches for files that match the search criteria.

You are using macOS, not Windows, so forget about URL palaver and just drag the image from the browser window to the Affinity canvas, or copy from browser then paste in Affinity. Job done.

 

Share this post


Link to post
Share on other sites
16 minutes ago, anon2 said:

You are using macOS, not Windows, so forget about URL palaver and just drag the image from the browser window to the Affinity canvas, or copy from browser then paste in Affinity. Job done.

I know what works with the macOS. I am just trying to better understand how that differs from Windows & how that impacts providing help for issues like this one.


Affinity Photo 1.8.4, Affinity Designer 1.8.4, Affinity Publisher 1.8.4; macOS Mojave 10.14.6 iMac (27-inch, Late 2012); 2.9GHz i5 CPU; NVIDIA GeForce GTX 660M; 8GB RAM
Affinity Photo 
1.8.4.186 & Affinity Designer 1.8.4.4 for iPad; 6th Generation iPad 32 GB; Apple Pencil; iPadOS 13.3.1

Share this post


Link to post
Share on other sites
23 minutes ago, R C-R said:

I know what works with the macOS. I am just trying to better understand how that differs from Windows & how that impacts providing help for issues like this one.

You were shown a screenshot from an Affinity app on Windows that highlighted where a URL can be pasted. You have the Affinity apps on macOS. Compare. End of story.

Share this post


Link to post
Share on other sites
11 minutes ago, anon2 said:

You were shown a screenshot from an Affinity app on Windows that highlighted where a URL can be pasted. You have the Affinity apps on macOS. Compare. End of story.

To begin with, the screenshot shows the German language interface & from what I could tell from it there was no URL pasted into that field, just a (local?) filename.

But more to the point I wanted to make sure I was not missing some obscure way in the macOS to enter a URL into some field in the place dialog window. I thought that would be obvious to everyone from the inclusion of  "Maybe I am still missing something ..." in my previous reply & thus the end of that story. You seem to want more, so I hope you will consider this its final chapter.


Affinity Photo 1.8.4, Affinity Designer 1.8.4, Affinity Publisher 1.8.4; macOS Mojave 10.14.6 iMac (27-inch, Late 2012); 2.9GHz i5 CPU; NVIDIA GeForce GTX 660M; 8GB RAM
Affinity Photo 
1.8.4.186 & Affinity Designer 1.8.4.4 for iPad; 6th Generation iPad 32 GB; Apple Pencil; iPadOS 13.3.1

Share this post


Link to post
Share on other sites
Just now, R C-R said:

To begin with, the screenshot shows the German language interface & from what I could tell from it there was no URL pasted into that field, just a (local?) filename.

But more to the point I wanted to make sure I was not missing some obscure way in the macOS to enter a URL into some field in the place dialog window. I thought that would be obvious to everyone from the inclusion of  "Maybe I am still missing something ..." in my previous reply & thus the end of that story. You seem to want more, so I hope you will consider this its final chapter.

German? Looks like Dutch, not Deutsch. Anyway, haakoo told you in English that you could paste a URL in the field which he highlighted in the screenshot

 

Share this post


Link to post
Share on other sites
1 hour ago, R C-R said:

..... & from what I could tell from it there was no URL pasted into that field, just a (local?) filename.

Haha! It's the link to your own avatar! 😂

(sure, we don't see the .com bits, and he could have downloaded it.......but he did say URL)

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...

×
×
  • Create New...

Important Information

Please note the Annual Company Closure section in the Terms of Use. These are the Terms of Use you will be asked to agree to if you join the forum. | Privacy Policy | Guidelines | We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.