模仿 google 做了个 logo,想用 svg 格式的,但是做出来之后文件有点大,怎样可以把图片里的字母从图片格式改为文本格式来让文件更小呢?
或者有没有其他办法可以把这个文件缩小到 5KB 左右呢?
1
lonewolfakela 2020-11-29 10:33:26 +08:00
你这压根就不是个矢量图,而是在 svg 里又插了个点阵图……你用什么工具生成的啊……
你要是真打算用点阵图的话还不如直接用 png 甚至 jpg…… |
2
kokutou 2020-11-29 10:34:45 +08:00 via Android
gif 。。。
这没几个颜色应该可以吧 |
3
mahaonan1994 OP |
4
icyalala 2020-11-29 10:43:38 +08:00 1
要是矢量 svg 远远到不了 5K 。
png 压到 5K 会损失些边缘细节: https://i.loli.net/2020/11/29/2JGA65sWiPK4oVD.png |
5
lonewolfakela 2020-11-29 10:49:19 +08:00 1
@mahaonan1994 所以要不你还是弄个 Adobe Illustrator 之类的软件照着这个样子做一个矢量 svg 吧。
|
6
mahaonan1994 OP |
7
mahaonan1994 OP @lonewolfakela 感谢大佬指导!
我现在只带了一个 chromebook,装不了 adobe /cry |
8
tonyrft 2020-11-29 11:07:35 +08:00 1
@mahaonan1994
可以用 Figma |
9
mahaonan1994 OP @tonyrft 感谢!我去学习一下,祝早日暴富~
|
10
wangpao 2020-11-29 11:23:54 +08:00 via iPhone 1
@mahaonan1994 对的,figma 画一下就好了,里面不要嵌入位图
|
11
chihiro2014 2020-11-29 12:05:02 +08:00 1
squoosh ?这个好像可以
|
12
mahaonan1994 OP |
13
siknet 2020-11-29 13:06:21 +08:00 via Android
用 ai 自己描咯,要不晚点我帮你弄,还在吃饭
|
14
mahaonan1994 OP @siknet 感谢回复🙏已经弄好啦
|
15
P233 2020-11-29 13:11:29 +08:00
svgo 再压缩下
|
16
otakustay 2020-11-29 22:24:19 +08:00 1
svgo 可以压到 4KB 大小 https://jakearchibald.github.io/svgomg/
|
17
mahaonan1994 OP |
18
indev 2020-11-30 02:00:58 +08:00 1
|
19
mahaonan1994 OP @indev 感谢大佬回复!方便问一下你这个是怎么实现的吗?
|
20
chihiro2014 2020-11-30 13:18:46 +08:00 1
@mahaonan1994 唯一不好的地方在于,自己想自行部署,都不知道怎么部署,只能靠 pwa 活着
|
21
indev 2020-11-30 14:16:00 +08:00 via Android 1
@mahaonan1994 把你帖子里的图片截屏了一下,然后在 illustrator 里用 image trace,另存为 svg 。你原来的 svg 文件虽然可以预览,但在 illustrator 里面打开提示是空文档,不明白原因
|
22
mahaonan1994 OP @indev 感谢,祝早日暴富!
可能因为我这个 svg 是假的吧,实质可能是个 png 文件 |