有哪些不错的图片素材网站？最好是母婴类图片较多，不涉及侵权的

时间：2023-12-14 17:48:01 | 来源：网站运营

时间：2023-12-14 17:48:01 来源：网站运营

有哪些不错的图片素材网站？最好是母婴类图片较多，不涉及侵权的：正巧前阵子翻了翻自己的收藏夹，这些宝贝网站想推荐给自己女朋友用，又怕她一个个找不方便，给她做了个网站，当收藏夹用。


里面收录了我自己常用觉得特别好用的素材、工具网站，这儿就挑几个比较好用的说说吧。

---

千图网/我图网/摄图网/昵图网：
这类素材站同质化比较严重，而且基本是每天免费下载1张，付费才能无限下载，我自己是开了千图网的会员方便平时下载使用的。


这里面主要下载的就是平时设计用的基础素材元素，例如灯笼啊、花瓣啊、电路图啊之类的设计元素，但是高清图片什么的质量就比较差了。重点看我后几个

---

Pexels: 个人体验最好的照片素材网站


浏览速度：相当流畅 大部分情况下不需要使用VPN
支持语言：只支持英文
Pexels可能是我第一款爱上的图片素材网站，甚至有时候觉得无聊了、压力大了，只要打开它的首页，往下滑动滚轮，去随机探索它为你推荐的照片，就会感觉到心情舒畅。




有了它以后，做PPT、做海报、做简单的内容设计就变得不是这么难了，随手抠出一张图片，放到PPT封面上，就感觉逼格一下子高了很多。




Pexels只支持英文关键词搜索，要是在搜索框内输入中文将搜不到任何结果，而且要注意，所有的图片描述都是一段叙述性的话，所以想要找到你想要的照片尽可能的使用 【名词】为关键词



Pexel的优秀并不仅仅在于它的图片质量高，要是真的论图片质量百度图片的这么大的量级下质量好的也有的是，Pexel赢得我长期的喜爱重要原因就在于它的每一张图片都是高清图片，而且提供不同大小尺寸的下载。 所有的图片都会显示详细的信息，例如拍摄的相机型号、光圈、焦距、ISO、图片大分辨率等 。


最最最最最最最最重要的是！！！！！
Pexels所有图片全部免费！个人以及商用版权都免费！
所有的图片资源都符合Creative Commons规定，因此所有支持下载的图片你都可以自由使用，商用的设计师便不用担心版权的使用问题。


唯一的不好，应该就是它图片质量太高太大了，经常需要压缩，不过配上超好用的图片压缩工具TinyPNG问题就迎刃而解。

---

iconFont：阿里巴巴的线上矢量图标库


浏览速度：相当流畅
支持语言：中文/英文
遇到iconfont之前，我有好几个图标素材网站，每次做UI设计稿的时候，总是先下载下载SVG或者PNG文件，然后修改尺寸、颜色、名称，然后在HTML文件里用<img>标签来引用，后来花了点时间了解了iconfont的实现原理，才发现原来图标管理可以变得这么简单。
Iconfont 其实是指用字体文件取代图片文件，来展示图标、特殊字体等元素的一种方法。 这儿我说的iconfont是阿里巴巴的iconfont图标库，内集合了数量众多的高质量图标合集，能够帮助你轻松应对类似PPT/UI设计等需要图标的场合。


iconfont的使用图标库为基础的单位，每个图标库内都是风格相近、设计统一的图标元素，可以非常方便的进行使用，不用担心图标之间风格不兼容、视觉尺寸不一致。图标库又分为多色图标与单色图标，你可以在大量的图标库中去寻找自己合适的图标素材。


针对于我原来的图标使用方法，iconfont使用起来也是非常方便的，找到自己喜欢的图标即可直接点击下载，然后能在下载界面里面选择图标的颜色（默认原色），下载又有Ai、SVG、PNG三种格式可以选择。如果同时要下载多个图标可以把多个图标放置在购物车内，然后批量下载至一个zip压缩文件中，非常方便使用。


但是我主要使用iconfont的功能并不止于此，这样用在PPT上是够了，但是在web中使用并不方便。iconfont的优势就在于为web前端开发者提供了Unicode / font-class / symbol三种使用方式。我这儿就讲下我习惯的font-class使用方法，其他的请查阅说明文档：https://www.iconfont.cn/help/detail?spm=a313x.7781069.1998910419.d8cf4382a&helptype=code
这三种的使用方式都需要你注册一个账号，将多个喜欢的icon添加到 [我的项目] 中，方便以后进行管理


我使用的是font-class方法，在顶部点击font-class方法，可以生成一个在线的css链接，也可以下载到本地使用。在我的html页面中像链接一个普通css文件一样创建远程/本地的iconfont.css的连接：


注意，在线的css链接需要访问者能够访问互联网，一些局域网项目不能使用。
然后对应上面图上，每个图标都有个专属的class，使用一个<i class=”iconfont iconfont-xxx”></i>标签来使用icon就行了（iconfont-xxx替换成对应的图标class）


设置这个图标的大小颜色就可以使用 font-size 与 color 属性来进行控制了，这里要注意一点，iconfont.css的下载或者在线文档都给 iconfont 这个class附加了 font-size=16px的属性，而且优先级还很高，建议本地的就把这个删掉，如果线上的话，需要使用iconfont的地方，给<i>标签附加font-size属性，并且使用!important 来进行强调才能覆盖。
好了，可以愉快地开始使用icon了！

---

就先介绍个两个吧，更多的其他推荐网站可以看我自己搭建的小web：