BlogSnap - Blogger Image URL Grabber

✦ BlogSnap – Blogger Image URL Grabber

Stop hunting for image URLs. BlogSnap captures them automatically while you work.

✦ What is BlogSnap?

BlogSnap is a lightweight Chrome extension built specifically for Blogger users who regularly upload images to their posts. It lives as a floating overlay directly inside the Blogger post editor — no new tabs, no switching windows, no digging through page source.

Every time you add an image to your post — whether by dragging and dropping, uploading from your computer, inserting from Google Photos, or pasting an external URL — BlogSnap silently captures the final hosted image URL and adds it to a clean, organized panel. The moment your first image is ready, the panel opens automatically.

✦ Why do you need it?

Blogger doesn't give you a straightforward way to access the CDN URLs of images you've uploaded. If you're building posts programmatically, managing image libraries, migrating content, or just want to reuse an image elsewhere, you're stuck right-clicking each one and copying source URLs manually — one at a time.

BlogSnap eliminates that entirely. Upload ten images in a batch, and all ten URLs are waiting for you before you've even finished typing your post.

✦ Core Features

> Automatic URL Capture: BlogSnap watches the editor in real time using a combination of DOM observation and network interception. It catches images the moment Blogger's CDN finalizes the upload — not just when they appear visually on screen. No manual scanning required.

> Every Upload Method Supported: Works with drag-and-drop, the "Upload from computer" button, Google Photos insertion, and third-party image URLs inserted via the "By URL" option. If it ends up in your Blogger editor, BlogSnap captures it.

> Full Resolution URLs Only: Blogger sometimes generates size-restricted CDN URLs like /s320/image.jpg. BlogSnap automatically upgrades these to the original full-resolution version, so you always get the highest quality URL — not a thumbnail.

> Image Previews with Dimensions: Each captured URL is displayed with a thumbnail preview and its exact pixel dimensions (e.g. 1920×1080) so you know at a glance whether an image is portrait, landscape, or square — before you use it anywhere.

> Full-Size Lightbox Preview: Click any thumbnail in the panel to open the full-size image in a lightbox overlay, right inside the panel. No new tab, no page navigation.

> HTML Code Generation: Every captured URL is simultaneously rendered as an <img src="..." /> HTML tag in a live code box. Copy individual links, copy all plain URLs, or copy the complete block of HTML image tags — whichever format your workflow needs.

> Session History: BlogSnap remembers your last 10 capture sessions. Open the History view to see all previous batches with their timestamps and image counts. Reload any past session into the main panel with one click, or copy links and code directly from history.

> Clear and Repeat: One-click "Clear Editor" removes all images from the Blogger post body simultaneously — perfect for batch workflows where you upload images, grab the URLs, clear the editor, and repeat with the next batch. The URL list resets alongside it.

> Persistent Floating Panel: The overlay is draggable to any position on screen. Its position is saved in localStorage and restored automatically on every page load — it stays exactly where you left it.

> Zero Interference with Blogger: Built entirely inside a Shadow DOM so BlogSnap's styles and scripts are completely isolated from Blogger's own interface. No style conflicts, no broken layouts, no interference with Blogger's own functionality.

> Who is it for?

- Content creators who publish image-heavy posts and need URLs for cross-posting or external use
- Developers and bloggers building or migrating sites who need bulk image URLs in structured formats
- SEO writers who manage alt text and image references in custom HTML
- Anyone tired of right-clicking images one by one to find source URLs

✦ Privacy

BlogSnap runs entirely in your browser. It does not send any data to external servers. All captured URLs and history are stored locally in your browser's localStorage and never leave your device.