什么是 SVG 文件?
SVG(可缩放矢量图形)与其他图像格式有着根本的不同。JPEG、PNG 和 WEBP 将图像存储为彩色像素网格(光栅),而 SVG 将图像描述为在 XML 代码中定义的数学形状(圆形、矩形、路径、曲线和文本)。
这意味着 SVG 图像:
- 无限缩放 — 缩放至 10,000%,没有任何像素化或模糊
- 文件大小很小 — PNG 时 500 KB 的徽标可能是 SVG 5 KB
- 可作为文本编辑 — 在任何文本编辑器中打开以更改颜色、大小、形状
- 与分辨率无关 — 在任何屏幕密度(手机、平板电脑、4K 电视)上看起来都很完美
SVG 是徽标、图标、插图、图表、地图以及任何需要在任何尺寸下都清晰可见的图形的标准格式。
SVG 文件从何而来
设计工具: Figma、Adobe Illustrator、Sketch、Inkscape 和 Canva 将设计导出为 SVG 以供 Web 和应用程序使用。
图标库: Material Icons、Font Awesome、Heroicons 和数千个图标包以 SVG 文件形式分发。
网络下载: 从网站下载的徽标、插图和图形通常是 SVG(右键单击 → 另存为)。
开发人员资产: Android 应用程序开发人员使用 SVG(转换为 VectorDrawable)作为应用程序图标和 UI 元素。
数据可视化: 来自 D3.js、Chart.js 和 Tableau 等工具的图表、图形和信息图表导出为 SVG。
地图: OpenStreetMap 导出、自定义地图和地理可视化使用 SVG。
印刷设计: 徽标和品牌资产以 SVG 形式分发,以实现可扩展的复制。
在 Android 上查看 SVG
AnExplorer 以两种方式处理 SVG 文件:
视觉渲染(照片查看器):
- 导航到 AnExplorer 中的 SVG 文件
- 点击打开 — 矢量图形在查看器中呈现
- 放大 — 图像在任何放大倍数下都保持完美清晰
- 无论变焦多远,都不会像素化、不会模糊
代码视图(文本编辑器):
1.长按SVG文件→打开方式→文本编辑器
2.查看XML源代码
3.编辑颜色(将fill="#FF0000"更改为任何十六进制颜色)
4. 修改大小、位置或添加/删除元素
5. 保存 — 再次查看时更改会立即反映
使用 AnExplorer 管理 SVG 文件
浏览和整理:
- SVG 文件在文件列表中显示矢量图形图标
- 按名称、日期或大小排序
- 创建文件夹以按项目进行组织(徽标、图标、插图)
- 重命名文件以更好地组织
转发分享:
- 通过 Device Connect 将 SVG 文件发送到 PC(设计师通常在桌面上工作)
- 上传至 Google Drive、Dropbox 以进行团队协作
- 复制到 NAS 以进行设计资产存档
- 通过电子邮件或消息共享(SVG 文件很小 - 通常小于 100 KB)
归档操作:
- 从图标包档案中提取 SVG 文件(包含数百个 SVG 的 ZIP)
- 将 SVG 集合压缩为 ZIP 以便共享
- 浏览包含 SVG 文件的档案而不解压
编辑为代码:
- 在AnExplorer的内置文本编辑器中打开
- SVG 是 XML — 人类可读和可编辑
- 更改颜色:找到
fill="..."或stroke="..."属性 - 更改大小:修改
width和height属性 - 删除元素:删除
<path>、<circle>或<rect>标签
图形的 SVG、PNG、PDF
| 方面 | SVG | 巴布亚新几内亚 | |
|---|---|---|---|
| 类型 | 向量(数学) | 光栅(像素) | 两者(可以包含其中之一) |
| 可扩展性 | ✅ 无限 | ❌ 固定分辨率 | ✅ 如果矢量内容 |
| 文件大小(徽标) | 〜5-50 KB | 〜50-500 KB | 〜10-100 KB |
| 透明度 | ✅ | ✅ | ✅ |
| 图片内容 | ❌ 不适合 | ✅ | ✅ |
| 可编辑为文本 | ✅ (XML) | ❌ | ❌ |
| 安卓支持 | ✅ | ✅ | ✅(PDF 查看器) |
| 网络标准 | ✅(浏览器原生) | ✅ | ❌(需要查看器) |
何时使用 SVG: 徽标、图标、插图、图表、UI 元素 - 任何非照片的内容。 何时使用 PNG: 屏幕截图、透明照片、固定尺寸的光栅图形。 何时使用 PDF: 文档、多页内容、可打印的文件。
Android 上的常见用例
管理图标包
设计师和开发人员使用图标库: 1.下载图标包(通常是包含数百个SVG的ZIP) 2. 使用 AnExplorer 的存档管理器提取 3. 浏览 SVG 文件 — 查看缩略图以找到正确的图标 4. 将所需图标复制到您的项目文件夹中 5.或者使用前在文本编辑器中打开自定义颜色
查看团队的设计资产
当协作者共享设计文件时:
- 通过电子邮件、云共享或 Device Connect 接收 SVG 文件
- 在AnExplorer中打开预览设计
- 检查颜色、布局和内容
- 如果需要,转发到桌面进行详细编辑
在移动设备上编辑 SVG 颜色
无需设计工具即可快速更改颜色:
- 在 AnExplorer 的文本编辑器中打开 SVG
- 搜索
fill="#以查找颜色定义 - 替换十六进制颜色代码(例如
#FF0000→#0066CC) - 保存 — 在查看器中打开以验证更改 5.分享修改后的SVG
开发人员工作流程
使用矢量资源的 Android 开发人员: 1.从Material Design或其他库下载SVG图标 2. 在AnExplorer中预览以验证它们是否正确 3.通过Device Connect传输到开发机 4. 转换为 VectorDrawable XML 以在 Android 应用程序中使用
SVG 文件大小
与光栅文件相比,SVG 文件非常小:
| 内容 | SVG 尺寸 | PNG 等效值 (1024px) |
|---|---|---|
| 简单的标志 | 2-10 KB | 50-200 KB |
| 复杂的图标 | 5-30 KB | 100-500 KB |
| 详细图解 | 50-500 KB | 1-5 MB |
| 地图/图表 | 100 KB - 2 MB | 2-10 MB |
这使得 SVG 成为存储大型图标库的理想选择 — 1,000 个 SVG 图标总计可能为 10 MB,而与 PNG 相同则为 500 MB 以上。
相关指南
- 在 Android 上打开 PNG 文件 — 光栅图像格式
- 在 Android 上打开 PDF 文件 — 文档格式
- 文本编辑器 — 直接编辑 SVG 代码
- 存档管理器 — 提取图标包存档
