AVIF 📷

AVIF — AV1 Image File Format

Open Beta
.avif · image/avif

AVIF is a modern raster format built on a key frame of the AV1 video codec inside a HEIF container. On osm2cdr.ru the map is first rendered to PNG and then transcoded to AVIF via Pillow. At comparable visual quality the file is 30–50% lighter than WebP, which noticeably saves bandwidth for mobile users. It is a flat picture of the map, not editable layers: labels and outlines are baked into pixels. Note that the alpha channel is dropped during conversion, so the background becomes opaque.

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

主要特点

30–50% better compression than WebP at the same visual quality
HEIF container with AV1 intra-frame, MIME type image/avif
Configurable quality and encoding speed (defaults: quality 50, speed 6)
A raster snapshot of the map — pixels ready to display, not editable layers
Supported in recent Chrome, Firefox and Safari (~96% of traffic)
AVIF 格式导出示例(莫斯科中心,1x0.5 公里)
示例:莫斯科中心区,约 1x0.5 公里,中等详细度

关于 AVIF 格式

AVIF is a raster format grown out of the AV1 video codec: the picture is encoded as a single key frame and packed into a HEIF container. At the same visual quality the file comes out noticeably lighter than JPEG and appreciably lighter than WebP, which directly saves traffic and speeds up page loading.

The format is chosen where the map is an image on a website: a district preview in a listing card, an article cover, an illustration in a guidebook, a picture for social media. The whole point is the weight: the same pixels reach a mobile user faster and cheaper.

The output is a single .avif file: the map is first rendered to PNG and then recompressed. This is a final picture, not layers — labels, roads and buildings are fixed in pixels and cannot be edited separately. Transparency is not preserved during conversion: the alpha channel is dropped and the background becomes opaque.

打开 AVIF 文件的程序

以下程序可以打开、编辑和处理从 OSM2CDR 导出的 AVIF — AV1 Image File Format(.avif)文件:

🌐Google Chrome 🌐Mozilla Firefox 💻GIMP 💻ImageMagick 🎨Adobe Photoshop (plugin)

格式规格

谁在使用 AVIF 地图

🏗
Lightweight district map thumbnails for real-estate sites and travel guides
Light district previews in real estate catalogs and guidebooks — the page loads faster.
💻
Hero and Open Graph images where a low Largest Contentful Paint matters
Covers and pictures for social media, where the weight of an image directly affects how fast the first screen appears.
📊
Delivering static maps via CDN, compiled once and served many times
Static maps on a CDN: the file is encoded once and served to millions of requests.
🎨
Cutting mobile bandwidth without losing label and line readability
Mobile scenarios where every kilobyte counts and the map still has to stay readable.

如何导出 AVIF

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

导出后如何打开

AVIF 格式的热门地图

Free

导出 AVIF — AV1 Image File Format 地图

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

免费 / 导出
立即导出 AVIF →

常见问题

Does AVIF keep map transparency?
Can I edit layers in AVIF?
Why is AVIF slower to encode?
Where might AVIF fail to open?
Can I raise the quality of the picture?
Is AVIF suitable for printing?

相关格式

经常一起导出

Related Articles