Alejandro Loayza Barazorda
Reputation: 1
How to reference images on dev converted to WebP from PNG on Pug or Html using Vite + Vituum
I'm trying to move from gulp to Vite + Vituum using Pug, Sass and WebP images. On Gulp I used to convert any new images (png or jpg) to WebP and call it directly on pug. But I can't find a way to convert images to webp and use then on the dev server like img(src='/assest/logo.webp') or <img src="/assest/logo.webp">. I can only use the original image file so it show on the browser. Is there any way to accomplish what I want or maybe change the ext of the image path on build?
How can I convert png images to webp and use then on the dev server using vite?
Upvotes: 0
Views: 142
Answers (0)
Related Questions
- In Python, how to insert PNG image converted from html WEBP to excel without saving image and appending images in local PC folder?
- Webpack - How to convert jpg/png to webp via image-webpack-loader
- How to replace old image with converted webp image in Wordpress media library
- Support WebP using HTML Picture or server side via http headers?
- How to serve webp from a different folder using .htaccess
- Image size is increased when converted from jpg to webp with quality value 100
- Create webp images (as alternative version) from original images in Vue CLI 3
- Not able to convert images to WebP using imagemin-webp