SVG 🌐

SVG (Scalable Vector Graphics)

Price before payment
.svg · image/svg+xml

SVG là định dạng vector mở cho web và in ấn. Được mọi trình duyệt và phần mềm đồ họa hỗ trợ. Lý tưởng cho bản đồ web, đồ họa thông tin và nhúng vào website cùng các bài thuyết trình.

OpenStreetMap data as of 5 October 2026 · 26 days ago

Xuất SVG ngay ✨ Open Beta — miễn phí, không giới hạn

Tính năng chính

✓Phóng to thu nhỏ không mất chất lượng
✓Hỗ trợ mọi trình duyệt
✓Lớp và nhóm đối tượng
✓Nhãn văn bản
✓A layer with object names
Example SVG export (central Moscow, 1x0.5 km)
Example: central Moscow, ~1×0.5 km, medium detail

Giới thiệu về định dạng SVG

SVG is the open W3C consortium standard for vector graphics: the content is described as text, scales without loss of quality and opens in any browser. For a map that is a rare combination — one file suits page layout, printing and designer edits alike.

A map is exported to SVG when it will be styled further: a poster, a directions scheme, an illustration for an article, a picture for a website, a base for an infographic. In Illustrator, Inkscape, Figma or Affinity Designer you can recolor the roads, remove unneeded objects, add a route and your own labels.

What is in the file: one UTF-8 document where roads, buildings, water and greenery are drawn as real vector outlines rather than as a picture, and are sorted into layers — each one a separate named group instead of one common heap of objects. Thanks to that, keeping only the roads or recoloring all the water at once is a matter of selecting a group, not of hand-picking thousands of outlines; and if you don't need the layers, any editor ungroups them with one command. The labels stay as text rather than being converted to curves, so they are crisp at any zoom. There is a nuance: a label is drawn character by character, so editing it as a whole string in an editor will not work — it is easier to delete it and type it again.

The file weight predictably grows with the area: a map of a dense city center easily reaches tens of megabytes, and a browser starts to pan it slowly. If you need the file for the web, look at the compressed SVGZ option or lower the detail level at export time.

Chương trình nào mở được tệp SVG

Các chương trình và ứng dụng sau có thể mở, chỉnh sửa và làm việc với tệp SVG (Scalable Vector Graphics) (.svg) được xuất từ OSM2CDR:

✏Adobe Illustrator ✏Inkscape 🎨Figma 🎨Sketch 🎨Affinity Designer 🌐Browsers

Format specifications

Ai sử dụng bản đồ SVG

🏗
Bản đồ web
A vector map on a web page: it scales to any screen and stays crisp.
💻
Đồ họa thông tin
The base of a scheme, with routes, icons and labels laid on top.
📊
Trình bày
A slide with a map that does not fall apart into pixels on a big screen.
🎨
Vật phẩm in ấn
A source file for posters, booklets and prints of any size — the quality does not depend on resolution.
🗺
Chỉnh sửa trong Figma/Illustrator
A layout ready for editing: colors, line weights and the set of objects change in an editor in minutes.

Cách xuất SVG

1
Chọn khu vực
Vẽ một hình chữ nhật hoặc đa giác trên bản đồ tương tác tại osm2cdr.ru
2
Chọn SVG
Chọn SVG (Scalable Vector Graphics) từ danh sách 127 định dạng xuất khả dụng
3
Xuất
Nhấn Xuất và nhận tệp .svg của bạn trong 1-5 phút
4
Tải xuống
Tải tệp SVG đã sẵn sàng và mở trong Adobe Illustrator

Cách mở tệp sau khi xuất

Bản đồ phổ biến ở định dạng SVG

Miễn phí

Nhận bản đồ xuất ở định dạng SVG (Scalable Vector Graphics)

Tải bản đồ SVG chuyên nghiệp từ OpenStreetMap. Tạo tức thì, bất kỳ khu vực nào.

Miễn phí / lần xuất
Xuất SVG ngay →

Câu hỏi thường gặp

Tôi có thể mở SVG trong trình duyệt không? ▼
SVG có phù hợp để in không? ▼
Tôi có thể chỉnh sửa tệp SVG không? ▼
Are the labels text or curves? ▼
Are the map layers preserved? ▼
Why is the file so big? ▼
Can I highlight map objects on a website? ▼

So sánh với các định dạng khác

Convert to SVG and back

SVG guides and tutorials

Định dạng liên quan

Thường được xuất cùng nhau

Related Articles