Skip to content
>_ TrueFileSize.com

Sample WebP Files — Modern Web Image Format for Testing

Download free sample WebP images — lossy, lossless, animated, and transparent variants. Google's modern format that's 25–34% smaller than JPEG and 26% smaller than PNG.

webp previewWEBP

sample-100kb.webp

110 KB

1920×1080 · sRGB

Download
Verified file details
Filename
sample-100kb.webp
Exact size
112,318 bytes
Displayed size
110 KB
MIME type
image/webp
Dimensions
1,920 x 1,080 px
Color space
sRGB
License
CC0 / Public Domain
Download URL
https://truefilesize.com/files/webp/sample-100kb.webp
webp previewWEBP

sample-300kb.webp

327 KB

3840×2160 · sRGB

Download
Verified file details
Filename
sample-300kb.webp
Exact size
334,588 bytes
Displayed size
327 KB
MIME type
image/webp
Dimensions
3,840 x 2,160 px
Color space
sRGB
License
CC0 / Public Domain
Download URL
https://truefilesize.com/files/webp/sample-300kb.webp
webp previewWEBP

sample-lossless.webp

549 KB

1920×1080 · sRGB

Download
Verified file details
Filename
sample-lossless.webp
Exact size
562,236 bytes
Displayed size
549 KB
MIME type
image/webp
Dimensions
1,920 x 1,080 px
Color space
sRGB
License
CC0 / Public Domain
Download URL
https://truefilesize.com/files/webp/sample-lossless.webp
webp previewWEBP

sample-animated.webp

2.4 KB

400×300

Download
Verified file details
Filename
sample-animated.webp
Exact size
2,418 bytes
Displayed size
2.4 KB
MIME type
image/webp
Dimensions
400 x 300 px
License
CC0 / Public Domain
Download URL
https://truefilesize.com/files/webp/sample-animated.webp
webp previewWEBP

sample-transparent.webp

1010 B

800×600 · transparent

Download
Verified file details
Filename
sample-transparent.webp
Exact size
1,010 bytes
Displayed size
1010 B
MIME type
image/webp
Dimensions
800 x 600 px
Transparency
Yes
License
CC0 / Public Domain
Download URL
https://truefilesize.com/files/webp/sample-transparent.webp
webp previewWEBP

sample-small.webp

4.3 KB

640×480 · sRGB

Download
Verified file details
Filename
sample-small.webp
Exact size
4,362 bytes
Displayed size
4.3 KB
MIME type
image/webp
Dimensions
640 x 480 px
Color space
sRGB
License
CC0 / Public Domain
Download URL
https://truefilesize.com/files/webp/sample-small.webp

Use cases for sample WebP files

  • Testing WebP support in image upload pipelines
  • Verifying WebP-to-JPG/PNG fallback with <picture> tag
  • Benchmarking WebP vs JPG/PNG file sizes
  • Testing animated WebP as GIF replacement
  • Verifying transparent WebP rendering
  • Testing CDN image optimization and format negotiation

Why WebP vs JPG or PNG?

FeatureWebPJPEGPNG
Lossy compression25–34% smallerbaselineN/A
Lossless compression26% smallerN/Abaseline
TransparencyYesNoYes
AnimationYesNoNo
Browser support96%+100%100%

Browser support

Supported: Chrome, Firefox, Safari 14+, Edge, Opera, Android Browser, iOS Safari 14+

Not supported: IE 11, older Safari (13 and below)

Use the <picture> tag with a JPG fallback for maximum compatibility.

How to serve WebP with fallback

<picture>
  <source srcset="image.webp" type="image/webp">
  <img src="image.jpg" alt="Description">
</picture>

Browsers that support WebP load the .webp file. Others fall back to .jpg automatically. No JavaScript needed.

Technical specifications

Developed byGoogle (2010)
CompressionLossy (VP8) and lossless
TransparencyFull alpha channel
AnimationSupported (replaces GIF)
Max dimensions16383×16383 pixels

Frequently Asked Questions

Should I use WebP instead of JPG on my website?
Yes, with a fallback. WebP provides 25–34% smaller files than JPEG at equivalent quality. Use the <picture> tag to serve WebP to supported browsers and JPG to others. Most CDNs and image optimization services do this automatically.
Can I upload WebP images to social media?
Most platforms now accept WebP — including Twitter/X, Facebook, and Discord. Instagram and some older platforms may still require JPG/PNG. Always check the platform's image format requirements.
What is the difference between lossy and lossless WebP?
Lossy WebP (like JPEG) discards some data for smaller files — best for photographs. Lossless WebP (like PNG) preserves all data — best for graphics, screenshots, and images with text. Both are smaller than their JPEG/PNG equivalents.
Can WebP replace GIF for animations?
Yes. Animated WebP files are significantly smaller than equivalent GIFs with better color support (16.7M colors vs 256). Our sample-animated.webp demonstrates this. Use it to test animated WebP handling in your application.
How do I convert images to WebP?
CLI: cwebp input.jpg -o output.webp. Node.js: sharp('input.jpg').webp().toFile('output.webp'). Online: squoosh.app. Most image CDNs (Cloudflare, Imgix, Cloudinary) auto-convert to WebP based on the Accept header.

Other image formats

JPGPNGSVGGIF

Related reading

·9 min

WebP vs PNG vs JPG — Which Format Should You Use?

Comprehensive comparison of WebP, PNG, and JPG image formats. File size, quality, browser support, and when to use each format.

·10 min

Image Optimization for Web Performance

Modern formats, responsive srcset, lazy loading, and CDN tricks. Cut LCP by 40% with proper image optimization. Sample JPG, PNG, and WebP files included.

·6 min

SVG vs PNG for Icons — Which Wins in 2025?

When to use SVG, when to use PNG for favicons and UI icons. Accessibility, animation, file size, and caching — with side-by-side samples you can copy.