Reorganizing asset folders is one of those routine development tasks that often turns into an unexpected game of find-and-replace.

You move assets/images/hero.webp into assets/hero.webp , only to find out your CSS background-image: url(...) , React import , and Markdown documentation all broke.

To solve this, I built Auto Image Path Updater , a lightweight VS Code extension that automatically updates image paths the moment you move a file.

The Problem with Manual Asset Relocation

Multiple Syntaxes: Modern web apps reference images in different ways: HTML <img src> , CSS url() , JS/TS import , and Markdown.

Path Complexity: Tracking relative offsets ( ../../ ) or root-relative paths ( /illustrations/ ) manually is error-prone.

Collision Risk: If you have multiple files named icon.png or logo.png , bulk find-and-replace can easily corrupt unrelated code.

How Auto Image Path Updater Solves This

The extension listens for file move events within your workspace and handles the path rewrites…