Skip to content
| Marketplace
Sign in
Visual Studio Code>Snippets>WebP FallbackNew to Visual Studio Code? Get it now.
WebP Fallback

WebP Fallback

captainskippah

|
1,014 installs
| (0) | Free
Generate HTML <picture> tag with WebP image source and fallback source
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

webp-fallback

Using WebP while supporting browsers that don't currently support it requires you to use <picture> tag. It is a lot more verbose than just typing a single line of <img> and so might discourage you from using WebP at all due to poor Dev UX.

This extension will allow you to:

Create a <picture> tag from your given src

Create a  tag from your given src

Create a tag from an existing <img> tag

Create a  tag from an existing  tag

Known Issues

Feel free to open Issues or Pull Requests. I'll check them out when I can.

Enjoy!

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