SVG图像具有响应式、seo友好的优点,并且看起来干净利落。这使他们成为网页设计的重要资源。相对于PNG/JPEG(位图)图形,SVG(矢量)图形已经开始流行起来。
随着缩放级别的增加和屏幕大小的变化,位图会变得模糊。它们的文件大小也是一个问题,不能用CSS动画。矢量图形解决了这些问题。如果您正在为背景、图标和徽标寻找高分辨率SVG图像,那么勺子下面推荐的10个网站也许能帮到你。
目录
SVG Backgrounds
SVG Backgrounds 是一个生成器,它允许您自定义漂亮的矢量图。有几十个预置,每个预置都有单独的定制选项。选择一个你喜欢的图案,改变颜色、角度、比例等。然后把CSS粘贴到你的网站上。
这里生成的模式可以在大多数带有属性的项目中使用。你也可以购买许可证来获得额外的背景和其他功能。
Flaticon
大多数图像可以免费在Flaticon找到。你可以下载位图或矢量格式,并使用他们与信贷任何地方。这里的许多图标可以进行矢量平铺。
不要忘记Flaticon Patterns,这个应用程序允许您创建自己的SVG背景。您可以自定义矢量贴纸,甚至改变个别作品的颜色。
Hero Patterns
Hero Patterns 有许多简单而美丽的图案可供选择。使用方便;只需设置前景和背景颜色,您就拥有了一个最小化的SVG装饰。然后你可以下载并在你的项目中使用它。
Iros Pattern Fills
如果您想自己动手进行矢量编码, Iros Pattern Fills 将指导您完成创建SVG设计的过程。它还提供下载和代码。如果你只是需要一个基本形状的图形, Iros Pattern Fills 也是简单和有指导意义的。
Freepik
Freepik拥有数以百万计的矢量图形,包括背景、纹理和设计,你所需要做的就是设置属性!但是,对于匿名用户和非付费用户有一个下载限制。
SVG Patterns Gallery
SVG Patterns Gallery 是一个小而多样的背景。丰富多彩的形状、条纹和圆点构成了这个图库。没有简单的下拉或滑块自定义图形。但是,与任何SVG一样,您可以访问模式代码并更改颜色或其他元素。
The Pattern Library
The Pattern Library 是一个社区制作的,由有才华的艺术家创建并可以发布用于您自己的设计。这里的大量可平铺图像作为背景看起来会很棒。然而,虽然模式是用SVG创建的,但是您只能以位图格式下载它们。
Plain Pattern
与 Pattern Library 一样, Plain Pattern 是基于svg的,但是可以在下载PNG格式。如果你只是想创造一个漂亮的,简单的图形, Plain Pattern 可以帮你完美实现。选择一种颜色,添加一些图标,并自定义它们来创建一个有吸引力的背景。
Seamless SVG Patterns Pack
25个无缝SVG模式。包括从迷人的主题,到当代砖块设计,以及简单的点和形状。没有代码,但有一个快速教程帮助你设置图形。
All-Free-Download
This gallery of beautiful vectors is contributed to by a community of artists. There are plenty of SVG patterns here, from the vintage to the cartoonish. Just make sure to check the license as they vary between uploaders.
可伸缩性
SVG矢量图有多种用途。它们可以直接在网站上作为背景或图标使用。也可以编辑在程序中,以创建华丽和干净的矢量图形。如果您厌倦了与位图及其缺乏响应能力作斗争,可以尝试SVG模式。希望您能为您的下一个设计项目找到一些有价值的资源。