V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
mahaonan1994
V2EX  ›  问与答

如何把 svg 文件从 40KB 缩小到 5KB?

  •  
  •   mahaonan1994 · 2020-11-29 10:25:15 +08:00 · 3295 次点击
    这是一个创建于 1485 天前的主题,其中的信息可能已经有所发展或是发生改变。

    模仿 google 做了个 logo,想用 svg 格式的,但是做出来之后文件有点大,怎样可以把图片里的字母从图片格式改为文本格式来让文件更小呢?
    或者有没有其他办法可以把这个文件缩小到 5KB 左右呢? logo

    第 1 条附言  ·  2020-11-29 12:06:40 +08:00
    感谢大家的回复,我用 photopea 重新做了一个,不加颜色文件不到 1K,加了颜色是 6k
    ![logo]( https://userfairness.com/wp-content/uploads/2020/11/2yuansvip.svg)
    22 条回复    2020-11-30 14:24:57 +08:00
    lonewolfakela
        1
    lonewolfakela  
       2020-11-29 10:33:26 +08:00
    你这压根就不是个矢量图,而是在 svg 里又插了个点阵图……你用什么工具生成的啊……
    你要是真打算用点阵图的话还不如直接用 png 甚至 jpg……
    kokutou
        2
    kokutou  
       2020-11-29 10:34:45 +08:00 via Android
    gif 。。。
    这没几个颜色应该可以吧
    mahaonan1994
        3
    mahaonan1994  
    OP
       2020-11-29 10:41:08 +08:00
    @lonewolfakela 感谢大佬回复!
    我用 https://www.festisite.com/logo/google/ 这个网站生成的
    icyalala
        4
    icyalala  
       2020-11-29 10:43:38 +08:00   ❤️ 1
    要是矢量 svg 远远到不了 5K 。
    png 压到 5K 会损失些边缘细节: https://i.loli.net/2020/11/29/2JGA65sWiPK4oVD.png
    lonewolfakela
        5
    lonewolfakela  
       2020-11-29 10:49:19 +08:00   ❤️ 1
    @mahaonan1994 所以要不你还是弄个 Adobe Illustrator 之类的软件照着这个样子做一个矢量 svg 吧。
    mahaonan1994
        6
    mahaonan1994  
    OP
       2020-11-29 10:51:49 +08:00
    @icyalala 感谢大佬!
    请问 30 块红包可以帮我转成 svg 格式的文件吗?我用来做网站 logo 的
    可以的话请加我 wx twoyuansvip
    mahaonan1994
        7
    mahaonan1994  
    OP
       2020-11-29 10:54:59 +08:00
    @lonewolfakela 感谢大佬指导!
    我现在只带了一个 chromebook,装不了 adobe /cry
    tonyrft
        8
    tonyrft  
       2020-11-29 11:07:35 +08:00   ❤️ 1
    @mahaonan1994
    可以用 Figma
    mahaonan1994
        9
    mahaonan1994  
    OP
       2020-11-29 11:15:09 +08:00
    @tonyrft 感谢!我去学习一下,祝早日暴富~
    wangpao
        10
    wangpao  
       2020-11-29 11:23:54 +08:00 via iPhone   ❤️ 1
    @mahaonan1994 对的,figma 画一下就好了,里面不要嵌入位图
    chihiro2014
        11
    chihiro2014  
       2020-11-29 12:05:02 +08:00   ❤️ 1
    squoosh ?这个好像可以
    mahaonan1994
        12
    mahaonan1994  
    OP
       2020-11-29 12:22:43 +08:00
    @wangpao 感谢大佬!我是个纯小白,正在学习如何用,祝早日暴富!
    @chihiro2014 感谢大佬!我研究一下这个,好像还支持 pwa,对 chromeboon 太友好了
    siknet
        13
    siknet  
       2020-11-29 13:06:21 +08:00 via Android
    用 ai 自己描咯,要不晚点我帮你弄,还在吃饭
    mahaonan1994
        14
    mahaonan1994  
    OP
       2020-11-29 13:11:24 +08:00 via Android
    @siknet 感谢回复🙏已经弄好啦
    P233
        15
    P233  
       2020-11-29 13:11:29 +08:00
    svgo 再压缩下
    otakustay
        16
    otakustay  
       2020-11-29 22:24:19 +08:00   ❤️ 1
    svgo 可以压到 4KB 大小 https://jakearchibald.github.io/svgomg/
    mahaonan1994
        17
    mahaonan1994  
    OP
       2020-11-29 22:51:48 +08:00
    @P233
    @otakustay
    感谢,确实有效,直接变 4k 了!
    indev
        18
    indev  
       2020-11-30 02:00:58 +08:00   ❤️ 1
    @mahaonan1994 没做到 4 KB,弄了个 5 KB 的,gzip 后是 2.4 KB
    https://cowtransfer.com/s/07e305752ba041
    mahaonan1994
        19
    mahaonan1994  
    OP
       2020-11-30 08:46:15 +08:00 via Android
    @indev 感谢大佬回复!方便问一下你这个是怎么实现的吗?
    chihiro2014
        20
    chihiro2014  
       2020-11-30 13:18:46 +08:00   ❤️ 1
    @mahaonan1994 唯一不好的地方在于,自己想自行部署,都不知道怎么部署,只能靠 pwa 活着
    indev
        21
    indev  
       2020-11-30 14:16:00 +08:00 via Android   ❤️ 1
    @mahaonan1994 把你帖子里的图片截屏了一下,然后在 illustrator 里用 image trace,另存为 svg 。你原来的 svg 文件虽然可以预览,但在 illustrator 里面打开提示是空文档,不明白原因
    mahaonan1994
        22
    mahaonan1994  
    OP
       2020-11-30 14:24:57 +08:00
    @indev 感谢,祝早日暴富!
    可能因为我这个 svg 是假的吧,实质可能是个 png 文件
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1593 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 23ms · UTC 16:46 · PVG 00:46 · LAX 08:46 · JFK 11:46
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.