Matching Resolutions

Report · Apr 27, 2017

Sometimes I take screenshots of my web pages and copy them into Element in order to determine how big I need to make images in order for them to fit uniformly. The problem I'm having is that when using the selection tool to get dimensions of page elements after copying the screenshot into Elements, the pixel values I'm seeing seem to be extraordinarily high.

As an example:

I can select an image on my hard drive that I know is around 800 pixels and open it in Elements. When I measure it with the selection tool, it is 800 pixels.
I upload this image to my site and it appears on my page
I take a screenshot of the page and copy it into Elements
I set the View to 'Actual Pixels'
I measure the image size and it is 2048 pixels!

I know the image wasn't resized, so I'm guessing that the pixel size is reflecting the high resolution of my monitor. How can I screenshot things into Elements so that I can measure things accurately with a selection tool?

Report · Apr 27, 2017

I know the image wasn't resized

Well, it has not been resized. What you are seeing is not the original image. It's a new image, a photo of your display. It shows the pixels dimensions of your screen. Nothing related to the original image.

Report · Apr 27, 2017

I don't know. I used to do this with Photoshop all the time without any problems.

If I have an 800px image, put it on a web page, it should still take up 800 pixels right? It'll just look smaller at higher resolutions. If I view it at its actual size in Elements it seems it should still measure 800 px across if I haven't resized it?

Report · Apr 28, 2017

If I have an 800px image, put it on a web page, it should still take up 800 pixels right?

Maybe... I don't know how you put it on the page, what are the pixel dimensions of your page, how you are displaying your web page, how you select the image pixels for the screenshot.

- The image displayed on your screen is the web page: which pixels dimensions? Is it 800 pixels? Does the web page show only your image or more?

- How is the web page displayed on YOUR PRESENT display? If the image is displayed at 100% zoom, the pixels dimensions will be kept by definition. One image pixel equals one screen pixel. If the image is displayed 'full screen', it is resized to fit.

- Any other display choice than 100% zoom means a resizing (resampling) of your web image, even if the web image has the same width than your picture in pixels.

Report · Apr 27, 2017

bperniciaro wrote
Sometimes I take screenshots of my web pages and copy them into Element in order to determine how big I need to make images in order for them to fit uniformly. The problem I'm having is that when using the selection tool to get dimensions of page elements after copying the screenshot into Elements, the pixel values I'm seeing seem to be extraordinarily high.

Open the INFO palette (Window menu>info) to ascertain the dimensions (mouse coordinates along the abscissa & ordinate) in inches, px, cm., etc.

Report · Apr 28, 2017

I guess that's what I'm getting at, the page is at 100% zoom, so the pixels should be the same when a screenshot is taken. But they are not.