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.
0๋ช…์ด 0์ ์œผ๋กœ ํ‰๊ฐ€ํ•จ
๋กœ๊ทธ์ธํ•˜์—ฌ ์ด ํ™•์žฅ ๊ธฐ๋Šฅ์˜ ํ‰์ ์„ ๋‚จ๊ฒจ์ฃผ์„ธ์š”
์•„์ง ํ‰์ ์ด ์—†์Šต๋‹ˆ๋‹ค

๋ณ„์  ์ €์žฅ๋จ

5
0
4
0
3
0
2
0
1
0
์•„์ง ๋ฆฌ๋ทฐ ์—†์Œ
๊ถŒํ•œ ๋ฐ ๋ฐ์ดํ„ฐ

ํ•„์ˆ˜ ๊ถŒํ•œ:

  • ํด๋ฆฝ๋ณด๋“œ์—์„œ ๋ฐ์ดํ„ฐ ๊ฐ€์ ธ์˜ค๊ธฐ
  • ๋ธŒ๋ผ์šฐ์ € ํƒญ์— ์ ‘๊ทผ
  • ๋ชจ๋“  ์›น์‚ฌ์ดํŠธ์—์„œ ์‚ฌ์šฉ์ž์˜ ๋ฐ์ดํ„ฐ์— ์ ‘๊ทผ

์„ ํƒ์  ๊ถŒํ•œ:

  • ๋ชจ๋“  ์›น์‚ฌ์ดํŠธ์—์„œ ์‚ฌ์šฉ์ž์˜ ๋ฐ์ดํ„ฐ์— ์ ‘๊ทผ

๋ฐ์ดํ„ฐ ์ˆ˜์ง‘:

  • ๊ฐœ๋ฐœ์ž๊ฐ€ ์ด ํ™•์žฅ ๊ธฐ๋Šฅ์€ ๋ฐ์ดํ„ฐ ์ˆ˜์ง‘์ด ํ•„์š”ํ•˜์ง€ ์•Š๋‹ค๊ณ  ํ•ฉ๋‹ˆ๋‹ค.
๋” ์•Œ์•„๋ณด๊ธฐ
์ถ”๊ฐ€ ์ •๋ณด
๋ถ€๊ฐ€ ๊ธฐ๋Šฅ ๋งํฌ
  • ํ™ˆ ํŽ˜์ด์ง€
  • ์ง€์› ์‚ฌ์ดํŠธ
  • ์ง€์› ์ด๋ฉ”์ผ
๋ฒ„์ „
1.1.0
ํฌ๊ธฐ
150.83 KB
๋งˆ์ง€๋ง‰ ์—…๋ฐ์ดํŠธ
3์ผ ์ „ (2026๋…„ 5์›” 8์ผ)
๊ด€๋ จ ์นดํ…Œ๊ณ ๋ฆฌ
  • ์›น ๊ฐœ๋ฐœ ๋„๊ตฌ
๋ผ์ด์„ ์Šค
All Rights Reserved
๊ฐœ์ธ์ •๋ณด์ฒ˜๋ฆฌ๋ฐฉ์นจ
์ด ๋ถ€๊ฐ€ ๊ธฐ๋Šฅ์— ๋Œ€ํ•œ ๊ฐœ์ธ์ •๋ณด์ฒ˜๋ฆฌ๋ฐฉ์นจ ์ฝ๊ธฐ
๋ฒ„์ „ ๋ชฉ๋ก
  • ๋ชจ๋“  ๋ฒ„์ „ ๋ณด๊ธฐ
๋ชจ์Œ์ง‘์— ์ถ”๊ฐ€
์ด ๋ถ€๊ฐ€ ๊ธฐ๋Šฅ ์‹ ๊ณ 
Mozilla ํ™ˆํŽ˜์ด์ง€๋กœ ์ด๋™

๋ถ€๊ฐ€ ๊ธฐ๋Šฅ

  • ์†Œ๊ฐœ
  • Firefox ๋ถ€๊ฐ€ ๊ธฐ๋Šฅ ๋ธ”๋กœ๊ทธ
  • ํ™•์žฅ ๊ธฐ๋Šฅ ์›Œํฌ์ƒต
  • ๊ฐœ๋ฐœ์ž ํ—ˆ๋ธŒ
  • ๊ฐœ๋ฐœ์ž ์ •์ฑ…
  • ์ปค๋ฎค๋‹ˆํ‹ฐ ๋ธ”๋กœ๊ทธ
  • ํฌ๋Ÿผ
  • ๋ฒ„๊ทธ ์‹ ๊ณ 
  • ๋ฆฌ๋ทฐ ์ง€์นจ

๋ธŒ๋ผ์šฐ์ €

  • Desktop
  • Mobile
  • Enterprise

์ œํ’ˆ

  • Browsers
  • VPN
  • Relay
  • Monitor
  • Pocket
  • Bluesky (@firefox.com)
  • Instagram (Firefox)
  • YouTube (firefoxchannel)
  • ๊ฐœ์ธ ์ •๋ณด
  • ์ฟ ํ‚ค
  • ๋ฒ•๋ฅ 

ํŠน๋ณ„ํ•œ ๊ณ ์ง€๊ฐ€ ์—†๋Š” ํ•œ, ๋ณธ ์‚ฌ์ดํŠธ์˜ ์ฝ˜ํ…์ธ ๋Š” Commons Attribution Share-Alike License v3.0 ๋˜๋Š” ๊ทธ ์ดํ›„ ๋ฒ„์ „์— ๋”ฐ๋ผ ์‚ฌ์šฉ์ด ํ—ˆ๊ฐ€๋ฉ๋‹ˆ๋‹ค.