image/webp

WebP image

Image

.webp

Media Type

image/webp

File Extension

.webp

HTTP Response Header

Content-Type: image/webp

HTML Link Tag

<link rel="stylesheet" type="image/webp" href="style.css">

JavaScript Fetch API

fetch('/api/data', {
  headers: {
    'Content-Type': 'image/webp'
  }
})

Express.js (Node.js)

res.setHeader('Content-Type', 'image/webp');
res.send(data);

Image MIME types tell the browser how to render image files. Using the correct type ensures proper display and allows for content negotiation.

JPEG image

PNG image

GIF image