Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Meaning of "Natural 1x1" in an image tag

I'm looking at an img tag, using Chrome Dev Tools, that has a src attribute for a 1x1 image:

enter image description here

The image is actually 199 x 362 on the page. What is this "Natural 1x1" specification? I notice that there are several other images on the page that have this exact 1x1 src, but the images are different.

Does anyone know what's being done here?

I'd like to download the image, but all I get is the same 1x1 for all the img tags.

Thanks

like image 699
Steve Avatar asked Dec 07 '13 01:12

Steve


1 Answers

That's the original size of the image (download it and you'll see). 199x362 is its size on the page achieved by CSS stretching (defining width and/or height).

You're probably looking at a transparent GIF pixel converted into a rectangle by stretching that's put on top of something else.

So this:

x

becomes this (or whatever the size):

\   /
 \ /
  X
 / \
/   \
like image 169
Shomz Avatar answered Sep 24 '22 06:09

Shomz