Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>As Data URINew to Visual Studio Code? Get it now.
As Data URI

As Data URI

Kai Maetzel

|
2,050 installs
| (2) | Free
Inlines images on html pages for faster page loading.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

VSCode - Inline as Data URI

HTML allows to not only specify what image should be displayed using a url but also to inline the actual image data into the page's html as a data uri. This is usually done to optimize the loading of your web page since additional server round-trips are avoided.

This Visual Studio Code extension simplifies the inlining process. Simply select the value of the src attribute of an img element on a html page (html, jade, other templates) and select 'Inline as Data URI' from the Command Pallette.

License

MIT

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft