Firefox 瀏覽器附加元件
  • 擴充套件
  • 佈景主題
    • 用於 Firefox
    • 字典與語言套件
    • 其他瀏覽器網站
    • Android 版的附加元件
登入
Quick Image Replace & Overlay 預覽

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

某些功能可能需要付款後才能使用某些功能可能需要付款後才能使用
0(0 筆評分)0(0 筆評分)
下載 Firefox 並安裝擴充套件
下載檔案

擴充套件後設資料

畫面擷圖
Many ways to add imagesBasic editingStar the best imagesNavigate quickly with arrowsClick to replace an image on a page
關於此擴充套件
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.
由 1 位評論者給出 0 分
登入後即可幫此擴充套件評分
目前沒有評分

已儲存星等

5
0
4
0
3
0
2
0
1
0
還沒有評論
權限與資料

必要權限:

  • 取得剪貼簿中的資料
  • 存取瀏覽器分頁
  • 存取您所有網站中的資料

選用的權限:

  • 存取您所有網站中的資料

收集下列資料:

  • 開發者聲稱此擴充套件不要求收集任何資料。
了解更多
更多資訊
附加元件網址
  • 首頁
  • 技術支援網站
  • 技術支援信箱
版本
1.1.0
大小
150.83 KB
最近更新
3 天前 (2026年5月8日)
相關分類
  • 網頁開發
授權條款
保留所有權利
隱私權保護政策
閱讀此附加元件的隱私權保護政策
版本紀錄
  • 瀏覽所有版本
新增至收藏集
檢舉此附加元件
前往 Mozilla 官網

附加元件

  • 關於
  • Firefox 附加元件部落格
  • 擴充套件工作坊
  • 開發者交流中心
  • 開發者政策
  • 社群部落格
  • 討論區
  • 回報 Bug
  • 評論撰寫指南

瀏覽器

  • Desktop
  • Mobile
  • Enterprise

產品

  • Browsers
  • VPN
  • Relay
  • Monitor
  • Pocket
  • Bluesky (@firefox.com)
  • Instagram (Firefox)
  • YouTube (firefoxchannel)
  • 隱私權
  • Cookie
  • 法律資訊

除另有註明外,本站內容皆採用創用 CC 姓名標示—相同方式分享條款 3.0 或更新版本授權大眾使用。