Go Back   CodingForums.com > :: Client side development > HTML & CSS

Before you post, read our: Rules & Posting Guidelines

Reply
 
Thread Tools Rate Thread
Enjoy an ad free experience by logging in. Not a member yet? Register.
Old 12-02-2012, 01:52 PM   PM User | #1
radomer
New to the CF scene

 
Join Date: Dec 2012
Posts: 4
Thanks: 0
Thanked 0 Times in 0 Posts
radomer is an unknown quantity at this point
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?
radomer is offline   Reply With Quote
Old 12-02-2012, 05:27 PM   PM User | #2
aaronhockey_09
Regular Coder

 
Join Date: Dec 2010
Posts: 411
Thanks: 21
Thanked 55 Times in 55 Posts
aaronhockey_09 is an unknown quantity at this point
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 ?
aaronhockey_09 is offline   Reply With Quote
Old 12-02-2012, 06:51 PM   PM User | #3
Junsee
New Coder

 
Join Date: Jun 2012
Posts: 42
Thanks: 4
Thanked 5 Times in 5 Posts
Junsee is an unknown quantity at this point
inspect element
Resources tab

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

search in this folder and there will be an images folder.
Junsee is offline   Reply With Quote
Old 12-02-2012, 07:24 PM   PM User | #4
LearningCoder
Regular Coder

 
LearningCoder's Avatar
 
Join Date: Jan 2011
Location: The Pleiades
Posts: 849
Thanks: 67
Thanked 28 Times in 28 Posts
LearningCoder is an unknown quantity at this point
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.
LearningCoder is offline   Reply With Quote
Old 12-03-2012, 04:11 PM   PM User | #5
radomer
New to the CF scene

 
Join Date: Dec 2012
Posts: 4
Thanks: 0
Thanked 0 Times in 0 Posts
radomer is an unknown quantity at this point
Quote:
Originally Posted by LearningCoder View Post
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.
radomer is offline   Reply With Quote
Old 12-03-2012, 04:13 PM   PM User | #6
radomer
New to the CF scene

 
Join Date: Dec 2012
Posts: 4
Thanks: 0
Thanked 0 Times in 0 Posts
radomer is an unknown quantity at this point
Quote:
Originally Posted by Junsee View Post
inspect element
Resources tab

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

search in this folder and there will be an images folder.
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
radomer is offline   Reply With Quote
Old 12-04-2012, 01:07 AM   PM User | #7
LearningCoder
Regular Coder

 
LearningCoder's Avatar
 
Join Date: Jan 2011
Location: The Pleiades
Posts: 849
Thanks: 67
Thanked 28 Times in 28 Posts
LearningCoder is an unknown quantity at this point
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.
LearningCoder is offline   Reply With Quote
Old 12-04-2012, 01:34 AM   PM User | #8
felgall
Master Coder

 
felgall's Avatar
 
Join Date: Sep 2005
Location: Sydney, Australia
Posts: 5,452
Thanks: 0
Thanked 498 Times in 490 Posts
felgall is a jewel in the roughfelgall is a jewel in the roughfelgall is a jewel in the rough
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.
__________________
Stephen
Learn Modern JavaScript - http://javascriptexample.net/
Helping others to solve their computer problem at http://www.felgall.com/
felgall is offline   Reply With Quote
Old 12-04-2012, 01:43 AM   PM User | #9
LearningCoder
Regular Coder

 
LearningCoder's Avatar
 
Join Date: Jan 2011
Location: The Pleiades
Posts: 849
Thanks: 67
Thanked 28 Times in 28 Posts
LearningCoder is an unknown quantity at this point
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.
LearningCoder is offline   Reply With Quote
Old 12-04-2012, 07:36 AM   PM User | #10
Custard7A
Regular Coder

 
Custard7A's Avatar
 
Join Date: Jul 2010
Location: Australia
Posts: 269
Thanks: 32
Thanked 32 Times in 32 Posts
Custard7A is an unknown quantity at this point
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.
Custard7A is offline   Reply With Quote
Old 12-04-2012, 12:10 PM   PM User | #11
LearningCoder
Regular Coder

 
LearningCoder's Avatar
 
Join Date: Jan 2011
Location: The Pleiades
Posts: 849
Thanks: 67
Thanked 28 Times in 28 Posts
LearningCoder is an unknown quantity at this point
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.
LearningCoder is offline   Reply With Quote
Old 12-04-2012, 03:06 PM   PM User | #12
Rowsdower!
Senior Coder

 
Rowsdower!'s Avatar
 
Join Date: Oct 2008
Location: Some say it's everything.
Posts: 2,007
Thanks: 5
Thanked 395 Times in 388 Posts
Rowsdower! has a spectacular aura aboutRowsdower! has a spectacular aura aboutRowsdower! has a spectacular aura about
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.
__________________
The object of opening the mind, as of opening the mouth, is to shut it again on something solid. –G.K. Chesterton
See Mediocrity in its Infancy
It's usually a good idea to start out with this at the VERY TOP of your CSS: * {border:0;margin:0;padding:0;}
Seek and you shall find... basically:
validate your markup | view your page cross-browser/cross-platform | free web tutorials | free hosting
Rowsdower! is offline   Reply With Quote
Old 12-04-2012, 04:35 PM   PM User | #13
LearningCoder
Regular Coder

 
LearningCoder's Avatar
 
Join Date: Jan 2011
Location: The Pleiades
Posts: 849
Thanks: 67
Thanked 28 Times in 28 Posts
LearningCoder is an unknown quantity at this point
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.
LearningCoder is offline   Reply With Quote
Old 12-04-2012, 07:13 PM   PM User | #14
radomer
New to the CF scene

 
Join Date: Dec 2012
Posts: 4
Thanks: 0
Thanked 0 Times in 0 Posts
radomer is an unknown quantity at this point
Quote:
Originally Posted by Custard7A View Post
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.
How about a script then? If i use a script to "balance" the script of the site owner can i get the original pictures?
radomer is offline   Reply With Quote
Old 12-04-2012, 08:02 PM   PM User | #15
tempz
Regular Coder

 
Join Date: Jul 2012
Location: London
Posts: 436
Thanks: 4
Thanked 80 Times in 80 Posts
tempz is an unknown quantity at this point
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.
tempz is offline   Reply With Quote
Reply

Bookmarks

Jump To Top of Thread


Thread Tools
Rate This Thread
Rate This Thread:

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT +1. The time now is 12:41 PM.


Advertisement
Log in to turn off these ads.