ImageSwap icon

ImageSwap

by Abu Foysal

v1.0.7 Updated Feb 26, 2026 71.43KiB
CWS
9
Users
โ˜… 5.00
4 reviews
#124047
of 207.3K
developer
#10797 of 18.1K

Description

๐Ÿ–ผ๏ธ ImageSwap - Smart Placeholder Image Replacement ๐Ÿ–ผ๏ธ A must-have Chrome extension for web developers and designers! Instantly replace all webpage images with beautiful, randomly-generated Picsum photos while maintaining original dimensions. Perfect for testing layouts, debugging designs, and visualizing page structures. โœจ Key Features: ๐ŸŽจ Intelligent Image Replacement: Automatically swaps all images with high-quality Picsum photos while preserving original dimensions for pixel-perfect layouts. ๐Ÿ”€ Flexible Replacement Modes: Set a Global mode โ€” "Replace All" or "Failed Images Only" โ€” and optionally override it per-URL with Default, Replace All, or Failed Only for fine-grained control over each site. ๐ŸŽฏ Smart Consistency: Generates stable seeds from image attributes (alt text, ID, class) ensuring the same image always gets the same placeholder across page reloadsโ€”no flickering! โšก Dynamic Content Support: MutationObserver technology handles lazy-loaded images, infinite scroll, and single-page applications seamlessly. ๐ŸŽ›๏ธ Whitelist Control: Exclude specific images from replacement using any CSS selectorโ€”.class, #id, or nested selectors like .parent imgโ€”perfect for preserving logos and critical assets. ๐ŸŒ Active URL Filtering: Control which websites the extension runs on with wildcard pattern support (e.g., *://*.example.com/*). Each URL entry supports inline editing and an individual replacement mode overrideโ€”site-specific customization at your fingertips. ๐ŸŽจ Custom CSS Injection: Add your own CSS rules to enhance image visibility with built-in sanitization for security. ๐Ÿ’พ Persistent Settings: All preferences sync across browser sessions using Chrome Sync for a consistent workflow. โšก Performance Optimized: Efficiently tracks processed images to avoid redundant operations with minimal performance impact. ๐Ÿ”’ Privacy First: Zero data collection or tracking. All settings stored locally in your browser. Open source and transparent. ๐Ÿš€ How It Works: 1๏ธโƒฃ Click the ImageSwap icon in your Chrome toolbar. 2๏ธโƒฃ Use the toggle switch to enable/disable image replacement instantly. 3๏ธโƒฃ Access Settings for advanced options: whitelist management, Active URLs with per-site replacement modes, global replacement mode, and custom CSS. 4๏ธโƒฃ Navigate to any webpageโ€”images transform automatically while maintaining their original dimensions. ๐ŸŒŸ Why Choose ImageSwap? Whether you're building mockups, testing responsive layouts, debugging broken images, or creating wireframes, ImageSwap gives you instant visual transformation without touching a single line of code. See your designs come to life with beautiful, consistent placeholder images that respect your layout's original dimensions. Perfect For: โœ… Web designers testing layouts and mockups โœ… Developers debugging image loading issues โœ… UI/UX professionals creating wireframes โœ… Content strategists visualizing page structures โœ… Anyone needing placeholder images for development ๐Ÿ”’ Privacy: No data is collected or shared. All settings are stored locally in your browser using Chrome's secure storage API. The extension only connects to the free Picsum Photos CDN for placeholder images. ๐Ÿ›ก๏ธ Built with Manifest V3 Engineered with the latest Chrome extension standards for maximum security, performance, and reliability. ๐Ÿ”— Open Source: GitHub: https://github.com/Grohon/image-swap Issues: https://github.com/Grohon/image-swap/issues
ImageSwap screenshot 1ImageSwap screenshot 2ImageSwap screenshot 3ImageSwap screenshot 4ImageSwap screenshot 5

Reviews

Loading reviews...

Permissions (2)

Permissions

activeTabโ„น Can access the current tab when you click the extension storageโ„น Can store data locally in your browser

Details

Version 1.0.7
Updated Feb 26, 2026
Size 71.43KiB
First Seen Apr 1, 2026