Ocean waves
sample-webp-ocean-1920x1080.webp
1920 × 1080 px
Download90% · 126.5 KB
WebP · 5 WebP sample images
Download WebP sample images
Download five free WebP sample images for upload, browser, preview and image-processing tests. Every sample uses a different photo—ocean, cat, coffee, desert dunes or books—and lists its dimensions, quality setting and file size.
5 WebP sample images Lossy + lossless
WebP image samples
Free WebP images for testing
5 WebP sample images
Each download is a distinct WebP photo. Dimensions, encoder quality setting and actual file size are shown for every sample.
Gray cat portrait
sample-webp-cat-1600x1067.webp
1600 × 1067 px
Download85% · 99.3 KB
Coffee and camera
sample-webp-coffee-1280x853.webp
1280 × 853 px
Download80% · 51.4 KB
Desert dunes
sample-webp-dunes-960x640.webp
960 × 640 px
Download75% · 23.7 KB
Reading and books
sample-webp-books-800x1067.webp
800 × 1067 px
Download70% · 35.5 KB
WebP format guide: quality, compression and browser images
WebP is an image format developed for the web. It supports lossy and lossless compression, plus transparency and animation. Depending on the image and encoding settings, WebP can provide a smaller download than comparable JPEG or PNG files.
Lossy and lossless WebP
Lossy WebP can reduce file size by approximating some visual information. Lossless WebP preserves the encoded image data exactly. Choose the mode based on whether smaller files or exact pixel recovery matters most.
WebP transparency and animation
WebP supports alpha transparency in both lossy and lossless modes, and can store animated frames. These samples are still photos; use an animated WebP when you need a multi-frame image.
Choose quality for the image
A quality setting is an encoder control, not a universal visual score. The samples use different photos and dimensions, so compare their file sizes as practical examples rather than a controlled same-image benchmark.
WebP file questions
What is a WebP file?
WebP is a raster image format designed for web use. The .webp file extension and image/webp media type identify this format.
Does WebP use lossy or lossless compression?
It supports both. Lossy encoding can create smaller files by discarding some image information, while lossless encoding allows the original encoded pixels to be recovered exactly.
Can WebP images have transparency or animation?
Yes. WebP supports alpha transparency and multi-frame animation, in addition to ordinary still images.
Is WebP better than JPEG or PNG?
It depends on the image and your needs. WebP can offer efficient file sizes and supports transparency, but JPEG or PNG may be preferable for a particular workflow or older software. Test the image in the browsers and apps you support.
Why are the sample sizes different?
File size depends on the image content, pixel dimensions and encoder settings. These examples use five different photos and sizes, so they illustrate realistic WebP files rather than a direct comparison of formats.
WebP references: Google WebP guide · MDN image formats · IETF WebP specification
Photo credits: Shamia Casiano · Cristian Loayza · Engin Akyurt · Alfo Medeiros · Merve Bayar · Pexels license