WebP 🖻

WebP — Google Web Image Format

Open Beta
.webp · image/webp

WebP is Google's open raster format built on the VP8 video codec (lossy) and its VP8L extension (lossless). On osm2cdr.ru the map is rendered to PNG and then transcoded to WebP via Pillow. In lossy mode the file is 25–35% lighter than JPEG; in lossless mode 26% lighter than PNG. WebP supports transparency and works in every mainstream browser. It is a finished map image, not editable layers — a handy lightweight format for previews and thumbnails, but not a replacement for GeoTIFF in full-size cartographic export.

立即导出 WebP ✨ Open Beta — 免费无限制

主要特点

Two modes: lossy (VP8) and lossless (VP8L), selectable at export
Alpha channel and transparency support
Configurable quality 0–100 (default 80)
RIFF container, royalty-free BSD licence, MIME type image/webp
Compatible with all modern browsers (Chrome, Firefox 65+, Safari 14+)
WebP 格式导出示例(莫斯科中心,1x0.5 公里)
示例:莫斯科中心区,约 1x0.5 公里,中等详细度

关于 WebP 格式

WebP is Google's raster format, grown out of the VP8 video codec. It works in two modes: lossy, when weight matters, and lossless, when pixel accuracy matters. Transparency is supported by both modes, and WebP is displayed by every current browser.

For maps this is a screen format: a preview in a catalog, a picture in an article, an asset in a mobile app. Where PNG weighs more than it should and JPEG blurs thin road lines and labels, WebP gives a reasonable compromise between weight and readability.

The map is rendered to PNG and then re-encoded into WebP: lossy mode and quality 80 by default, or lossless mode with exact pixel reproduction if you prefer. This is a finished image: layers are not editable and there are no coordinates inside. For a print house take TIFF or PDF, for a GIS — GeoTIFF.

打开 WebP 文件的程序

以下程序可以打开、编辑和处理从 OSM2CDR 导出的 WebP — Google Web Image Format(.webp)文件:

🌐Google Chrome 🌐Mozilla Firefox 💻GIMP 💻ImageMagick 🎨Adobe Photoshop

格式规格

谁在使用 WebP 地图

🏗
Map previews and thumbnails on web pages to save bandwidth
A map preview in a catalog or a feed: the page loads noticeably faster than with PNG.
💻
Responsive images via the <picture> tag with JPEG/PNG fallback
Responsive layout through the picture tag — modern browsers take WebP, the rest get the fallback PNG.
📊
Map assets in mobile apps to reduce bundle size
Map assets in a mobile application: the build gets lighter with no loss of readability.
🎨
Lossless WebP for tiles with transparency and flat-colour areas
Lossless mode for pictures with transparency and large areas of flat color.

如何导出 WebP

1
选择区域
在 osm2cdr 的交互式地图上绘制矩形或多边形
2
选择 WebP
从 127 种可用导出格式中选择 WebP — Google Web Image Format
3
导出
点击导出,1–5 分钟内收到您的 .webp 文件
4
下载
下载完成的 WebP 文件并在 Google Chrome 中打开

导出后如何打开

WebP 格式的热门地图

Free

导出 WebP — Google Web Image Format 地图

从 OpenStreetMap 下载专业的 WebP 地图。即时生成,任意区域。

免费 / 导出
立即导出 WebP →

常见问题

Is WebP lossy or lossless?
Does WebP keep transparency?
Can I open WebP in a map editor?
Which quality should I choose?
Are there coordinates in the file?

相关格式

经常一起导出

Related Articles