迁移项目至vue

v0.2.1->v0.3.0
项目迁移至[jingji_TSreference_vue](https://github.com/szhhwh/jingji_TSreference_vue)

src/reference/ChapterNo4/4.1.md

@@ -0,0 +1,92 @@
+---
+title: 4.1 搜寻图片素材
+---
+
+## 常用的素材网站
+
+- [搜图导航](https://www.91sotu.com/)：提供一站式快速搜索图像服务
+- [觅元素](https://www.51yuansu.com/)：免抠设计素材下载网站（常用）
+- [Unsplash](https://unsplash.com/)：高分辨率照片
+- [Pexels](https://www.pexels.com/)：高分辨率照片
+- [iconfont](https://www.iconfont.cn/home/index)：阿里巴巴矢量图标库
+- [Get Waves](https://getwaves.io/)：获取矢量波状图
+
+## 使用搜索引擎搜寻图片素材
+
+::: tip 建议的素材网站搜索顺序
+1. 专业素材网站，本文开篇提及的*常用素材网站*
+2. 搜索引擎
+:::
+
+搜索引擎可以利用爬虫抓取网络上公开的内容并建立索引供用户搜索。
+
+::: info 常用的搜索引擎
+- [百度](https://www.baidu.com/)
+- [搜狗搜索](https://www.sogou.com/)
+- [360 搜索](https://www.so.com/)
+- [Google](https://www.google.com/)（谷歌，需要科学上网）
+- [必应](https://cn.bing.com/)（微软旗下）
+- [DuckDuckgo](https://duckduckgo.com/)（不收集用户数据的搜索引擎）
+:::
+
+这里必须说明一下，在绝大多数网站上都有一个叫做 **robots.txt** 的文件。这个文件规定了搜索引擎抓取工具可以访问网站上的哪些网址。这个文件主要用于避免网站收到过多请求，同时可以让网站上特定的内容不被**遵守规则**的搜索引擎抓取到。
+
+::: warning
+robots.txt 文件中规定的内容不是搜索引擎必须遵守的，少数搜索引擎会无视该文件中规定，强行抓取网站内容。
+:::
+
+上述的**常用搜索引擎**均遵守这个规定，不会抓取被 robots.txt 排除的网址。这样一来一些网站上的内容就不会出现在搜索引擎的搜索结果中。这也是为什么很多时候你无法在搜索引擎上搜索到你想要的结果。
+
+下面以**百度图片**为例讲解如何使用搜索引擎搜索图片：
+
+::: info
+以下内容均使用[百度图片](https://image.baidu.com/)进行讲解
+浏览器：Microsoft Edge 115.0.1901.188
+搜索关键词为：*小镇* *乡村*
+:::
+
+### 基本搜索 Basic Search
+
+1. 打开[百度图片](https://image.baidu.com/)搜索 *小镇* *乡村* 或使用百度一下直接搜索 *小镇* *乡村* 然后点击上方选项卡的**图片**按钮
+2. 百度图片随即会展示搜索到的图片![](../data/Pastedimage20230807212200.png)
+3. 将鼠标放到图片上会显示图片的**分辨率**信息，点击图片即可进入大图预览界面![](../data/Pastedimage20230807212359.png)
+4. 大图预览界面的右上角会显示图片的来源和**分辨率**信息
+5. 右键单击图片，选择**将图片另存为**![](../data/Pastedimage20230807212546.png)
+6. 选择需要保存到的路径并确定
+
+### 高级搜索 Advanced Search
+
+![](../data/Pastedimage20230807221306.png)
+
+- 在搜索页上方工具栏可以选择需要的**图片大小**
+	- 通常情况下需要高清图片直接选择**特大尺寸**或类似描述的选项
+	- 如果在选择的尺寸下没有合适的图片，可以选择其他大小进行搜索
+
+![](../data/Pastedimage20230807221701.png)
+
+- 在搜索页上方工具栏可以选择需要的**图片颜色**
+
+### 提示 Tips
+
+::: tip 关于搜索词
+在搜索框中输入的内容我们称作**搜索词**。恰当的搜索词可以更好地搜寻到需要的结果。
+- 尽量使用简洁的搜索词：“蛋糕的100种做法”->“蛋糕制作”/“蛋糕做法”
+- 不使用疑问句或疑问词：”怎么做一个蛋糕“->同上
+总而言之：在搜索内容时应做到**去除对确定搜索内容无意义的词语**
+:::
+
+::: tip 如何判断一张图片是否清晰
+- 直接查看图片分辨率
+	- 理论上像素大于200万图片就比较清晰了
+- 放大图片
+直接看分辨率并不总是有用，因为在网络上会出现伪高分辨率的图片，放大以后依然是非常糊的。所以这里建议将以上两种方法**结合**起来使用
+:::
+
+::: tip 关于“免抠图片”
+搜寻一些装饰性的素材时，我们更希望搜索到带有 **Alpha** 通道的图片。带有 **Alpha** 通道的图片通常不会带有背景。  
+带有 **Alpha** 通道的图片的透明部分会使用**棋盘格状图案**填充。但有时候也会有不带有 **Alpha** 通道的图片的背景使用**棋盘格状图案**填充。  
+判断一个图片是否为免扣图片的方法通常有以下几种：
+1. 通过后缀名判断，详见[4.2 图片的存储原理和格式转换](src/ChapterNo4/4.2.md)
+2. 将图片贴入编辑软件中查看，有透明通道的图片不会显示出**棋盘格状图案**
+直接在搜索引擎中搜索免抠图片难度较大，推荐使用专业的**素材网站**下载素材
+:::