在 Android 上打开 SVG 文件 — 查看矢量图形

在 Android 上打开 SVG 文件 — 查看矢量图形

最后更新 :

什么是 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 文件:

视觉渲染(照片查看器):

  1. 导航到 AnExplorer 中的 SVG 文件
  2. 点击打开 — 矢量图形在查看器中呈现
  3. 放大 — 图像在任何放大倍数下都保持完美清晰
  4. 无论变焦多远,都不会像素化、不会模糊

代码视图(文本编辑器): 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="..."属性
  • 更改大小:修改widthheight属性
  • 删除元素:删除 <path><circle><rect> 标签

图形的 SVG、PNG、PDF

方面SVG巴布亚新几内亚PDF
类型向量(数学)光栅(像素)两者(可以包含其中之一)
可扩展性✅ 无限❌ 固定分辨率✅ 如果矢量内容
文件大小(徽标)〜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.或者使用前在文本编辑器中打开自定义颜色

查看团队的设计资产

当协作者共享设计文件时:

  1. 通过电子邮件、云共享或 Device Connect 接收 SVG 文件
  2. 在AnExplorer中打开预览设计
  3. 检查颜色、布局和内容
  4. 如果需要,转发到桌面进行详细编辑

在移动设备上编辑 SVG 颜色

无需设计工具即可快速更改颜色:

  1. 在 AnExplorer 的文本编辑器中打开 SVG
  2. 搜索fill="#以查找颜色定义
  3. 替换十六进制颜色代码(例如 #FF0000#0066CC
  4. 保存 — 在查看器中打开以验证更改 5.分享修改后的SVG

开发人员工作流程

使用矢量资源的 Android 开发人员: 1.从Material Design或其他库下载SVG图标 2. 在AnExplorer中预览以验证它们是否正确 3.通过Device Connect传输到开发机 4. 转换为 VectorDrawable XML 以在 Android 应用程序中使用

SVG 文件大小

与光栅文件相比,SVG 文件非常小:

内容SVG 尺寸PNG 等效值 (1024px)
简单的标志2-10 KB50-200 KB
复杂的图标5-30 KB100-500 KB
详细图解50-500 KB1-5 MB
地图/图表100 KB - 2 MB2-10 MB

这使得 SVG 成为存储大型图标库的理想选择 — 1,000 个 SVG 图标总计可能为 10 MB,而与 PNG 相同则为 500 MB 以上。

相关指南

常见问题

版权 © DWorkS 2011 – 2026 版权所有