Quick Image Replace & Overlay 作者: RapidDesignTools.com
Quick Image lets you replace or overlay any image on any website in seconds. Perfect for web designers and marketing teams. How it works: 1) add images 2) pick a target (e.g. hero) 3) cycle images with arrows 4) star the best ones 5) A/B with space
擴充套件後設資料
畫面擷圖
關於此擴充套件
Quick Image lets you replace or overlay any image on any website in seconds - no code, no DevTools.
Who is it for?
• Web designers previewing hero images, banners, and product photos in real layouts
• Marketing teams doing A/B image testing and comparing creative variations
• Anyone who wants to see how a different image would look on a live website
Basic workflow:
1. Add images from folder, clipboard, or right click context menu. Batch adding works.
2. Pick a target from auto-detected images, or shift+T.
3. Navigate with arrows to see how images look.
4. Star the best ones with Shift+Enter
5. Compare starred images with number keys 1-9 (or arrow keys)
6. A/B test to original with Space
7. Right click to see original image name / context / url
Key features:
• Replace any image on a page — works with img elements, srcsets, background images, hero sections, and CSS backgrounds
• Overlay mode — drag a floating image anywhere on the page, resize, rotate, and adjust opacity
• One-click capture — right-click any image on any site to add it to your collection
• Drag & drop or paste images — drop files or paste from clipboard instantly. Batch add folder of images.
• Image controls — opacity slider, object-fit, position, scale, flip, and blend modes
• Keyboard-driven workflow — arrow keys to cycle images, Space for A/B toggle, number keys for quick select
• Global image library — your images are available across all websites
• Replace Target Grid — see all page images at a glance, click to replace any of them
• Works on any website — WordPress, Shopify, Webflow, Squarespace, custom sites, localhost
Images persists in your library through browser restarts and cookie clears, 100% local.
How it works:
Click the Quick Image icon or press Ctrl+Shift+Q to open the panel
Drop, paste, or capture images into your collection
Click a page image to select it as the replace target
Click a collection image to replace it — instantly, no refresh needed
Press Space to toggle between original and replacement (A/B comparison)
Quick Image is designed for speed. Minimal clicks, keyboard shortcuts for everything, and instant visual feedback. Your image collection persists across sessions — build it once, use it on every site.
Perfect for: website mockups, design reviews, image placeholder replacement, visual regression testing, client presentations, e-commerce product photo testing, and creative asset comparisons.
🔑 License required — get yours at in https://www.rapiddesigntools.com/
Changelog
1.0.1
Smarter image picking: reliably finds images behind overlays, gradients, and text. Shows element info tooltip while hovering.
Video replacement: select and replace video elements with images. Videos pause automatically.
Faster image switching: near-instant when cycling through images with arrow keys. Images are preloaded in the background.
Fixed gray thumbnails in the visible images grid after scrolling.
1.0.0
Initial release.
Who is it for?
• Web designers previewing hero images, banners, and product photos in real layouts
• Marketing teams doing A/B image testing and comparing creative variations
• Anyone who wants to see how a different image would look on a live website
Basic workflow:
1. Add images from folder, clipboard, or right click context menu. Batch adding works.
2. Pick a target from auto-detected images, or shift+T.
3. Navigate with arrows to see how images look.
4. Star the best ones with Shift+Enter
5. Compare starred images with number keys 1-9 (or arrow keys)
6. A/B test to original with Space
7. Right click to see original image name / context / url
Key features:
• Replace any image on a page — works with img elements, srcsets, background images, hero sections, and CSS backgrounds
• Overlay mode — drag a floating image anywhere on the page, resize, rotate, and adjust opacity
• One-click capture — right-click any image on any site to add it to your collection
• Drag & drop or paste images — drop files or paste from clipboard instantly. Batch add folder of images.
• Image controls — opacity slider, object-fit, position, scale, flip, and blend modes
• Keyboard-driven workflow — arrow keys to cycle images, Space for A/B toggle, number keys for quick select
• Global image library — your images are available across all websites
• Replace Target Grid — see all page images at a glance, click to replace any of them
• Works on any website — WordPress, Shopify, Webflow, Squarespace, custom sites, localhost
Images persists in your library through browser restarts and cookie clears, 100% local.
How it works:
Click the Quick Image icon or press Ctrl+Shift+Q to open the panel
Drop, paste, or capture images into your collection
Click a page image to select it as the replace target
Click a collection image to replace it — instantly, no refresh needed
Press Space to toggle between original and replacement (A/B comparison)
Quick Image is designed for speed. Minimal clicks, keyboard shortcuts for everything, and instant visual feedback. Your image collection persists across sessions — build it once, use it on every site.
Perfect for: website mockups, design reviews, image placeholder replacement, visual regression testing, client presentations, e-commerce product photo testing, and creative asset comparisons.
🔑 License required — get yours at in https://www.rapiddesigntools.com/
Changelog
1.0.1
Smarter image picking: reliably finds images behind overlays, gradients, and text. Shows element info tooltip while hovering.
Video replacement: select and replace video elements with images. Videos pause automatically.
Faster image switching: near-instant when cycling through images with arrow keys. Images are preloaded in the background.
Fixed gray thumbnails in the visible images grid after scrolling.
1.0.0
Initial release.
由 1 位評論者給出 0 分
權限與資料
更多資訊