How to get IMAGES from sites in their original dimensions ?
 

I would like to know how I can extract images from sites in their original dimensions. The site owners have uploaded some photos but they made the site in a such way that we (the viewers) can not see the site in a resolution over 500x500 for example. The original size of the images are 1500x800. How can i extract them? What do I have to do? I do "INSPECT ELEMENT" in Chrome but i cant see anywhere something about image.

Do you know how?

really all you have to do is inspect element - grab the URL that the image is coming from - and go to that URL and download the image,
but really...why are you taking images from someone else's site ?

inspect element
Resources tab

Frames folder, select website (www.***.***)

search in this folder and there will be an images folder.

Why not just right click the image, go to 'open image in new window/tab' or something alike depending on browser? That gives you the full resolution of the image.

Regards,

LC.

The programmer just made it so we cant see the full resolution. Thats what I am asking. There are some people who upload the images in full resolution and then they make it in html so we can not see it. They make it so we can see it in a smaller resolution.

I did it but it only shows the pictures exactly as they are shown on the webpage. How can i get the full resolution? I mean , someone for example uploaded it in 1600x1000 but made it look (via html scripting) to be in 500x350. I want to the get the original ;) thanx

I had a similar issue when looking through google images. I was right clicking most images and going to 'Open image in new tab' (Safari) and it was bringing the images up in 259x194, which leads me to believe it cannot be the individual sites which are setting the size of the image because it happens on multiple sites. When I click 'Open Link in new tab', it opens in the full resolution.

Can you provide an example of a site which is doing this?

Kind regards,

Lc.

Web sites would generally resize the images on the server when one over a certain size is uploaded. Only the resized version would be accessible from the web so you'd need to be the site owner to have access to the uploaded oversized version.

Is that done automatically by the server or does the user have to explicitly declare it?

I like to search for wallpaper background images and I can access the HD versions which are sometimes a size like 1600x600px (example).

Regards,

LC.

If you can't view the original size image at the true source of image, then it has been explicitly made that way by the server so that people who think they are smart can't get around it. It's quite common on sites that hold value in their images to produce two images on upload (Simple scripting job); The original to store privately, and a reduced quality preview copy (Perhaps even watermarked). The original needs no connection to the poor copy, so you're at a dead end if that's your case.

Of course, there are lots of lousy methods used to keep images safe too — generally obfuscation of some manner that can be by-passed — but I'm not all that interested in helping people jack other people's images.

@ LearningCoder: When you click "open image in new tab", it's probably respecting the HTML/CSS resizing or something.

I might look a little deeper into that because the site I'm currently working on uses many of my own images.

What is the correct terminology for this method? Thinking of giving this a go. Does it have to be done with the GD library or is it something we do locally (creating a separate copy of the image and showing the user that one)?

Regards,

LC.

GD library can handle it. Lots of people will refer to this as creating a thumbnail (or something similar) and there are plenty of exmaple scripts floating around the 'net to help you automate that task. This isn't something you have to do manually.

As for the google images issue, google creates and displays their own thumbnail of the image result in the search (I have had image searches lead to 404'd actual images before, but the google thumbnail is still there and still shows up in the results). If you examine the page source you can see this quite clearly. So when you choose to open the image from your context menu, you are choosing to open their thumbnail, which is the (80x80 or so?) preview of the image that you are already staring at. Your browser has no idea that you want it to fetch a completely different image than that. So there is no CSS plaguing you when you view an image directly in the browser, that's just the native size of their thumbnail. Google has had the decency to require users to at least visit the page they are grabbing a full-size image from and you can't get around that with your browser's context menu options.

If you hover over the image and right click, and go to open image in new tab, it will only show it in in the thumbnail. If you click it though, it takes you to a google page before a kinda redirect I suppose, and if you click 'Full Size Image' you will get the full size. Thanks for the info, I may actually just start looking at php images basics and try and learn as much as I can with GD.

Kind regards,

LC.

How about a script then? If i use a script to "balance" the script of the site owner can i get the original pictures?

Right click on the image you want the information on, click inspect element.

It should have a src="imageurl" or css; you can view both.

Follow the url and chrome will give you dimensions.