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

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

作者: 格物时间 | 来源:发表于2022-04-15 09:49 被阅读0次

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

首先我们先来了解一下图片为什么放大后会变得模糊失真,我们平时经常使用的jpg、png 等格式的图片都是位图。位图当放大到一定倍数之后便会出现失真的问题。因为位图是由一个一个的像素组成。当放大位图时,可以看见构成整个图像的无数单个像素块。

那么,什么样的图片放大很多倍以后也不会模糊失真呢?是矢量图。比如 eps、svg 等格式就是矢量图。

所谓矢量图,就是使用直线和曲线来描述的图形,构成这些图形的元素是一些点、线、矩形、多边形、圆和弧线等,它们都是通过数学公式计算获得的,具有编辑后不失真的特点。

如果我们在文档或幻灯片中使用矢量图就可以随意的放大了,那么我们应该去哪里会获取矢量图呢?接下来我汇总了几个非常好用且资源丰富的矢量图素材网站。

  1. 阿里巴巴矢量图标库

    • https://www.iconfont.cn/
    • Iconfont-阿里图标库 一个国内功能很强大且图标内容很丰富的矢量图标库 ——超人欧巴的好用工具分享
  2. undraw

    • https://undraw.co/illustrations
    • 一个提供完全免费的 SVG/PNG 图片素材的站点,网站由 KaterinaLimpitsouni 创建创办,该网站所有的素材图片遵循 MIT 协议许可(开源协议),网站不断更新 SVG 图像素材,并完全免费使用。更赞的是,你还可以一键换色!点击右上方的颜色选项,选择预先设定好的几个颜色选项或在取色器中鼠标自定义/键入色值,点击确定后可以实时看到色彩方案效果。
  3. freepik

    • https://www.freepik.com/home
    • Freepik 是非常受欢迎的免费素材网站之一,其中提供了超过大量的优质素材,其中包含的矢量素材数量极其惊人。你可以在 Freepik 下载可供个人和商业项目使用的免费素材。
  4. DrawKit

    • https://drawkit.com/
    • DrawKit 是一个免费矢量插画网站,目前包含40多个免费插画、20个插画合集、100个模块化插画组件,其中免费插画会提供无彩色及彩色2种风格样式、插画合集和插画组件属于收费内容,会包含多种风格。
  5. Humaaans

    • https://www.humaaans.com/
    • Humaaans 提供了免费可商用的插画素材,可以自定义人物姿势、发型和服装。除了有免费的人物插画编辑库,场景及人物造型等的元素都可以随意切换编辑,而且可以下载为向量格式的文件(.svg),在Al上使用十分非常方便,是拯救新手的插画神器。
  6. Mixkit

    • https://mixkit.co/free-stock-art/
    • Mixkit Art收录的是很好看的艺术图案和插画,这些图案都有着非常强烈的配色,加上简单、舒服的构图设计,依照网站授权说明,网站上所有插图皆能免费下载、自由使用,无论是商业或非商业用途,亦可复制、修改或公开播放等等,没有规定必须标注来源。
  7. Stubborn Generator

    • https://craftwork.design/checkout/
    • Stubborn.fun 是插插画生成器,具有令人难以置信的25个酷角色和50个背景。使用Sketch组件和Figma组件自定义插图。所有组件都是矢量并仔细分组。此外,它绝对免费用于商业和个人用途。
  8. 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

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

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

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

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

相关文章

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

    当你想在你的文档或者幻灯片中插入一个图片,感觉图片太小排版不太美观,我们放大一下图片,发现图片因为放大而变得模糊,...

  • 说服力 让你的PPT会说话分享4

    让你的图片活起来 1、用矢量图(可以任意放大,位图放大后变得模糊,例如jpg.,gif.,为位图) 2、全屏图片要...

  • AI矢量小插画

    再说明一下关于PS与AI的最大区别吧! PS:绘制位图,无限放大会出现马赛克 AI:绘制矢量图,可以无限放大,不会...

  • svg 介绍

    简介 svg 是『矢量图』,相比于『位图』,矢量图的特点是不会随着图片放大而失真,能做到这一点,主要是由于矢量图存...

  • 矢量图

    由于正常的图片在放大过程中会产生失真,所有我们在开发项目时,常常采用矢量图, 这种图片在放大缩小之后不会产生失真,...

  • 图片放大一百倍不失真,这个神器我一定要推荐给你

    大家都知道我们的图片可以分为两种类型:位图和矢量图。两者最大的区别的矢量图无论放大多少倍都不会失真,而位图放大看就...

  • 20个最佳矢量素材免费下载网站

    工作中偶尔会需要用到矢量图,当然有时也需要用到光栅图(比如摄影)。矢量图无论放大多少都不会损失图片质量,而光栅图(...

  • 浅谈SVG及矢量图在Android的应用

    1. 图像基础 图像分为矢量图和栅格图两种,这两张格式最直观的区别是矢量图可以无限放大而不失真,而矢量图放大或缩小...

  • 位图转矢量图,这个工具值得一试!

    相比于位图,矢量图的优势在于无限放大也不会失真,因此在设计行业备受青睐。 可是,有的时候,一个想要的素材只找到了位...

  • css冷门

    图片css 放大图片模糊处理

网友评论

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

      本文链接:https://www.haomeiwen.com/subject/vkpfertx.html