有哪些不錯的圖片素材網(wǎng)站？最好是母嬰類圖片較多，不涉及侵權(quán)的

時間：2023-12-14 17:48:01 | 來源：網(wǎng)站運(yùn)營

時間：2023-12-14 17:48:01 來源：網(wǎng)站運(yùn)營

有哪些不錯的圖片素材網(wǎng)站？最好是母嬰類圖片較多，不涉及侵權(quán)的：正巧前陣子翻了翻自己的收藏夾，這些寶貝網(wǎng)站想推薦給自己女朋友用，又怕她一個個找不方便，給她做了個網(wǎng)站，當(dāng)收藏夾用。


里面收錄了我自己常用覺得特別好用的素材、工具網(wǎng)站，這兒就挑幾個比較好用的說說吧。

---

千圖網(wǎng)/我圖網(wǎng)/攝圖網(wǎng)/昵圖網(wǎng)：
這類素材站同質(zhì)化比較嚴(yán)重，而且基本是每天免費(fèi)下載1張，付費(fèi)才能無限下載，我自己是開了千圖網(wǎng)的會員方便平時下載使用的。


這里面主要下載的就是平時設(shè)計(jì)用的基礎(chǔ)素材元素，例如燈籠啊、花瓣啊、電路圖啊之類的設(shè)計(jì)元素，但是高清圖片什么的質(zhì)量就比較差了。重點(diǎn)看我后幾個

---

Pexels: 個人體驗(yàn)最好的照片素材網(wǎng)站


瀏覽速度：相當(dāng)流暢 大部分情況下不需要使用VPN
支持語言：只支持英文
Pexels可能是我第一款愛上的圖片素材網(wǎng)站，甚至有時候覺得無聊了、壓力大了，只要打開它的首頁，往下滑動滾輪，去隨機(jī)探索它為你推薦的照片，就會感覺到心情舒暢。




有了它以后，做PPT、做海報、做簡單的內(nèi)容設(shè)計(jì)就變得不是這么難了，隨手摳出一張圖片，放到PPT封面上，就感覺逼格一下子高了很多。




Pexels只支持英文關(guān)鍵詞搜索，要是在搜索框內(nèi)輸入中文將搜不到任何結(jié)果，而且要注意，所有的圖片描述都是一段敘述性的話，所以想要找到你想要的照片盡可能的使用 【名詞】為關(guān)鍵詞



Pexel的優(yōu)秀并不僅僅在于它的圖片質(zhì)量高，要是真的論圖片質(zhì)量百度圖片的這么大的量級下質(zhì)量好的也有的是，Pexel贏得我長期的喜愛重要原因就在于它的每一張圖片都是高清圖片，而且提供不同大小尺寸的下載。 所有的圖片都會顯示詳細(xì)的信息，例如拍攝的相機(jī)型號、光圈、焦距、ISO、圖片大分辨率等 。


最最最最最最最最重要的是?。。。?！
Pexels所有圖片全部免費(fèi)！個人以及商用版權(quán)都免費(fèi)！
所有的圖片資源都符合Creative Commons規(guī)定，因此所有支持下載的圖片你都可以自由使用，商用的設(shè)計(jì)師便不用擔(dān)心版權(quán)的使用問題。


唯一的不好，應(yīng)該就是它圖片質(zhì)量太高太大了，經(jīng)常需要壓縮，不過配上超好用的圖片壓縮工具TinyPNG問題就迎刃而解。

---

iconFont：阿里巴巴的線上矢量圖標(biāo)庫


瀏覽速度：相當(dāng)流暢
支持語言：中文/英文
遇到iconfont之前，我有好幾個圖標(biāo)素材網(wǎng)站，每次做UI設(shè)計(jì)稿的時候，總是先下載下載SVG或者PNG文件，然后修改尺寸、顏色、名稱，然后在HTML文件里用<img>標(biāo)簽來引用，后來花了點(diǎn)時間了解了iconfont的實(shí)現(xiàn)原理，才發(fā)現(xiàn)原來圖標(biāo)管理可以變得這么簡單。
Iconfont 其實(shí)是指用字體文件取代圖片文件，來展示圖標(biāo)、特殊字體等元素的一種方法。 這兒我說的iconfont是阿里巴巴的iconfont圖標(biāo)庫，內(nèi)集合了數(shù)量眾多的高質(zhì)量圖標(biāo)合集，能夠幫助你輕松應(yīng)對類似PPT/UI設(shè)計(jì)等需要圖標(biāo)的場合。


iconfont的使用圖標(biāo)庫為基礎(chǔ)的單位，每個圖標(biāo)庫內(nèi)都是風(fēng)格相近、設(shè)計(jì)統(tǒng)一的圖標(biāo)元素，可以非常方便的進(jìn)行使用，不用擔(dān)心圖標(biāo)之間風(fēng)格不兼容、視覺尺寸不一致。圖標(biāo)庫又分為多色圖標(biāo)與單色圖標(biāo)，你可以在大量的圖標(biāo)庫中去尋找自己合適的圖標(biāo)素材。


針對于我原來的圖標(biāo)使用方法，iconfont使用起來也是非常方便的，找到自己喜歡的圖標(biāo)即可直接點(diǎn)擊下載，然后能在下載界面里面選擇圖標(biāo)的顏色（默認(rèn)原色），下載又有Ai、SVG、PNG三種格式可以選擇。如果同時要下載多個圖標(biāo)可以把多個圖標(biāo)放置在購物車內(nèi)，然后批量下載至一個zip壓縮文件中，非常方便使用。


但是我主要使用iconfont的功能并不止于此，這樣用在PPT上是夠了，但是在web中使用并不方便。iconfont的優(yōu)勢就在于為web前端開發(fā)者提供了Unicode / font-class / symbol三種使用方式。我這兒就講下我習(xí)慣的font-class使用方法，其他的請查閱說明文檔：https://www.iconfont.cn/help/detail?spm=a313x.7781069.1998910419.d8cf4382a&helptype=code
這三種的使用方式都需要你注冊一個賬號，將多個喜歡的icon添加到 [我的項(xiàng)目] 中，方便以后進(jìn)行管理


我使用的是font-class方法，在頂部點(diǎn)擊font-class方法，可以生成一個在線的css鏈接，也可以下載到本地使用。在我的html頁面中像鏈接一個普通css文件一樣創(chuàng)建遠(yuǎn)程/本地的iconfont.css的連接：


注意，在線的css鏈接需要訪問者能夠訪問互聯(lián)網(wǎng)，一些局域網(wǎng)項(xiàng)目不能使用。
然后對應(yīng)上面圖上，每個圖標(biāo)都有個專屬的class，使用一個<i class=”iconfont iconfont-xxx”></i>標(biāo)簽來使用icon就行了（iconfont-xxx替換成對應(yīng)的圖標(biāo)class）


設(shè)置這個圖標(biāo)的大小顏色就可以使用 font-size 與 color 屬性來進(jìn)行控制了，這里要注意一點(diǎn)，iconfont.css的下載或者在線文檔都給 iconfont 這個class附加了 font-size=16px的屬性，而且優(yōu)先級還很高，建議本地的就把這個刪掉，如果線上的話，需要使用iconfont的地方，給<i>標(biāo)簽附加font-size屬性，并且使用!important 來進(jìn)行強(qiáng)調(diào)才能覆蓋。
好了，可以愉快地開始使用icon了！

---

就先介紹個兩個吧，更多的其他推薦網(wǎng)站可以看我自己搭建的小web：