将安卓XML图标转换成SVG图片

将安卓XML图标转换成SVG图片

首先要明确的是,安卓XML格式的图标其实是XML矢量图片,与SVG图片及其类似,同根同源。

介绍SVG

缩放矢量图形(英语:Scalable Vector Graphics,即SVG)是一种基于可扩展标记语言XML,用于描述二维矢量图形的图形格式。

.svg格式相对于.jpg、.png甚至.webp具有较多优势:

  • 图像与分辨率无关,不会变形,适配安卓的各种分辨率;

  • 省空间。体积小,一般复杂图像也能在100KB内搞定,图标更不在话下。

转换方法

手动转换

  1. 将头部的:
1
2
<?xml version="1.0" encoding="utf-8"?>
<vector xmlns:android="http://schemas.android.com/apk/res/android"

替换成

1
<svg xmlns="http://www.w3.org/2000/svg"

闭标签也做相应修改。

  1. android:width替换成width

  2. android:height替换成height

  3. android:pathData替换成d

  4. android:fillColor替换成fill

如果没有android:fillcolor的话,要加上fill="#ffffff"

  1. android:viewportHeight="24" android:viewportWidth="24"替换成viewBox="0 0 24 24"的形式。

自动转换

显而易见,手动转换及其的费时费力,且易出差错。

我将带来我个人开发的全自动图标转换器:Image Convert

目前项目稳定运行,服务器开销不小,大家多多支持。


将安卓XML图标转换成SVG图片
https://blog.qingyi-studio.top/2023/09/25/将安卓XML图标转换成SVG图片/
作者
Grey-Wind
发布于
2023年9月25日
更新于
2024年8月27日
许可协议