图片无限放大也不会模糊的秘密,矢量图的那些事
myzbx 2025-04-27 15:08 3 浏览
当你想在你的文档或者幻灯片中插入一个图片,感觉图片太小排版不太美观,我们放大一下图片,发现图片因为放大而变得模糊,严重影响视觉感受。这个视频我会告诉如何让图片放大、再放大都不会失真的方法。
首先我们先来了解一下图片为什么放大后会变得模糊失真,我们平时经常使用的jpg、png 等格式的图片都是位图。位图当放大到一定倍数之后便会出现失真的问题。因为位图是由一个一个的像素组成。当放大位图时,可以看见构成整个图像的无数单个像素块。
那么,什么样的图片放大很多倍以后也不会模糊失真呢?是矢量图。比如 eps、svg 等格式就是矢量图。
所谓矢量图,就是使用直线和曲线来描述的图形,构成这些图形的元素是一些点、线、矩形、多边形、圆和弧线等,它们都是通过数学公式计算获得的,具有编辑后不失真的特点。
如果我们在文档或幻灯片中使用矢量图就可以随意的放大了,那么我们应该去哪里会获取矢量图呢?接下来我汇总了几个非常好用且资源丰富的矢量图素材网站。
阿里巴巴矢量图标库
- https://www.iconfont.cn/
- Iconfont-阿里图标库 一个国内功能很强大且图标内容很丰富的矢量图标库 ——超人欧巴的好用工具分享
undraw
- https://undraw.co/illustrations
- 一个提供完全免费的 SVG/PNG 图片素材的站点,网站由 KaterinaLimpitsouni 创建创办,该网站所有的素材图片遵循 MIT 协议许可(开源协议),网站不断更新 SVG 图像素材,并完全免费使用。更赞的是,你还可以一键换色!点击右上方的颜色选项,选择预先设定好的几个颜色选项或在取色器中鼠标自定义/键入色值,点击确定后可以实时看到色彩方案效果。
freepik
- https://www.freepik.com/home
- Freepik 是非常受欢迎的免费素材网站之一,其中提供了超过大量的优质素材,其中包含的矢量素材数量极其惊人。你可以在 Freepik 下载可供个人和商业项目使用的免费素材。
DrawKit
- https://drawkit.com/
- DrawKit 是一个免费矢量插画网站,目前包含40多个免费插画、20个插画合集、100个模块化插画组件,其中免费插画会提供无彩色及彩色2种风格样式、插画合集和插画组件属于收费内容,会包含多种风格。
Humaaans
- https://www.humaaans.com/
- Humaaans 提供了免费可商用的插画素材,可以自定义人物姿势、发型和服装。除了有免费的人物插画编辑库,场景及人物造型等的元素都可以随意切换编辑,而且可以下载为向量格式的文件(.svg),在Al上使用十分非常方便,是拯救新手的插画神器。
Mixkit
- https://mixkit.co/free-stock-art/
- Mixkit Art收录的是很好看的艺术图案和插画,这些图案都有着非常强烈的配色,加上简单、舒服的构图设计,依照网站授权说明,网站上所有插图皆能免费下载、自由使用,无论是商业或非商业用途,亦可复制、修改或公开播放等等,没有规定必须标注来源。
Stubborn Generator
- https://craftwork.design/checkout/
- Stubborn.fun 是插插画生成器,具有令人难以置信的25个酷角色和50个背景。使用Sketch组件和Figma组件自定义插图。所有组件都是矢量并仔细分组。此外,它绝对免费用于商业和个人用途。
Iradesign
- https://iradesign.io/
- 能够提供多种渐变色矢量图插画素材,是iradesign最大的优点,对色彩有特殊要求的朋友,可以格外关注。
但是如果我们的图片素材不是矢量图怎么办?我们可以把位图转换为矢量图。
我给大家提供几种转换方法:
PhotoShop转换
- 打开一张图片,通过魔术棒工具选取需要矢量化的图形部分,或者直接用钢笔工具绘制路径
- 选取后点击右键,选择建立工作路径
- 在蒙版菜单点击建立矢量蒙版
- 另存为EPS格式文件,选择默认选项,这样就把一张位图转化为矢量图形了
Adobe Illustrator图像描摹
- 用软件打开图像
- 鼠标单击选择图像,找到菜单栏上的图像描摹菜单
- 选择素描图稿,可以看到最终效果,但这一步还没有将图片转为矢量图形
- 点击菜单栏上扩展按钮,将对象转化为路径,这样就可以进行矢量编辑了
CorelDRAW轮廓描摹
- 新建空白文件,点击文件菜单栏-导入位图文件
- 点击位图菜单,在弹出菜单中选择轮廓描摹-线条图
- 在弹出的窗口中调整细节、平滑、拐角平滑度等参数来达到最佳效果
- 如果需要导入图片的内容不一样,我们还可以选择不同的图像类型效果,看哪一种效果更接近原图
- 点击确定按钮,一张位图就转化为了矢量图形
推荐两个位图转矢量图神器
VECTOR MAGIC和Inkscape
在线位图转换矢量图的网站:
- https://www.vectorizer.io/
- https://www.aconvert.com/image/ 最推荐
- https://products.aspose.app/svg/zh/image-vectorization
- https://convertio.co/zh/
其实也不是说矢量图就要比位图要好,我们还是要分不同的场景去选择「矢量图」和平常我们所见的「位图」有什么区别
如果你还有其他使用矢量图的方法,可以在评论区分享讨论。最后,如果你喜欢这篇文章,不要忘了点个关注,你的鼓励对我非常的重要, 我是分享知识,持续提升的格物时间,我们下期不见不散。
相关推荐
- 建模大神都在用的软件,哝晓得不?
-
各位宝宝们,阿瑶又来啦!一日不见,甚是想念。今天阿瑶这篇文章是个连载文章连载四天大家走过路过不要错过哦!今天阿瑶先给大家来讲一讲Maya建模类型中的第一个多边形建模。各位宝宝们,赶紧拿好你们的小板凳,...
- 神器推荐 | 制作多边形网格从此不用愁
-
近来许多大数据分析、网络社群方面的PPT,特别喜欢使用多边形网格作为修饰,借以表示连接、关系、节点等抽象概念,比如▼虽然使用PPT自带的图形工具也能做出来,但是纯手工绘制那是相当耗时耗力,谁用谁知道▼...
- 谷歌最强推理模型gemini2.5pro登场,强的离谱~
-
25号晚上,谷歌直接放了一个大招,直接推出了gemini2.5pro的下一代推理模型。强到什么程度,据官网介绍的,在一系列需要高级推理的基准测试中都处于领先地位,并且是甩掉了后面模型一大截的差距。就好...
- 设计大神不传之秘,这个PPT隐藏的排版神器,让你提前1小时下班
-
最近好多学员在群里给我吐槽,说做工作汇报的时候经常碰到一大堆文字的时间轴页面,不管怎么排版都感觉又乱又丑,一眼看不到重点,就像这样:如果随便找一张模板套上去,很有可能显得浮夸:不如找来一张折线图,上升...
- 网站分享 | 想要作品有创意?不如学学如何玩转半色调吧
-
正当你想要为自己的设计作品增添新的创意元素发愁时,不如试试「半色调」能否给你带来新的灵感!什么是半色调?半色调又称灰度级,它是反映图像亮度层次、黑白对比变化的技术指标。也就是通过运用点、条纹或其他形...
- 想做半色调+低多边形+条纹效果?这个网站帮你一键生成!
-
如果想要为设计作品增添一些新意的元素,或许今天这个「矢量半色调」网站能带给你一些启发!什么是「半色调」效果呢,「半色调」是指运用点、条纹或其他形状的图案,根据元素大小或者疏密的不同,从而构成从远处看起...
- Excalidraw-免费的白板应用,能够画各种流程图架构图
-
一款完全免费的手绘风格绘图在线应用,能快速画出漂亮的流程图、示意图甚至是图表。关于ExcalidrawExcalidraw是一款轻量的手绘风格电子白板在线应用,无论是Windows/macO...
- 时间轴动画怎么加才惊艳?简单,腾讯御用PPT设计师直接爆料
-
大家应该收集或者见过很多不错的时间轴的页面设计吧?时间轴算是PPT制作中经常遇到的页面类型,个人述职、项目路演、企业介绍等等,都会用到时间轴来让用户更加直观地了解个人或公司。比如腾讯的时间轴页:又比如...
- 图片无限放大也不会模糊的秘密,矢量图的那些事
-
当你想在你的文档或者幻灯片中插入一个图片,感觉图片太小排版不太美观,我们放大一下图片,发现图片因为放大而变得模糊,严重影响视觉感受。这个视频我会告诉如何让图片放大、再放大都不会失真的方法。首先我们先来...
- 用热搜的方式打开推文?
-
热搜,向来是全民瞩目的焦点。要是把热搜元素融入到推文之中,那推文的趣味性必定直线上升!想必大家都很好奇,怎样在SVG交互推文中打造出热搜效果呢?不少品牌方账号中,90%以上的内容都采用了SVG,交...
- 羊角螺线如何应用到平面设计中?
-
羊角螺线是一段数学函数曲线。多用作缓和曲线,缓和直路线与圆曲路线之间曲线变化的作用。羊角螺线的特点是,从坐标原点开始,起始曲率为0,函数曲线的曲率呈线性增长。也就是说,羊角螺线可以完美链接直线与任何圆...
- cad转svg的软件有哪些?为你介绍这四个软件
-
cad转svg的软件有哪些?CAD(计算机辅助设计)是一种广泛使用的工具,用于创建和修改设计图纸。SVG(可缩放矢量图形)是一种开放标准,用于在Web上显示矢量图形。CAD转SVG是将CAD图纸转换为...
- 图片格式那么多,哪种更适合你?
-
本文介绍和比较几种常见图片文件格式的优缺点,并介绍不同的文件格式对Web应用程序性能的影响。有损vs无损图片文件格式有可能会对图片的文件大小进行不同程度的压缩,图片的压缩分为有损压缩和无损压缩两种。有...
- 一篇文章教会你使用SVG 画多边形
-
作者:前端进阶者来源:前端进阶学习交流大家好,我是前端进阶者。polygon元素定义了一个由一组首尾相连的直线线段构成的闭合多边形形状,最后一点连接到第一点。元素通常用于绘制具有多个(3个或更多)...
- SVG 绘制曲折线
-
本节我们来学习如何在SVG中绘制曲折线,绘制曲折线可以使用<polyline>元素来实现。如何绘制曲折线曲折线就是通过一系列的直线连接多个点,然后组合成任意形状。曲折线可以通过S...
- 一周热门
- 最近发表
- 标签列表
-
- HTML 基础教程 (29)
- HTML 简介 (30)
- HTML 响应式设计 (31)
- HTML URL 编码 (32)
- HTML Web 服务器 (31)
- HTML 表单属性 (32)
- HTML 音频 (31)
- HTML5 支持 (33)
- HTML API (36)
- HTML 总结 (32)
- HTML 全局属性 (32)
- HTML 事件 (31)
- HTML 画布 (32)
- HTTP 方法 (30)
- 键盘快捷键 (30)
- CSS 语法 (35)
- CSS 选择器 (30)
- CSS 轮廓 (30)
- CSS 轮廓宽度 (31)
- CSS 谷歌字体 (33)
- CSS 链接 (31)
- CSS 中级教程 (30)
- CSS 定位 (31)
- CSS 图片库 (32)
- CSS 图像精灵 (31)