Finding links to images in CSS scripts

Discussion in 'Web Design and Development' started by BrianMNJ, Jun 7, 2014.

  1. BrianMNJ macrumors newbie

    Joined:
    Jun 6, 2014
    #1
    Hi everybody, forgive me if this is a bit of a neophyte request but I need some guidance. If I come across an image on a webiste...say a social media icon I really like, but, in the code there is no http link to the specific image, but rather, it is called through CSS script...is there a way I can find that image file an download it? Alternatively, is there a way to capture an image from a site that I want that does not have any storage address I can follow to get it? I am grateful for any ideas or help! I hope you are having a lovely day!
     
  2. Dolorian macrumors 65816

    Dolorian

    Joined:
    Apr 25, 2007
    #2
    Yes, in Chrome/Safari you can right click on the image and select "Inspect Element". It will open the web inspector highlighting the element in question. To the right of the inspector there is a panel called "Styles". The url to the image should appear there. Just right click the url and open in a new window to get to the image.
     
  3. BrianMNJ thread starter macrumors newbie

    Joined:
    Jun 6, 2014
    #3
    Thank you

    Hi Evoken,

    I tried what you were suggesting but still cannot find any http url's anywhere in the style sheets for these icons. They are all named but beyond that there are no locations.

    Brian
     
  4. Dolorian macrumors 65816

    Dolorian

    Joined:
    Apr 25, 2007
    #4
    Do you have a link to the site, to check it out? It is possible they are using an icon library such as Font Awesome which renders vector icons from a font and does not provies a link to an actual image.
     
  5. Flood123 macrumors 6502a

    Flood123

    Joined:
    Mar 28, 2009
    Location:
    Living Stateside
    #5
    Font awesome is very cool. I really like icomoon for my icon fonts.
     

Share This Page