Stack Overflow
Stack Overflow

Questions tagged [webp]

WebP is an open standard for image encoding. It is intended to provide support for animation, metadata, lossless compression, and transparency without the patent or license restrictions of existing formats.

WebP is a new image format that provides lossless and lossy compression for images on the web. WebP lossless images are 26% smaller in size compared to PNGs. WebP lossy images are 25-34% smaller in size compared to JPEG images at equivalent SSIM index. WebP supports lossless transparency (also known as alpha channel) with just 22% additional bytes. Transparency is also supported with lossy compression and typically provides 3x smaller file sizes compared to PNG when lossy compression is acceptable for the red/green/blue color channels.

754 questions
7
votes
1 answer

How to convert a remote webp image to a png image to load it into node-canvas

Usually I import png images into Canvas by using const image = Canvas.LoadImage('url.png') const canvas = Canvas.createCanvas(256,256) const ctx = canvas.getContext('2d') ctx.drawImage(image,256,256) but when i try to import a webp image, I get an…
Jytesh
  • 815
  • 4
  • 15
7
votes
1 answer

Flutter : Convert jpg to webp

I want to convert .jpg or .png files to .webp. Unfortunately image package only support webp reading and not writing. One solution would be to add the linux binary file to flutter (cwebp), but how to execute it smoothly ? I checked and found that…
Antonin GAVREL
  • 9,682
  • 8
  • 54
  • 81
7
votes
4 answers

Webpack - How to convert jpg/png to webp via image-webpack-loader

I want to generate webp files from jpg/png from webpack. To do that i using image-webpack-plugin (https://github.com/tcoopman/image-webpack-loader) In the plugin documentation it's written that the webp additional optimizer "Compress JPG & PNG…
PedroZorus
  • 661
  • 1
  • 6
  • 21
7
votes
3 answers

Not able to convert images to WebP using imagemin-webp

I'm trying to convert more than one PNG and JPG file to WebP using imagemin-webp instead of using cwebp to convert one at a time, but it is not working for some reason. Everything I've done so far: 1- I installed Node JS v10.16.0; 2- From inside my…
Fb16455
  • 101
  • 1
  • 7
7
votes
2 answers

Google Lighthouse error loading webp images

I am trying to improve my performance score on google lighthouse. It was recommending using next-gen image formats, including webp, so I implemented serving webp in place of images where the request accept header includes webp by using Nginx config…
Billy Moon
  • 57,113
  • 24
  • 136
  • 237
7
votes
3 answers

WEBP support not installed error with Pillow included in Anaconda

I have written a small code to open webp image in the Anaconda prompt. from PIL import Image im = Image.open('test.webp') It causes the following error: C:\ProgramData\Anaconda3\lib\site-packages\PIL\Image.py:2655: UserWarning: image file could…
cio928
  • 71
  • 1
  • 1
  • 4
7
votes
1 answer

SDWebImage+WebP ImageView flicker when app Re-enter foreground

I am facing issue on SDWebImage+WebP integration in our project via CocoaPods. I am using SDWebImage+WebP to load my webp images from my server in list of collection in UItableView. Every time I re-enter foreground or on every relaunch imageView in…
swapnil
  • 337
  • 2
  • 6
7
votes
1 answer

How to view webp format on ie11

Is there anyway to view webp image format on IE11 or can convert it to another format with javascript code on this browser? I tried "picture" element but seems like it cann't work like Chrome62
Hâm Zon
  • 105
  • 1
  • 2
  • 8
7
votes
7 answers

How to identify whether webp image is static or animated?

I am working on a project where a user can upload webp images. I know how to convert webp images into jpg/png, but am stuck on how to identify whether the webp image is static (non-animated) or animated. I want to identify them because I use…
HarisH Sharma
  • 1,101
  • 1
  • 11
  • 38
7
votes
2 answers

imagecreatefromwebp() -> imagejpeg() results in blue channel missing

I am losing color information, seemingly the blue channel, from an image after using GD to read from the WebP version and output a JPEG. Why does this happen and how can I fix it? Original Image Code $pic =…
emtecif
  • 195
  • 2
  • 9
7
votes
2 answers

How do I install the WebP plugin into Photoshop Creative Cloud?

I want to use WebP--https://developers.google.com/speed/webp/?csw=1 I think it comes as a plugin from Telegraphics http://telegraphics.com.au/sw/product/WebPFormat but I'm not sure how to install it into Adobe Photoshop CC. I also am running a…
Vegasvikk
  • 101
  • 1
  • 1
  • 4
7
votes
2 answers

On the fly clientside image to webp converter...but png's are not transparent

this is a working code to convert jpg or png to webp google's new image format that is in average 30-40% smaller than jpg's or png's 1.Open with Chrome 2.Set The quality 3.Drop an image inside the page 4.Wait (depends on the size .. try small images…
cocco
  • 16,442
  • 7
  • 62
  • 77
7
votes
1 answer

How do I display a WebP image in a TImage or just TBitmap?

Delphi-WebP is a project providing Delphi bindings for Google's libWebP.dll, which loads WebP images, but the project provides no Delphi-specific image code. How can I load a WebP image into a TImage or TBitmap?
Prog1020
  • 4,530
  • 8
  • 31
  • 65
6
votes
2 answers

picture srcset with webp - how to implement sizes?

I'm trying to have a picture tag with WebP support. ( load image-full if the screensize is over 1024px, image-1024 for max-width 1024px, image-768 for max-width 768 px and image-500 for max-width 500px ) I've got this code, and w3 validator is…
user1692094
  • 302
  • 2
  • 5
  • 12
1 2 3
…
50 51