Jump to content
Sign in to follow this  
codelearner

Capture Images in Web Browser into Affinity Photo/Designer?

Recommended Posts

It may depend on what you mean by "images or contents in a Web Browser" and what OS and/or browser you use.

On Windows, using Firefox, alt-PrtScrn puts an image copy of the complete window of the current application into the clipboard, and you can paste from the clipboard into a document in the Affinity applications.

Or, if Firefox is displaying an image you like, you can right click on it, choose Copy Image, and paste that into a document in the Affinity applications.


-- Walt

Windows 10 Home, version 1809, 16GB memory, Intel Core i7-6700K @ 4.00Gz, GeForce GTX 970
Affinity Photo 1.6.5.123 and 1.7.0.333 Beta       / Affinity Designer 1.6..5.123 and 1.7.0.333 Beta    / Affinity Publisher 1.7.0.337 Beta

Share this post


Link to post
Share on other sites
12 minutes ago, walt.farrell said:

It may depend on what you mean by "images or contents in a Web Browser" and what OS and/or browser you use.

On Windows, using Firefox, alt-PrtScrn puts an image copy of the complete window of the current application into the clipboard, and you can paste from the clipboard into a document in the Affinity applications.

Or, if Firefox is displaying an image you like, you can right click on it, choose Copy Image, and paste that into a document in the Affinity applications.

I did print screen but it prints all my 3  screens,I just want to capture contents in my Browser in one of my monitor in Windows 10.

Share this post


Link to post
Share on other sites

In windows, you could use the Snipping Tool. After sctivation, you can select  an area and then save it in a format of your choice. 

 

John


Windows 10, Affinity Photo 1.6.5.123 and Designer 1.6.5.123, (mainly Photo), now ex-Adobe CC

CPU: AMD A6-3670. RAM: 16 GB DDR3 @ 666MHz, Graphics: 2047MB NVIDIA GeForce GT 630

Share this post


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

In windows, you could use the Snipping Tool. After sctivation, you can select  an area and then save it in a format of your choice. 

 

John

This works John, very useful, thanks.  Just wondering if Affinity Photo/Designer can do what Snipping Tool can?

Share this post


Link to post
Share on other sites
36 minutes ago, codelearner said:

I did print screen but it prints all my 3  screens,I just want to capture contents in my Browser in one of my monitor in Windows 10.

Perhaps there's some option in Windows for how print screen works? It only seems to capture the active window on my system.


-- Walt

Windows 10 Home, version 1809, 16GB memory, Intel Core i7-6700K @ 4.00Gz, GeForce GTX 970
Affinity Photo 1.6.5.123 and 1.7.0.333 Beta       / Affinity Designer 1.6..5.123 and 1.7.0.333 Beta    / Affinity Publisher 1.7.0.337 Beta

Share this post


Link to post
Share on other sites
1 minute ago, walt.farrell said:

Perhaps there's some option in Windows for how print screen works? It only seems to capture the active window on my system.

It would be nice if we will know this setting Walt. Thanks for the feedback Walt.

Share this post


Link to post
Share on other sites
12 minutes ago, codelearner said:

This works John, very useful.  Just wondering if Affinity Photo/Designer can do what Snipping Tool can?

No, they do not provide a tool for doing screen captures.


-- Walt

Windows 10 Home, version 1809, 16GB memory, Intel Core i7-6700K @ 4.00Gz, GeForce GTX 970
Affinity Photo 1.6.5.123 and 1.7.0.333 Beta       / Affinity Designer 1.6..5.123 and 1.7.0.333 Beta    / Affinity Publisher 1.7.0.337 Beta

Share this post


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

It would be nice if we will know this setting Walt. Thanks for the feedback Walt.

Ah.

What I said was to use alt-prtscrn. Using alt is what makes it capture the active window. This site has explanations of that, and several other methods for screen captures provided by Windows.


-- Walt

Windows 10 Home, version 1809, 16GB memory, Intel Core i7-6700K @ 4.00Gz, GeForce GTX 970
Affinity Photo 1.6.5.123 and 1.7.0.333 Beta       / Affinity Designer 1.6..5.123 and 1.7.0.333 Beta    / Affinity Publisher 1.7.0.337 Beta

Share this post


Link to post
Share on other sites
3 minutes ago, codelearner said:

@walt.farrellI'm thinking maybe cropping instead?

Perhaps I'm misunderstanding, but certainly they can do cropping (using the crop tool) once you get the image into the application. I thought your question was how you get the image in the first place.


-- Walt

Windows 10 Home, version 1809, 16GB memory, Intel Core i7-6700K @ 4.00Gz, GeForce GTX 970
Affinity Photo 1.6.5.123 and 1.7.0.333 Beta       / Affinity Designer 1.6..5.123 and 1.7.0.333 Beta    / Affinity Publisher 1.7.0.337 Beta

Share this post


Link to post
Share on other sites
1 minute ago, walt.farrell said:

Perhaps I'm misunderstanding, but certainly they can do cropping (using the crop tool) once you get the image into the application. I thought your question was how you get the image in the first place.

@walt.farrell yes you are correct there is a crop tool but it does not work outside of Affinity Photo or designer unlike the color picker.

Share this post


Link to post
Share on other sites

Not for me. Perhaps you could describe how you use Affinity's color picker to choose a color outside the application's window? That could be interesting.


-- Walt

Windows 10 Home, version 1809, 16GB memory, Intel Core i7-6700K @ 4.00Gz, GeForce GTX 970
Affinity Photo 1.6.5.123 and 1.7.0.333 Beta       / Affinity Designer 1.6..5.123 and 1.7.0.333 Beta    / Affinity Publisher 1.7.0.337 Beta

Share this post


Link to post
Share on other sites
27 minutes ago, codelearner said:

@walt.farrell yes you are correct there is a crop tool but it does not work outside of Affinity Photo or designer unlike the color picker.

Well a basic screen capture tool would need implementation dependent more functionality from the underlaying screen windowing system, ideally it would then have to determine window sizes, orientations or offer free selection rects for underlaying screen regions...and so on. There are other specialized tools like Snagit and Monosnap etc. which offer this functionality.

Web browsers in turn mostly know on their own to handle their shown contents, either they can capture the visable page and/or also the whole rendered (even non visable) contents here and offer to save that into a pixel file or the pasteboard.

The color picker has it implementation dependent easier here, since it only has to determine an underlayed small predefined pixel area and takes the initial color values out of that one, these are then converted and shown up as other color model values too (RGB dec, hex, oct etc.). The AD/AP one can be used in an overfloating way, aka meaning it can read/capture the underlayed pixel value also from outside of the own app dimensions somewhere on the screen.


☛ Affinity Designer 1.6.1 ◆ Affinity Photo 1.6.7 ◆ OSX El Capitan

Share this post


Link to post
Share on other sites
5 minutes ago, v_kyr said:

Well a basic screen capture tool would need implementation dependent more functionality from the underlaying screen windowing system, ideally it would then have to determine window sizes, orientations or offer free selection rects for underlaying screen regions...and so on. There are other specialized tools like Snagit and Monosnap etc. which offer this functionality.

Web browsers in turn mostly know on their own to handle their shown contents, either they can capture the visable page and/or also the whole rendered (even non visable) contents here and offer to save that into a pixel file or the pasteboard.

The color picker has it implementation dependent easier here, since it only has to determine an underlayed small predefined pixel area and takes the initial color values out of that one, these are then converted and shown up as other color model values too (RGB dec, hex, oct etc.). The AD/AP one can be used in an overfloating way, aka meaning it can read/capture the underlayed pixel value also from outside of the own app dimensions somewhere on the screen.

@v_kyr so you think it would be unrealistic for screen capture and/or crop into Affinity feature request?  Just wondering about what you think about this. 

Share this post


Link to post
Share on other sites

Honestly there are more important things an image manipulation or vector manipulation software should do here, I personally won't expect those to offer the functionality or being able to replace other dedicated tools which are entirely specialized on these capture or screen recording authoring tasks. - In short, I won't expect AP/AD to offer here too what Snagit or other dedicated tools of that domain offer.

If I personally need such funtionality I take a dedicated tool for such stuff, since there isn't and never will be that one tool which can do and handle it all!


☛ Affinity Designer 1.6.1 ◆ Affinity Photo 1.6.7 ◆ OSX El Capitan

Share this post


Link to post
Share on other sites
22 minutes ago, walt.farrell said:

Not for me. Perhaps you could describe how you use Affinity's color picker to choose a color outside the application's window? That could be interesting.

@walt.farrell I use a mac but I assume it's the same for Windows.  The color picker, not the eyedropper tool, works anywhere in the screen.  This works best if you are using separated mode so you can have another application visible behind AD/AP.  When you drag it around you'll see the loop being displayed anywhere on the screen.  It will then sample the color wherever.


iMac (27-inch, Late 2009) with macOS Sierra

Share this post


Link to post
Share on other sites
35 minutes ago, walt.farrell said:

Not for me. Perhaps you could describe how you use Affinity's color picker to choose a color outside the application's window? That could be interesting.

 

You have to click inside the Affinity window, then drag the pointer outside. You can't start from outside Affinity.

 

 


Windows PCs. Photo and Designer, latest non-beta versions.

Share this post


Link to post
Share on other sites

Thanks. I was forgetting that that color picker needs to be dragged, and was trying to click. This info will prove useful.


-- Walt

Windows 10 Home, version 1809, 16GB memory, Intel Core i7-6700K @ 4.00Gz, GeForce GTX 970
Affinity Photo 1.6.5.123 and 1.7.0.333 Beta       / Affinity Designer 1.6..5.123 and 1.7.0.333 Beta    / Affinity Publisher 1.7.0.337 Beta

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

×