• 

  ImageFinder Extension

Inspiration ---------------

While browsing websites, I often came across useful or beautiful images but found it difficult to download them easily — either they were hidden behind CSS, were too low-quality, or included irrelevant icons. This inspired me to create a simple, smart Chrome extension that can automatically detect and download only real, high-quality images from any webpage.

What it does ------------

Image Finder (or Image Downloader Extension) scans any webpage for visible images and displays them in a clean, organized gallery. Users can:

Preview images before downloading

View titles and image details

Download them in high resolution

Skip icons, logos, and thumbnails automatically

It’s designed for students, designers, and anyone who frequently saves images from the web.

How we built it ---------------

The extension was built using:

HTML, CSS, and JavaScript for the popup interface

Chrome Extension Manifest V3 for browser integration

Content scripts to detect images dynamically on any page

GitHub Actions for automated building and packaging of the extension

We also optimized the code to improve image quality during download and filter out low-resolution or icon-sized images.

Challenges we ran into -----------------

Detecting only meaningful images while ignoring icons, buttons, and logos

Maintaining image quality when saving files from different sites

Handling different webpage layouts and lazy-loaded images

Setting up GitHub Actions for automated zipping and artifact management

Accomplishments that we're proud of -----------------

Successfully built a fully working Chrome extension from scratch

Improved download quality using smart detection and filtering

Automated the entire build process through GitHub Actions

Designed a clean, user-friendly interface that anyone can use

What we learned ----------------------

Manifest V3 structure

How to work with content scripts and messaging between background and popup

The power of GitHub Actions for automating builds and deployments

Techniques for identifying and processing web images efficiently

What's next for Image Downloader Extension ------------------

Adding AI-based image upscaling for even higher quality downloads

Supporting batch downloads with metadata export (titles, sizes, sources)

Integrating cloud storage options like Google Drive or Dropbox

Publishing the extension officially on the Chrome Web Store

Built With

• html5
• javascript
• json