SVG - 值得一看 - 第2页

矢量图和位图有什么区别？从放大锯齿到文件体积的底层逻辑

矢量图用路径描述形状，缩放不失真；位图由像素组成，放大容易锯齿。选择取决于内容类型：Logo与图标适合矢量，照片与复杂纹理适合位图。

值得一看 7天前 0

SVG和PNG的区别是什么？图标交付选哪个更合适

SVG是矢量格式，可无限缩放且便于在网页中改色；PNG是位图格式，适合复杂纹理与需要像素级呈现的内容。图标线稿多用SVG，图片特效多用PNG。

值得一看 7天前 0

Figma导出图片太模糊？从像素对齐到导出倍率的6步排查

Figma里看着清晰，导出后却发糊，常见原因是半像素、缩放链路与导出倍率不匹配。本文给一套从快到慢的6步排查方法，并附常用导出建议。

教程分享 1个星期前 0

Illustrator 导出 SVG 文字变形/丢字体：3种稳妥交付方案

解决 AI 导出 SVG 后文字变形、字体丢失、客户端无法正确显示的问题。给出转曲、嵌入替换与交付规范 3 种可靠方案。

教程分享 1个星期前 0

SVG缩略图插件补丁

我们知道要查看SVG格式的素材，需要拖到浏览器预览，一两个还好，要是多个查找起来就麻烦了，素材君分享一个能直接SVG缩略图的插件，有类似困恼的同学快收藏

设计经验 2018-08-31 0

thedoodlelibrary：涂鸦图标素材站

一个有趣的表情素材站，涂鸦风格、简单有趣，提供 SVG 格式下载，可在文章插图、视觉故事、WEB UI 、Banner或聊天表情上使用免费使用，并且持续更新。

设计经验 2018-08-20 0

Hero Patterns：免费平铺底纹素材站

一个免费提供高质量平铺底纹下载站，能自定义背景色，可以输出SVG矢量格式和CSS样式

设计经验 2018-04-01 0

可自定义 SVG 背景免费素材站

一个专门分享 SVG 背景网站，目前网站有28免费图案，都相当不错。不仅仅是分享 SVG 背景图案这么简单，用户不可以通过左边的「自定义」栏来设计背景的透明度等等，而每个背景的自定义选项会有些不一样，用户...

设计经验 2018-02-22 0

Snowflaker：雪花矢量 SVG 生成工具

Snowflaker 这款工具可以生成35 x 5种雪晶风格的雪花，并且是矢量SVG图像，可直接导入 AI 或 Sketch 等设计软件上使用。

设计经验 2016-12-07 0

Loading加载图标格式SVG，高清不模糊！

今天和大家分享一个以SVG图像为主的loading加载动画，现在移动端网页使用比较多，若还用GIF做loading图片的话，可能会影响图像的质量，所以使用SVG是一个不错的方式。

设计经验 2015-12-14 0

#SVG

矢量图和位图有什么区别？从放大锯齿到文件体积的底层逻辑

SVG和PNG的区别是什么？图标交付选哪个更合适

Figma导出图片太模糊？从像素对齐到导出倍率的6步排查

Illustrator 导出 SVG 文字变形/丢字体：3种稳妥交付方案

SVG缩略图插件补丁

thedoodlelibrary：涂鸦图标素材站

Hero Patterns：免费平铺底纹素材站

可自定义 SVG 背景免费素材站

Snowflaker：雪花矢量 SVG 生成工具

Loading加载图标格式SVG，高清不模糊！

大家都在看

设计笔记

#SVG

矢量图和位图有什么区别？从放大锯齿到文件体积的底层逻辑

SVG和PNG的区别是什么？图标交付选哪个更合适

Figma导出图片太模糊？从像素对齐到导出倍率的6步排查

Illustrator 导出 SVG 文字变形/丢字体：3种稳妥交付方案

SVG缩略图 插件补丁

thedoodlelibrary：涂鸦图标素材站

Hero Patterns：免费平铺底纹素材站

可自定义 SVG 背景免费素材站

Snowflaker：雪花矢量 SVG 生成工具

Loading加载图标格式SVG，高清不模糊！

大家都在看

设计笔记

SVG缩略图插件补丁