百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 技术文章 > 正文

图片无限放大也不会模糊的秘密,矢量图的那些事

myzbx 2025-04-27 15:08 19 浏览

当你想在你的文档或者幻灯片中插入一个图片,感觉图片太小排版不太美观,我们放大一下图片,发现图片因为放大而变得模糊,严重影响视觉感受。这个视频我会告诉如何让图片放大、再放大都不会失真的方法。

首先我们先来了解一下图片为什么放大后会变得模糊失真,我们平时经常使用的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最大的优点,对色彩有特殊要求的朋友,可以格外关注。

但是如果我们的图片素材不是矢量图怎么办?我们可以把位图转换为矢量图。

我给大家提供几种转换方法:

  1. PhotoShop转换

    1. 打开一张图片,通过魔术棒工具选取需要矢量化的图形部分,或者直接用钢笔工具绘制路径
    2. 选取后点击右键,选择建立工作路径
    3. 在蒙版菜单点击建立矢量蒙版
    4. 另存EPS格式文件,选择默认选项,这样就把一张位图转化为矢量图形了
  2. Adobe Illustrator图像描摹

    1. 用软件打开图像
    2. 鼠标单击选择图像,找到菜单栏上的图像描摹菜单
    3. 选择素描图稿,可以看到最终效果,但这一步还没有将图片转为矢量图形
    4. 点击菜单栏上扩展按钮,将对象转化为路径,这样就可以进行矢量编辑了
  3. CorelDRAW轮廓描摹

    1. 新建空白文件,点击文件菜单栏-导入位图文件
    2. 点击位图菜单,在弹出菜单中选择轮廓描摹-线条图
    3. 在弹出的窗口中调整细节、平滑、拐角平滑度等参数来达到最佳效果
    4. 如果需要导入图片的内容不一样,我们还可以选择不同的图像类型效果,看哪一种效果更接近原图
    5. 点击确定按钮,一张位图就转化为了矢量图形


推荐两个位图转矢量图神器

VECTOR MAGIC和Inkscape

在线位图转换矢量图的网站:

  • https://www.vectorizer.io/
  • https://www.aconvert.com/image/ 最推荐
  • https://products.aspose.app/svg/zh/image-vectorization
  • https://convertio.co/zh/

其实也不是说矢量图就要比位图要好,我们还是要分不同的场景去选择「矢量图」和平常我们所见的「位图」有什么区别

如果你还有其他使用矢量图的方法,可以在评论区分享讨论。最后,如果你喜欢这篇文章,不要忘了点个关注,你的鼓励对我非常的重要, 我是分享知识,持续提升的格物时间,我们下期不见不散。

相关推荐

怎么恢复7z文件 7z文件删除了怎么恢复

7z是一种压缩格式的文件,它运用LZMA压缩算法,该压缩算法的输出稍后被算数编码进行处理以便后续进一步压缩,压缩比十分高。我们可以将文件压缩成这种格式,便于传输,保存,占空间少。了解更多7z文件知识...

郎酒让消费者喝得明明白白 算术题里有答案

日前,『郎酒酱香产品企业内控准则』颁布,郎酒首次公开酱香产品生产全过程,公布酱香产品产能、储能及投放计划。随后,郎酒官微向消费者发出「品控算术题」有奖问答。郎酒亮出家底,消费者踊跃留言。8天后,谜底揭...

学龄前,比识字、算术更重要的是这三件事

“为了给孩子选择一家合适的幼儿园,我曾穿梭于纽约各家幼儿园的开放日,这些幼儿员既包括主流的公立幼儿园,还包括那些遥不可及的私人幼儿园。我的目的就是想了解他们的教育理念是什么,到底厉害在哪里,看看对于我...

参加CSP-J信奥赛需要掌握数学知识

在C++语法的学习中需要储备的数学知识如下①数据类型:需要知道整数、正整数、负整数、小数、判断对错②算术运算符:加法、减法、乘法、除法、取模运算③关系表达式:大于、大于等于、小于、小...

1g米饭能做多少深蹲?今天我们来算一算

减重我们都知道3分在练,7分在吃,吃这件事情上,真的是每一口都算数。今天我们来算一笔账,1粒米饭可以做多少事情?本着认真负责的态度,今天在食物秤上称了1g米饭,是16粒。根据能量换算:100g米饭是4...

web 自动化测试,一定得掌握的 8 个核心知识点

使用cypress进行端对端测试,和其他的一些框架有一个显著不同的地方,它使用JavaScript作为编程语言。传统主流的selenium框架是支持多语言的,大多数QA会的pytho...

大话C语言:赋值运算符(c语言中赋值运算符是什么)

赋值运算符是最基本的运算符之一,用于将右侧的值或表达式的计算结果赋给左侧的变量。它是一个二元运算符,意味着它需要两个操作数:一个是目标变量(左侧),另一个是要赋给该变量的值或表达式(右侧)。赋值运算符...

Vue进阶(幺幺伍):js 将字符串转换为boolean

Boolean();参数为0、null和无参数返回false,有参数返回true。Boolean("");//输出为:falseBoolean(null);//输出为...

mongodb查询的语法(大于,小于,大于或等于,小于或等于等等)

1).大于,小于,大于或等于,小于或等于$gt:大于$lt:小于$gte:大于或等于$lte:小于或等于例子:db.collection.find({"field":{$gt:valu...

Python学不会来打我(21)python表达式知识点汇总

在Python中,表达式是由变量、运算符、函数调用等组合而成的语句,用于产生值或执行特定操作。以下是对Python中常见表达式的详细讲解:1.1算术表达式涉及数学运算的表达式。例如:a=5b...

C|数据存储地址与字节偏移、数据索引

话说C是面向内存的编程语言。数据要能存得进去,取得出来,且要考虑效率。不管是顺序存储还是链式存储,其寻址方式总是很重要。顺序存储是连续存储。同质结构的数组通过其索引表示位置偏移,异质结构的结构体通过其...

下班后累懵?4 个 JS 手写题帮你搞定前端面试高频考点

打工人下班后最痛苦的事,莫过于拖着疲惫的身子还要啃前端面试题吧?看着那些密密麻麻的JS代码,脑子都快转不动了!别担心,今天咱就用轻松的方式,带你吃透4道高频手写题,让你在面试时自信满满,再也不...

嵌入式数据库sqlite3【进阶篇】-子句和函数的使用,小白一文入门

sqlite在《嵌入式数据库sqlite3命令操作基础篇-增删改查,小白一文入门》一文中讲解了如何实现sqlite3的基本操作增删改查,本文介绍一些其他复杂一点的操作。比如where、orderby...

前缀表达式与后缀表达式(前缀表达式后缀表达式中缀表达式计算)

昨天晚上和儿子一起学习了前缀表达式和后缀表达式。这应该是字符串算式如何被计算机识别并计算的2种方法。本来是想先给他讲一个逆波兰式(后缀表达式),以后再讲前缀表达式。没想到他还挺聪明,很快就把2个都掌握...

Python快速入门教程1:基本语法、数据类型、运算符、数字字符串

Python3的基础教程,涵盖了基本语法、数据类型、类型转换、解释器、注释、运算符、数字和字符串等内容,并附有使用实例场景。Python3的基础教程,涵盖了基本语法、数据类型、类型转换、解释器、注释、...