MapPoster Online 是一款免费的在线城市地图海报生成工具，可以把北京、东京、巴黎等城市的真实地图渲染成艺术海报，并支持 8 种海报尺寸（iPhone 手机壁纸、A4 竖版/横版、方形、16:9 桌面等）以及 PNG 1X/2X、SVG 三种导出方式。其中 A4 尺寸按 210×297mm 换算到 2480×3508 像素，正好达到 300 DPI 的印刷级标准——本指南带你一次搞懂怎么选尺寸、怎么挑导出格式。

8 种海报尺寸一览表：手机壁纸到 A4 印刷全覆盖

打开页面后，在左侧「海报尺寸」面板（组件源码见 poster-size-selector.tsx）即可点击切换，所有尺寸定义集中在 App.tsx：

中文界面下的尺寸文案来自国际化文件 messages/zh.json。下面这张北京地图海报，正是标准的A4 竖版 2480×3508输出：

300 DPI 印刷级是怎么算出来的？

很多人不知道「300 DPI」和像素数的关系，其实一步就能算明白：

A4 纸 = 210mm × 297mm，300 DPI ≈ 每毫米 11.81 个像素

• 宽：210 × 11.81 ≈2480 px
• 高：297 × 11.81 ≈3508 px

所以 MapPoster Online 的 A4 竖版固定输出 2480×3508 像素，横版只是把宽高对调（3508×2480）。拿这张图去印刷店，选「原尺寸 / 100%」打印 A4 纸，细节最完整、不会模糊放大。

同理，3000×3000 的方形海报按 300 DPI 输出约为 25.4cm × 25.4cm 见方，适合做正方形台历页或明信片。

按使用场景选尺寸：一步到位不纠结

不用记像素，按「最终在哪里看」选就行：

• 📱当手机壁纸→ 选iPhone (19.5:9)，1500×3200 覆盖主流全面屏，长按屏幕即可设为壁纸
• 💻当电脑桌面→ 选横幅海报 (16:9)，3840×2160 在 4K 屏上是 1:1 原像素显示
• 🖨️要打印→ 选 A4 竖版/横版，直接得到 300 DPI 印刷级分辨率
• 📸发社交媒体→ 选方形海报 1:1，朋友圈、微博、小红书都不裁边

导出格式怎么选：1X、2X 还是 SVG？

点击顶部的「下载海报」按钮，会弹出三个选项（下载菜单源码见 app-header.tsx）：

一句话决策：屏幕上看选 1X，要放大或打印选 2X，要后期设计选 SVG（SVG 与 PNG 效果可能有细微差异，以下载后实际效果为准）。导出逻辑统一由 App.tsx 的 handleDownload 处理，文件名会带上城市与配置信息，方便你归档多张海报。

在线展示想更省流量？压缩版同样清晰

如果海报只是放在网页、公众号里做插图，不需要完整像素的 PNG。项目 docs 目录内置了一整套 WebP 压缩版示例（约 2.4MB 压到更小的同时保持 2480×3508 分辨率），例如北京压缩版：

这正对应 1X 导出「在线展示」的定位：屏幕显示根本吃不满 3000 像素，1X PNG 或 WebP 就已经足够锐利。

相关源码与文档索引

• 尺寸数据结构PosterSize与默认尺寸表：src/lib/types.ts
• 尺寸选择面板 UI：src/components/poster-size-selector.tsx
• 下载菜单（1X / 2X / SVG）：src/components/app-header.tsx
• 中文文案（尺寸名、导出说明）：messages/zh.json
• 渲染与缩略预览：src/components/artistic-map.tsx、src/components/map-preview.tsx

常见问题速答

Q：打印出来会糊吗？不会。A4 尺寸输出 2480×3508，就是 210×297mm 的 300 DPI 标准印刷分辨率；追求更高留白质量可再叠加 2X 导出。

Q：为什么 2X 导出明显变慢？像素量翻倍后，WASM 渲染管线（源码在 wasm/src/renderer.rs）的计算量随之上升，官方标注耗时约为 1X 的 2.5 倍以上，耐心等待即可。

Q：手机壁纸比例和手机不一致会怎样？会裁切或拉伸。iPhone 选项的 19.5:9 已覆盖主流全面屏；如果你的机型是更窄的长屏，选竖版海报 (9:16)再手动微调也是可行方案。

Q：想要横着打印的 A4？直接在尺寸面板切到A4 横版 (1.414:1)，输出 3508×2480 的 300 DPI 横版海报。

小结

记住这张「决策卡」就能覆盖 90% 的需求：看手机 → iPhone 19.5:9；看电脑 → 16:9；发社交 → 方形 1:1；要打印 → A4 竖版/横版（天然 300 DPI）；屏幕使用选 1X、打印高分屏选 2X、二次编辑选 SVG。选对尺寸和格式，你生成的城市地图海报就能从一张截图直接变成挂墙作品。