Search code examples
imagegoogle-chromebrowsergoogle-chrome-extensionblob

How to download, display blob images in Chrome?

I'm trying to open/download an PNG blob image of a website. I used network to find the image but it only display it as plain text.

Network Console Preview

I'm confused why the small preview image in the list shows the image. How can I download the image or get any kind of working preview?

Solution

  • Ok first open the webpage where the blob image is and Click inspect, then go to Network after that refresh the page while Inspect > Network is open

    Then locate the blob image in Network and click the Preview tab to see if you got the right blob

    enter image description here

    Then Rightclick on the Preview image and download the blob image

    enter image description here

    enter image description here

    Then Locate the downloaded blob file

    enter image description here

    Now rename it with the proper Extension for the image (.png, .jpg, etc...)

    file in folder enter image description here

    Now rename it and click on yes if it asks you for confirmation enter image description here

    enter image description here

    And that's it you have successfully downloaded the blob image