使用Inkscape调整svg图片大小
有时候需要个特定大小的svg图片,比如某个按钮的图标或者网页上某个位置的缩略图。有才华的自己可以画,业余选手只能去网络上搜个无版权的,自己动手调整优化了。
Google搜索出来的中文内容,调整svg的图片都是直接编辑源文件(xml文件),简单的图片还好说,复杂的实际操作起来很不方便。开源工具软件Inkscape是你的合理选择之一。
示例过程如下:
1. 下载安装Inksape后,用Inkscape打开你的目标svg图片
下载安装过程省略,按'Ctrl+O'快捷打开svg图片
2. 设置图片大小
-
- 按'Shift+Ctrl+D'快捷键打开 '文件属性' 对话框(当然也可从菜单栏的 '文件'>'文件属性' 打开,主要是快捷键快)。
-
- 设置图片的宽度和高度,如下图所示:
这个示例图片为128px * 128px, 我要改成512px * 512px,两个框都填上512即可,填写完成后关闭对话框(调整即刻生效)
3. 调整图片'内容(元素? 好像专业的叫图层,反正就是你图片的真实内容)大小/位置',如下图所示:
调整图片大小后,往往图片相对背景的位置也变化了,这个时候要调整位置,比如左右上下居中对齐,按照图中的数字操作步骤
- 1 选择所有图层(有的图片有好多层组成,不全部选中无法整体位移);
- 2 确认图层被选中,表现为图层的各个方向冒出可以拖动的图标;
- 3 点3这个地方的按钮,上帝视角观察;
- 4 和 5,就是调整图层居中;
这样一通操作后,图片基本放在合适的位置了。紧接着,可能要调整图层元素大小
-
如果你需要锁定比例大小,把那个锁型图标掉点上(建议一般情况,先把1的那个锁点上,这样不至于把图片弄得过于扭曲))
-
再用鼠标拖动图层的各个方向,调整到合适大小
-
如果需要,再次点击上下左右居中的按钮
4. 另存为保存
这样大小和位置都调整完毕。
当然,你也可以给图片调整颜色、添加辅助线精确调整位置等,非专业人员,我一般情况下用不到,读者可以自行摸索。
最后修改于: Monday, August 28, 2023
版权申明:
- 本站内容全部为原创,未经授权请勿转载(因转载后排版往往错乱、内容不可控、无法持续更新等);
- 非营利为目的,演绎本博客任何内容,请以'原文出处'或者'参考链接'等方式给出本站相关网页地址(方便读者)。
相关文章:
- 实用命令
- 使用mitmproxy给手机app抓包
- Linux安装最新版本Python
- Ubuntu 22.10连接蓝牙耳机报错br-connection-profile-unavailable解决方法
- Minetest试玩
- Gnome任务栏高度更改
- alacritty无法输入中文以及标题栏问题
- Readline常用快捷键
- Ubuntu连接AirPods耳机
- Rime输入法引擎和四叶草输入方案