WebP 🖻

WebP — Google Web Image Format

付款前显示价格
.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.

OpenStreetMap data as of 5 October 2026 · 22 days ago

现在导出 WebP ✨ 登录网站后下载 · 付款前可查看价格

主要特点

✓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
导出
点击导出,不到一分钟即可收到您的 .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