Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Page 1 of 2 12 LastLast
Results 1 to 15 of 17
  1. #1
    New to the CF scene
    Join Date
    Dec 2012
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    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?

  • #2
    Regular Coder
    Join Date
    Dec 2010
    Posts
    424
    Thanks
    22
    Thanked 56 Times in 56 Posts
    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 ?

  • #3
    Junsee
    Guest
    inspect element
    Resources tab

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

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

  • #4
    Regular Coder LearningCoder's Avatar
    Join Date
    Jan 2011
    Location
    The Pleiades
    Posts
    924
    Thanks
    76
    Thanked 29 Times in 29 Posts
    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.

  • #5
    New to the CF scene
    Join Date
    Dec 2012
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts
    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.

  • #6
    New to the CF scene
    Join Date
    Dec 2012
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts
    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

  • #7
    Regular Coder LearningCoder's Avatar
    Join Date
    Jan 2011
    Location
    The Pleiades
    Posts
    924
    Thanks
    76
    Thanked 29 Times in 29 Posts
    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.

  • #8
    Master Coder felgall's Avatar
    Join Date
    Sep 2005
    Location
    Sydney, Australia
    Posts
    6,642
    Thanks
    0
    Thanked 649 Times in 639 Posts
    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/

    Don't forget to start your JavaScript code with "use strict"; which makes it easier to find errors in your code.

  • #9
    Regular Coder LearningCoder's Avatar
    Join Date
    Jan 2011
    Location
    The Pleiades
    Posts
    924
    Thanks
    76
    Thanked 29 Times in 29 Posts
    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.

  • #10
    Regular Coder Custard7A's Avatar
    Join Date
    Jul 2010
    Location
    Australia
    Posts
    286
    Thanks
    32
    Thanked 33 Times in 33 Posts
    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.

  • #11
    Regular Coder LearningCoder's Avatar
    Join Date
    Jan 2011
    Location
    The Pleiades
    Posts
    924
    Thanks
    76
    Thanked 29 Times in 29 Posts
    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.

  • #12
    Senior Coder Rowsdower!'s Avatar
    Join Date
    Oct 2008
    Location
    Some say it's everything.
    Posts
    2,027
    Thanks
    5
    Thanked 397 Times in 390 Posts
    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

  • #13
    Regular Coder LearningCoder's Avatar
    Join Date
    Jan 2011
    Location
    The Pleiades
    Posts
    924
    Thanks
    76
    Thanked 29 Times in 29 Posts
    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.

  • #14
    New to the CF scene
    Join Date
    Dec 2012
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts
    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?

  • #15
    Regular Coder
    Join Date
    Jul 2012
    Location
    London
    Posts
    473
    Thanks
    4
    Thanked 86 Times in 86 Posts
    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.


  •  
    Page 1 of 2 12 LastLast

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •