How to download images from your Rocketspark website

Here’s a friendly step‑by‑step guide to help you save images from your Rocketspark site. Whether you’re grabbing a photo for editing, sharing, or backing up, you’re all sorted.

Option 1: Use a Chrome extension (easy and quick)

If you’re using Google Chrome, this is the simplest way to download images.

Step 1: Add the Chrome extension

1. Open Chrome.
2. Go to the Image Downloader extension page: https://chromewebstore.google.com/detail/image-downloader/cnpniohnfphhjihaiiggeabnkjhpaldj
3. Click Add to Chrome.
4. Once installed, you’ll see a small icon appear in your browser bar.

Step 2: Download images

1. Visit the page of your Rocketspark website where the image appears.
2. Click the Image Downloader icon.
3. You’ll see a gallery of all images on that page.
4. Select the image you need.

5. Click Download.

    

   This is great when you want to save multiple images at once or grab everything in one go.

Option 2: Use Inspect Element (more manual but works on any browser)

If you’d rather not install anything, you can use your browser’s built‑in tools.

Step 1: Open Inspect Element

1. Right‑click the image you want to download.
2. Select Inspect (or Inspect Element depending on your browser).
3. Your screen will split, showing the code for the page.

Step 2: Find the correct image file

1. In the highlighted code, look for a link that ends in .jpg, .png, .gif, or similar.
2. If the code references a style or background image, look for a URL wrapped inside url(" ... ").
3. Hover over the link — most browsers will preview the image so you can confirm it’s the right one.

Step 3: Open and download

1. Double‑click the image link to open it in a new tab.
2. Right‑click the image.

3. Select Save image as…

   
   This method is super handy for grabbing background images or anything that can’t be right‑clicked normally.

Handling WEBP or AVIF downloads via Inspect Element

Sometimes an image might try to download as a WEBP or AVIF file. These formats are great for performance, but not always ideal for editing or sharing. Here’s how to find a more traditional file type like JPG or PNG.
 

Step 1: Locate the picture element

1. Right‑click the image on your Rocketspark site.
2. Select Inspect.
3. In the HTML panel, look for a <picture> tag or multiple <source> tags. These often list different image formats (e.g., AVIF, WEBP, JPG).

Step 2: Choose a different file format

1. Expand the <picture> or <source> tags.
2. Look for a URL ending in .jpg, .jpeg, or .png.
3. Double‑click the link or copy/paste it into a new tab.

Step 3: Download the higher‑quality format

1. Once the image opens on its own in a new tab, right‑click it.
2. Select Save image as…

3. You should now be saving it as the correct file type.

   
   This trick is especially useful because Rocketspark optimises images on the fly, so the first version you see isn’t always the original.

Quick tips

• If the image looks blurry after downloading, try selecting a larger version if available.
• Some gallery images load in different sizes — always download the biggest one for best quality.
• If the site uses custom code or third‑party widgets, the image might be tucked away in a different folder. The Inspect method is usually best for those.