How can I download an image using F12 developer tools from a website?

2 points by godelmachine 7y ago ↗ HN

Hello everyone

I wish to download a specific image that is hosted on hero image of a website using F12 developer tools.

I tried using the following strings in the "Search HTML" part - PNG, JPG, BMP but to no avail.

I am also a novice in CSS so maybe someone could guide me along the path.

How can I do it?

4 comments

[ 4.2 ms ] story [ 27.4 ms ] thread

spiritcat 7y ago ↗

see this is why i browse under 'new' sometimes

kdmedev 7y ago ↗

https://cdn.shopify.com/s/files/1/0934/5620/files/181126_Sho...

Your welcome

godelmachine 7y ago ↗

Thanks but I beat you to it :D :P

mimixco 7y ago ↗

Right click on the item and choose Inspect Element. In the code, you'll see the image URL as either an <img> tag or a background. The URL will be underlined. You can right-click on the URL and choose Open Image in New Window. From there, you can right-click the image and download it.