Chrome DevTools: Drag and drop new images to override them on a websiteLast updated: 6th November 2020
You can use the Local Overrides feature of DevTools to easily drag/drop images from your filesystem into DevTools. Doing this overrides the usual website image with your version.
Subsequent page reloads use your new local image rather than the production version.
How to use this feature
To try this feature, follow these steps:
- Enable local overrides.
- Locate the original website image in the Sources Panel > Page Pane.
- Drag and drop your new image from the filesystem over the existing image in the Sources Panel.
- Local Overrides is helpful during development and debugging.
- Local Overrides can be used with Performance Profiling since you can use the Performance Panel to profile different variations a page.