diff --git a/src/reference/Appendix/question.md b/src/reference/Appendix/question.md index ae5bac0..be1f394 100644 --- a/src/reference/Appendix/question.md +++ b/src/reference/Appendix/question.md @@ -7,7 +7,7 @@ category: ## 高版本文档向下兼容 将 InDesign 文档存储为 IDML 格式可以实现**在低版本中打开高版本文档**： 1. 点击上方菜单栏中 文件->存储为 -2. 在**保存类型**中选择 **InDesign CS4 或更高版本(IDML)**![](../assets/image/question-1710519181300.jpeg) +2. 在**保存类型**中选择 **InDesign CS4 或更高版本(IDML)**![](../assets/jpg/question-1710519181300.jpeg) 3. 点击保存按钮进行保存 4. 在低版本的 InDesign 中直接打开方才保存的 IDML 文件即可 @@ -101,8 +101,8 @@ QQ 是我们经常会用来传输图片和文件的软件之一，但是很多 ## 百度网盘桌面端文件下载速度慢 众所周知，各类网盘产品在未开通VIP的情况下，下载速度都会受到限制。百度网盘为了缓解这一问题，在桌面端客户端提供了基于 P2P 原理的加速服务（可以理解为在用户之间传输文件）。在这一服务的帮助下，一些热门资源的下载速度能够得到极大的提高。 -1. 打开桌面端百度网盘客户端，点击右上角的“···”打开设置菜单![](../assets/image/question-1723710562002.jpeg) -2. 在菜单中找到**传输**->**优化速率**选项，在选项后点击**去开启该功能**以启用速率优化功能![](../assets/image/question-1723710673038.jpeg) +1. 打开桌面端百度网盘客户端，点击右上角的“···”打开设置菜单![](../assets/jpg/question-1723710562002.jpeg) +2. 在菜单中找到**传输**->**优化速率**选项，在选项后点击**去开启该功能**以启用速率优化功能![](../assets/jpg/question-1723710673038.jpeg) > 新版本的百度网盘默认开启该功能 @@ -119,7 +119,7 @@ QQ 是我们经常会用来传输图片和文件的软件之一，但是很多 以一个常见的 Word 文档为例，在保存以后，右键该文件，选择**属性**即可查看文件的后缀名。 -![查看文件后缀名](../assets/image/question-1725450520609.jpeg) +![查看文件后缀名](../assets/jpg/question-1725450520609.jpeg) 在文件类型中显示的 **docx** 就是该文件的后缀名，计算机会根据文件的后缀名来确定应该哪个软件来打开它，例如： @@ -139,7 +139,7 @@ QQ 是我们经常会用来传输图片和文件的软件之一，但是很多 我们可以在网络上直接以后缀名为关键词进行搜索相关信息 ::: -![百度搜索结果](../assets/image/question-1725451698515.jpeg) +![百度搜索结果](../assets/jpg/question-1725451698515.jpeg) 排除上方的广告后，我们可以判断出 `dwg` 文件应当使用软件 AutoCAD 或其他支持的软件进行打开。 ### 为特定的文件类型绑定默认打开方式 @@ -149,11 +149,11 @@ QQ 是我们经常会用来传输图片和文件的软件之一，但是很多 2. 在出现的应用列表中，**单击选择**需要使用的软件 3. 点击**始终**即可为该类型的文件绑定打开方式 -![指定文件打开方式](../assets/recording%202.gif) +![指定文件打开方式](../assets/webp/1746509872.webp) ## 出现“解决此问题所需的 Adobe Creative Cloud 丢失或损坏”弹窗 -![](../assets/image/Pasted%20image%2020241230173456.jpg) +![](../assets/jpg/Pasted%20image%2020241230173456.jpg) 出现这个弹窗是因为在安装 Adobe 系列软件时，会附带一个 Adobe Creative Cloud 软件，这个软件在一些经过修改的安装包中是不完整的，所以在启动时会报错。我们只需要将这个软件直接删除即可。 @@ -161,6 +161,6 @@ QQ 是我们经常会用来传输图片和文件的软件之一，但是很多 在进行删除操作前，请确认已经关闭**所有的 Adobe 系列软件**。 ::: -1. 右键点击任务栏，或者使用快捷键 `Ctrl+Shift+Esc` 打开任务管理器，切换到详细信息选项卡。右键点击所有与 Adobe 相关的进程，将它们**结束运行**![](../assets/image/Pasted%20image%2020241230175052.jpg) -2. 在**文件资源管理器**中，打开目录 `C:\Program Files (x86)\Common Files\Adobe\Adobe Desktop Common`，将目录下的 `ADS` 文件夹删除![](../assets/image/Pasted%20image%2020241230175339.jpg) +1. 右键点击任务栏，或者使用快捷键 `Ctrl+Shift+Esc` 打开任务管理器，切换到详细信息选项卡。右键点击所有与 Adobe 相关的进程，将它们**结束运行**![](../assets/jpg/Pasted%20image%2020241230175052.jpg) +2. 在**文件资源管理器**中，打开目录 `C:\Program Files (x86)\Common Files\Adobe\Adobe Desktop Common`，将目录下的 `ADS` 文件夹删除![](../assets/jpg/Pasted%20image%2020241230175339.jpg) 3. 删除后即可彻底解决该弹窗问题 diff --git a/src/reference/Appendix/vscode.md b/src/reference/Appendix/vscode.md index ecb8ed4..68b3792 100644 --- a/src/reference/Appendix/vscode.md +++ b/src/reference/Appendix/vscode.md @@ -21,8 +21,8 @@ vscode 是一款轻量但非常强大的开源代码编辑软件。它可以运 1. 打开 [vscode官网](https://code.visualstudio.com/#alt-downloads) 2. 选择与你所使用的系统对应的安装包进行下载（附录中给出了[系统名称中英文对照表](###系统名称中英文对照表)） 3. 等待下载完成后打开安装程序 -4. 勾选**我同意此协议**并点击下一步![](../assets/image/vscode-1700323360883.jpeg) -5. 根据需要选择是否**创建桌面快捷方式**（其他选项默认即可），并点击下一步![](../assets/image/vscode-1700323423370.jpeg) +4. 勾选**我同意此协议**并点击下一步![](../assets/jpg/vscode-1700323360883.jpeg) +5. 根据需要选择是否**创建桌面快捷方式**（其他选项默认即可），并点击下一步![](../assets/jpg/vscode-1700323423370.jpeg) 6. 点击**安装**按钮，等待安装程序完成安装即可 ### 配置vscode diff --git a/src/reference/ChapterNo1/1.1.md b/src/reference/ChapterNo1/1.1.md index dfad40b..dfce628 100644 --- a/src/reference/ChapterNo1/1.1.md +++ b/src/reference/ChapterNo1/1.1.md @@ -46,7 +46,7 @@ title: 1.1 荆棘鸟文学社刊物规范 ### 扉页（必须） 扉页用于展示荆棘鸟文学社LOGO和社名。 -![扉页示例（21级特刊）](../assets/image/1.1-1723903518395.jpeg) +![扉页示例（21级特刊）](../assets/jpg/1.1-1723903518395.jpeg) ### 目录（必须） 目录页数固定为**两面**且为**跨页**。 diff --git a/src/reference/ChapterNo2/2.1.md b/src/reference/ChapterNo2/2.1.md index 5ac201c..fc3a9cf 100644 --- a/src/reference/ChapterNo2/2.1.md +++ b/src/reference/ChapterNo2/2.1.md @@ -4,7 +4,7 @@ title: 2.1 排版基本知识 ## 字体系列 字体系列的一种通俗叫法是**字体名称**。采用**字体系列**这一称呼是因为一种字体可能拥有多种字重。例如北大方正的*方正悠宋*字体就拥有一系列的字重。 -![](../assets/image/Pastedimage20230502181520.jpg) +![](../assets/jpg/Pastedimage20230502181520.jpg) 所以使用**字体系列**的称呼会更为准确。 @@ -33,7 +33,7 @@ title: 2.1 排版基本知识 ::: info InDesign 中使用的是磅数制 -![图中的字号为9点(9pt)](../assets/image/Pastedimage20230409100711.jpg) +![图中的字号为9点(9pt)](../assets/jpg/Pastedimage20230409100711.jpg) ::: ## 全角和半角 @@ -61,9 +61,9 @@ title: 2.1 排版基本知识 以下内容有兴趣的可以了解，在实际排版中基本不会涉及。 -![英文](../assets/image/Pastedimage20230409100941.jpg) +![英文](../assets/jpg/Pastedimage20230409100941.jpg) -![中文](../assets/image/Pastedimage20230409101023.jpg) +![中文](../assets/jpg/Pastedimage20230409101023.jpg) 中文字体中： - **行间距**指一行中文的**降线部**与下行中文**升线部**之间的距离。 @@ -71,7 +71,7 @@ title: 2.1 排版基本知识 在 Microsoft Word 中： 行间距有单位行距、1.5位行距、双倍行距、固定值、多倍行距 -![](../assets/image/Pastedimage20230409101507.jpg) +![](../assets/jpg/Pastedimage20230409101507.jpg) ## 印刷品制作的基本流程 ### 印前准备 @@ -97,4 +97,4 @@ title: 2.1 排版基本知识 - 铺满整页的图片/色块应当延伸到出血区域内 - 紧贴页面边缘的元素应当延伸到出血区域内 -![出血边距@leatai.com](../assets/image/Pasted%20image%2020250118155655.jpg) +![出血边距@leatai.com](../assets/jpg/Pasted%20image%2020250118155655.jpg) diff --git a/src/reference/ChapterNo2/2.2.md b/src/reference/ChapterNo2/2.2.md index 53a4de9..cc2a445 100644 --- a/src/reference/ChapterNo2/2.2.md +++ b/src/reference/ChapterNo2/2.2.md @@ -23,8 +23,8 @@ tag: | 隐藏字符 | 表示的内容 | | -------------------------------------------------------- | --------- | -| ![](../assets/image/Pasted%20image%2020250118085249.jpg) | 硬换行（段落结尾） | -| ![](../assets/image/Pasted%20image%2020250118085254.jpg) | 软换行（段内换行） | +| ![](../assets/jpg/Pasted%20image%2020250118085249.jpg) | 硬换行（段落结尾） | +| ![](../assets/jpg/Pasted%20image%2020250118085254.jpg) | 软换行（段内换行） | ::: ## 标点符号 diff --git a/src/reference/ChapterNo3/3.1.md b/src/reference/ChapterNo3/3.1.md index ca4e047..da1e661 100644 --- a/src/reference/ChapterNo3/3.1.md +++ b/src/reference/ChapterNo3/3.1.md @@ -42,7 +42,7 @@ tag: ::: tip InDesign 已经停止对 Windows 7 系统的支持 最后一个支持在 Windows 7 (64bit) 系统上运行的 InDesign 软件版本为 Adobe InDesign 2020 v15.1.3 -![最小系统要求为 Windows 7 (64bit)](../assets/image/7d915b49707f9bd5b819f85553e076cd.jpg) +![最小系统要求为 Windows 7 (64bit)](../assets/jpg/7d915b49707f9bd5b819f85553e076cd.jpg) ::: ::: tip Adobe InDesign 软件下载 @@ -56,9 +56,9 @@ tag: - 预留约 2G 的空间用于解压 ::: -1. 打开含有 InDesign 软件的压缩包，**提取**（解压）到已预留的空间内。![](../assets/image/Pastedimage20230422014908.jpg) -2. 双击解压出的文件中的 **Set-up**（Set-up.exe）文件，并同意管理员权限申请。![](../assets/image/Pastedimage20230422014940.jpg) ![](../assets/image/Pastedimage20230422015001.jpg) -3. 点击**继续**按钮，开始安装 InDesign。![](../assets/image/Pastedimage20230422015103.jpg) +1. 打开含有 InDesign 软件的压缩包，**提取**（解压）到已预留的空间内。![](../assets/jpg/Pastedimage20230422014908.jpg) +2. 双击解压出的文件中的 **Set-up**（Set-up.exe）文件，并同意管理员权限申请。![](../assets/jpg/Pastedimage20230422014940.jpg) ![](../assets/jpg/Pastedimage20230422015001.jpg) +3. 点击**继续**按钮，开始安装 InDesign。![](../assets/jpg/Pastedimage20230422015103.jpg) 4. 等待进度条完成即安装完成 ## InDesign 软件配置 @@ -70,17 +70,17 @@ tag: ### 界面 - 建议将颜色主题调整为第一个**黑色**，有助于减少灰色对视觉的影响。 - 建议将**选项->手型工具**的滑动条调至中央，并开启**拖动时灰条化矢量图形**。 -![](../assets/image/3.1-1719212114226.jpeg) +![](../assets/jpg/3.1-1719212114226.jpeg) ### 显示性能 - 可以适当调整视图设置以减少软件使用时的卡顿现象。 -![](../assets/image/3.1-1719212202040.jpeg) +![](../assets/jpg/3.1-1719212202040.jpeg) ## InDesign 软件版本 1. 打开 InDesign 软件。 2. 点击上方菜单栏的帮助。 -3. 选择“帮助”菜单中的“关于 InDesign 选项”。![](../assets/image/Pastedimage20230408231210.jpg) -4. 在弹出的窗口中会显示软件的版本信息![](../assets/image/Pastedimage20230408231245.jpg) +3. 选择“帮助”菜单中的“关于 InDesign 选项”。![](../assets/jpg/Pastedimage20230408231210.jpg) +4. 在弹出的窗口中会显示软件的版本信息![](../assets/jpg/Pastedimage20230408231245.jpg) > 对该版本号的补充说明： > diff --git a/src/reference/ChapterNo3/3.2.md b/src/reference/ChapterNo3/3.2.md index d0e4518..ca7f335 100644 --- a/src/reference/ChapterNo3/3.2.md +++ b/src/reference/ChapterNo3/3.2.md @@ -8,7 +8,7 @@ tag: ## InDesign 界面 -![初识 InDesign 界面](../assets/image/3.2-1726276563372.jpeg) +![初识 InDesign 界面](../assets/jpg/3.2-1726276563372.jpeg) 初次打开 InDesign 时，我们会看见如上界面 - 左侧为**工具栏**：编辑文档时使用的所有工具，如“选择工具、文字工具、直线工具”等均可以在这里找到。 @@ -24,9 +24,9 @@ tag: ### 创建空白文档 -1. 点击菜单栏中的**文件->新建->文档**。![](../assets/image/Pastedimage20230501163537.jpg) -2. 在弹出的窗口中更改文档的**长度**和**宽度**，然后点击右下角的**边距和分栏**进入下一步的配置。![](../assets/image/Pastedimage20230501163742.jpg) -3. 在弹出的窗口中修改页边距，栏数和栏间距不需要更改（在新建的文本框中可以单独修改栏数和栏间距）。点击边距一栏中央的链状图标可以开启/关闭边距链接。![](../assets/image/Pastedimage20230501164027.jpg) +1. 点击菜单栏中的**文件->新建->文档**。![](../assets/jpg/Pastedimage20230501163537.jpg) +2. 在弹出的窗口中更改文档的**长度**和**宽度**，然后点击右下角的**边距和分栏**进入下一步的配置。![](../assets/jpg/Pastedimage20230501163742.jpg) +3. 在弹出的窗口中修改页边距，栏数和栏间距不需要更改（在新建的文本框中可以单独修改栏数和栏间距）。点击边距一栏中央的链状图标可以开启/关闭边距链接。![](../assets/jpg/Pastedimage20230501164027.jpg) 4. 点击确定即可完成文档的新建。 ::: tip 注意单位 @@ -48,7 +48,7 @@ InDesign 文档的文档模板文件后缀名为 ``indt``。 安装完成后，**不需要**重新打开文档，InDesign 会在你回到软件中时，重新读取系统的字体列表，并加载刚才缺失的字体。 -![字体缺失](../assets/image/3.2-1731079293840.jpeg) +![字体缺失](../assets/jpg/3.2-1731079293840.jpeg) ::: ## 版面辅助线 @@ -57,7 +57,7 @@ InDesign 文档的文档模板文件后缀名为 ``indt``。 - 版心（白色区域）：在版心以外的内容在印刷时一般不可见。 - 出血线（红色）。 -![版面辅助线](../assets/image/3.2-1731114391768.jpeg) +![版面辅助线](../assets/jpg/3.2-1731114391768.jpeg) ::: info 出血 在印刷设计中，“出血”是指将图像、背景或其他设计元素延伸超出最终裁切边缘的做法，通常为3-5毫米。这样做是为了在裁切时，即使出现轻微偏差，也能确保印刷品的边缘色彩或图像完整，避免出现难看的白边，从而保证最终印刷品的美观度和专业性。 @@ -66,12 +66,12 @@ InDesign 文档的文档模板文件后缀名为 ``indt``。 ## 新建文本框 点击左侧竖排工具栏中的**文字工具**。 -![右键单击文字工具](../assets/image/Pastedimage20230501165030.jpg) +![右键单击文字工具](../assets/jpg/Pastedimage20230501165030.jpg) 在页面中按住并拖动即可创建一个文本框。 ::: tip 更多工具 -![左侧为普通工具|右侧为带有小三角的工具](../assets/image/3.2-1726277364709.jpeg) +![左侧为普通工具|右侧为带有小三角的工具](../assets/jpg/3.2-1726277364709.jpeg) 工具栏中一些工具的右下角有一个**小三角**标志，使用**鼠标右键**单击它，就可以看到更多同类工具。 ::: @@ -85,10 +85,10 @@ InDesign 文档的文档模板文件后缀名为 ``indt``。 ::: 创建串接文本框架的步骤： -1. 点击已经溢流的文本框架右下角的**红色加号**。![](../assets/image/Pastedimage20230501170410.jpg) +1. 点击已经溢流的文本框架右下角的**红色加号**。![](../assets/jpg/Pastedimage20230501170410.jpg) 2. 在想要创建第二个文本框的位置**按住并拖动鼠标后松开**，即可创建串接的文本框。 -![动画教程](../assets/image/PixPin_2023-12-31_16-56-27.gif) +![动画教程](../assets/webp/PixPin_2023-12-31_16-56-27.webp) ::: tip 如果需要查看文本框架的串接情况。可以选择软件上方菜单栏中的 **视图->其他->显示文本串接**，然后选中需要查看的文本框架即可。 @@ -96,7 +96,7 @@ InDesign 文档的文档模板文件后缀名为 ``indt``。 对于两个（多个）未串接的文本框可以按照以下步骤进行串接： 1. 选中第一个需要串接的文本框。 -2. 点击文本框右下角的小方块。![](../assets/image/3.2-1710516359503.jpeg) +2. 点击文本框右下角的小方块。![](../assets/jpg/3.2-1710516359503.jpeg) 3. 点击第二个需要串接的文本框即可。 4. 重复以上操作即可串接多个文本框。 @@ -108,8 +108,8 @@ InDesign 文档的文档模板文件后缀名为 ``indt``。 ## 插入和编辑图片 在 InDesign 文档中插入图片有以下两种方式 -- （最常用）直接将图片拖入 InDesign 的文档编辑区，拖入后再按下并拖动鼠标即可将图片调整为合适的大小。![](../assets/PixPin_2024-09-18_20-28-01.gif) -- 在上方菜单栏中选择**文件->置入**，选择需要插入的图片，单击**置入**即可。![](../assets/PixPin_2024-09-18_20-33-46.gif) +- （最常用）直接将图片拖入 InDesign 的文档编辑区，拖入后再按下并拖动鼠标即可将图片调整为合适的大小。![](../assets/webp/PixPin_2024-09-18_20-28-01.webp) +- 在上方菜单栏中选择**文件->置入**，选择需要插入的图片，单击**置入**即可。![](../assets/webp/PixPin_2024-09-18_20-33-46.webp) ### 框架 在 InDesign 中，图片在插入文档后，InDesign 会将插入的图片放置到一个与图片大小相同的**框架**中。 @@ -120,7 +120,7 @@ InDesign 文档的文档模板文件后缀名为 ``indt``。 在层级关系上，**框架>对象**。这也就意味着，图片对象的大小如果超出了框架，**超出的部分不会显示**。 -![框架和对象的层级关系](../assets/image/3.2-1726661535858.jpeg) +![框架和对象的层级关系](../assets/jpg/3.2-1726661535858.jpeg) - 使用鼠标左键**单击**图片即可选择图片所在的**框架**。 - 使用鼠标左键**双击**图片即可选择图片**对象**。 @@ -131,7 +131,7 @@ InDesign 文档的文档模板文件后缀名为 ``indt``。 InDesign 提供了一些快速调整框架大小的选项，右键框架并选择**适合**选项即可见到。 -![框架适合选项](../assets/image/3.2-1726661818176.jpeg) +![框架适合选项](../assets/jpg/3.2-1726661818176.jpeg) 常用的有**使框架适合内容**（将框架调整为对象的大小）和**按比例填充框架**（将对象强制调整为框架的大小）。 @@ -142,7 +142,7 @@ InDesign 提供了一些快速调整框架大小的选项，右键框架并选 ::: tip 快速移动图片对象的位置 当我们将鼠标放置到图片框架上时，框架中央会出现一个**圆形操作柄**，直接拖动它即可调整**对象在框架内**位置。 -![](../assets/image/3.2-1726663328456.jpeg) +![](../assets/jpg/3.2-1726663328456.jpeg) ::: ### 缩放图片 diff --git a/src/reference/ChapterNo3/3.3.md b/src/reference/ChapterNo3/3.3.md index a5f0e25..3fdbf63 100644 --- a/src/reference/ChapterNo3/3.3.md +++ b/src/reference/ChapterNo3/3.3.md @@ -12,18 +12,18 @@ tags: ### 移动和停靠面板 拖动面板至其他控件边缘，待软件显示出蓝色指示条时，松开鼠标即可将面板移动至特定位置。 -![移动和停靠面板](../assets/PixPin_2024-09-17_13-58-34.gif) +![移动和停靠面板](../assets/webp/PixPin_2024-09-17_13-58-34.webp) ### 关闭面板 在面板标题上右键即可**关闭面板**/**将面板最小化为图标**. -![关闭面板](../assets/image/3.2-1726554984665.jpeg) +![关闭面板](../assets/jpg/3.2-1726554984665.jpeg) ### 使用面板菜单 一些面板提供了额外的选项，点击面板右上角的**三横**图标即可打开面板的菜单选项。 -![面板菜单](../assets/image/3.2-1726554691316.jpeg) +![面板菜单](../assets/jpg/3.2-1726554691316.jpeg) ## 图层 使用专业的排版软件必须熟悉图层相关的操作。 @@ -35,7 +35,7 @@ tags: InDesign 的图层面板可以在顶部菜单栏的 **窗口->图层** 中打开。 -![图层面板](../assets/image/Snipaste_2023-06-06_17-47-13.jpg) +![图层面板](../assets/jpg/Snipaste_2023-06-06_17-47-13.jpg) ### 认识图层面板 - 面板中部是各个图层的显示区域。 @@ -56,11 +56,11 @@ InDesign 中的图层不独立于每个页面，而是在整个文档中通用 - 颜色：更改该图层的颜色标记。 - 其他选项功能如面板中描述。 -![图层选项](../assets/image/Snipaste_2023-06-06_18-00-53.jpg) +![图层选项](../assets/jpg/Snipaste_2023-06-06_18-00-53.jpg) - 按住并拖动图层可以调整图层或元素的上下顺序。 - 点击图层左端的小箭头可以展开当前图层。 -![点击小箭头](../assets/image/Snipaste_2023-06-06_18-07-58.jpg) +![点击小箭头](../assets/jpg/Snipaste_2023-06-06_18-07-58.jpg) ### 图层面板的其他功能 - 点击图层/元素最右侧的**小方块**可以选择该图层内的所有元素/该元素。 @@ -75,7 +75,7 @@ InDesign 中一个文档由若干个**页面**组成。使用**页面**面板可 ### 页面面板 -![页面面板](../assets/image/3.2-1691731944230.jpeg) +![页面面板](../assets/jpg/3.2-1691731944230.jpeg) 1. 在 InDesign 上方的菜单栏中选择 **窗口->页面** 打开**页面**面板。 2. 点击下方的**加号**可新建页面。 @@ -91,9 +91,9 @@ InDesign 中一个文档由若干个**页面**组成。使用**页面**面板可 1. 双击页面面板上方的一个主页可以进入其编辑页面。主页的编辑页面与正常页面的编辑完全相同。 2. 右键页面面板上方区域可以新建主页。 -![](../assets/image/3.2-1691732709665.jpeg) +![](../assets/jpg/3.2-1691732709665.jpeg) 3. 右键需要应用主页的页面，选择**将主页应用于页面**，然后选择需要应用的主页即可将主页应用到页面上。 -![](../assets/image/3.2-1691732850364.jpeg) +![](../assets/jpg/3.2-1691732850364.jpeg) ::: tip 主页的层级关系 如果要将主页中的对象显示在文档页面上的对象之前，将主页中的对象移动到**更高的图层**即可。 diff --git a/src/reference/ChapterNo3/3.4.md b/src/reference/ChapterNo3/3.4.md index afefa30..cb96b64 100644 --- a/src/reference/ChapterNo3/3.4.md +++ b/src/reference/ChapterNo3/3.4.md @@ -29,9 +29,9 @@ tags: 1. 按快捷键`Ctrl+R`打开屏幕标尺。 2. 在标尺的不同位置按住鼠标左键并拖动到页面的不同位置可以创建不同类型的参考线。 -- 单页参考线：将鼠标放在水平或竖直标尺上，然后按住鼠标并拖动到**页面上**需要的位置。![](../assets/PixPin_2024-01-22_12-05-05.gif) -- 跨页参考线：将鼠标放在水平或竖直标尺上，然后按住鼠标并拖动到**页面外**需要的位置。![](../assets/PixPin_2024-01-22_12-06-40.gif) -- 交叉参考线：将鼠标放在水平和竖直标尺的交界处，先按住`Ctrl`再按住鼠标左键并拖动到页面上需要的位置。![](../assets/PixPin_2024-01-22_12-07-35.gif) +- 单页参考线：将鼠标放在水平或竖直标尺上，然后按住鼠标并拖动到**页面上**需要的位置。![](../assets/webp/PixPin_2024-01-22_12-05-05.webp) +- 跨页参考线：将鼠标放在水平或竖直标尺上，然后按住鼠标并拖动到**页面外**需要的位置。![](../assets/webp/PixPin_2024-01-22_12-06-40.webp) +- 交叉参考线：将鼠标放在水平和竖直标尺的交界处，先按住`Ctrl`再按住鼠标左键并拖动到页面上需要的位置。![](../assets/webp/PixPin_2024-01-22_12-07-35.webp) ::: tip 小技巧 - 想要**删除**一根参考线，只需要按住并拖动想删除的参考线到**参考线所在的页面以外**即可。 @@ -41,62 +41,62 @@ tags: ::: ## 文本绕排 -1. 在 InDesign 上方的选项卡中选择**窗口->文本绕排**。![](../assets/image/Pastedimage20230422022731.jpg) -2. 选中一张需要绕排的图片。![](../assets/image/Pastedimage20230422023043.jpg) -3. 选择绕排方式，输入绕排间距。![](../assets/image/Pastedimage20230422023254.jpg)![](../assets/image/Pastedimage20230422023324.jpg) +1. 在 InDesign 上方的选项卡中选择**窗口->文本绕排**。![](../assets/jpg/Pastedimage20230422022731.jpg) +2. 选中一张需要绕排的图片。![](../assets/jpg/Pastedimage20230422023043.jpg) +3. 选择绕排方式，输入绕排间距。![](../assets/jpg/Pastedimage20230422023254.jpg)![](../assets/jpg/Pastedimage20230422023324.jpg) ## 文本轮廓化 - 轮廓化后的文字不能更改字体。 - 轮廓化后可以更改文字的*路径点*，以制作特殊的文字效果。 -![](../assets/image/Pastedimage20230422022221.jpg) -1. 选中需要轮廓化的文字框架。![](../assets/image/Pastedimage20230422021810.jpg) -2. 按下快捷键 **Ctrl+Shift+O** 即可。![](../assets/image/Pastedimage20230422021859.jpg) -3. 然后就可以使用**直接选择工具**或者钢笔工具对路径进行修改。![](../assets/image/Pastedimage20230422022542.jpg) +![](../assets/jpg/Pastedimage20230422022221.jpg) +1. 选中需要轮廓化的文字框架。![](../assets/jpg/Pastedimage20230422021810.jpg) +2. 按下快捷键 **Ctrl+Shift+O** 即可。![](../assets/jpg/Pastedimage20230422021859.jpg) +3. 然后就可以使用**直接选择工具**或者钢笔工具对路径进行修改。![](../assets/jpg/Pastedimage20230422022542.jpg) ## 文字加粗 InDesign 软件中没有提供**加粗**这一选项，我们需要使用文字的**描边**功能对字体进行加粗。 1. 选中需要加粗的文字。 2. 在**属性->外观**中选择描边颜色，并设置描边宽度即可。 -![](../assets/image/Pastedimage20230502180842.jpg) +![](../assets/jpg/Pastedimage20230502180842.jpg) ::: tip 通常我们不会使用以上方式对文字进行加粗。调整文字粗细最好的办法是直接更改文字的**字体样式**。 -![](../assets/image/Pastedimage20230502181049.jpg) +![](../assets/jpg/Pastedimage20230502181049.jpg) ::: ## 图片嵌入文字 -![图片嵌入文字示例](../assets/image/Pastedimage20230808134900.jpg) +![图片嵌入文字示例](../assets/jpg/Pastedimage20230808134900.jpg) 1. 将文字轮廓化，具体步骤详见 [2.3 特殊文字效果/文本轮廓化](#文本轮廓化)。 2. 复制需要嵌入的图片。 -3. 选中文字轮廓并右键选择**贴入内部**即可。![](../assets/image/Pastedimage20230808135328.jpg) +3. 选中文字轮廓并右键选择**贴入内部**即可。![](../assets/jpg/Pastedimage20230808135328.jpg) ## 首字下沉 -![首字下沉效果](../assets/image/3.3-1704087529578.jpeg) +![首字下沉效果](../assets/jpg/3.3-1704087529578.jpeg) 使用**段落**面板可以快速地创建首字下沉效果。 1. 打开**段落**面板。 2. 将光标停留在需要添加首字下沉的段落内。 -3. 调整**首字下沉行数**（调整到2以上才会有效果）即可。![](../assets/image/3.3-1704087830269.jpeg) +3. 调整**首字下沉行数**（调整到2以上才会有效果）即可。![](../assets/jpg/3.3-1704087830269.jpeg) ## 路径文字 使用**路径文字**工具可以让文字沿曲线排列。 -![路径文字](../assets/image/Pasted%20image%2020250121145410.jpg) +![路径文字](../assets/jpg/Pasted%20image%2020250121145410.jpg) -1. 使用**钢笔工具**添加一段路径。![](../assets/image/Pasted%20image%2020250121145705.jpg) +1. 使用**钢笔工具**添加一段路径。![](../assets/jpg/Pasted%20image%2020250121145705.jpg) 2. 切换到**路径文字工具**，将鼠标放到路径上，直到指针旁出现一个小加号。 - **默认方式**：单击路径，插入点会出现在路径开头，文字会沿着路径的整个长度显示。 - **限制文字长度**：在文字开始的地方点击并沿着路径拖动鼠标到文字结束的位置，然后释放鼠标即可。 -![添加路径文字](../assets/image/PixPin_2025-01-21_21-16-52.gif) +![添加路径文字](../assets/webp/PixPin_2025-01-21_21-16-52.webp) ::: tip 注意事项 - 路径可以是开放的或封闭的形状。 @@ -113,20 +113,20 @@ InDesign 软件中没有提供**加粗**这一选项，我们需要使用文字 - 制表符默认**不在文本框中显示**。 - 在文本框的输入模式下右键打开菜单，勾选**显示隐藏的字符**即可打开制表符和其他特殊字符的显示。 -![](../assets/image/3.3-1713059538993.jpeg) +![](../assets/jpg/3.3-1713059538993.jpeg) - 制表符会以以下方式显示。 -![](../assets/image/3.3-1713059625743.jpeg) +![](../assets/jpg/3.3-1713059625743.jpeg) ::: ### 制表符对话框 -- 点击菜单栏中的**文字->制表符**以打开制表符面板，或使用快捷键`Ctrl+Shift+T`。![制表符](../assets/image/3.3-1713058998818.jpeg) -- 选中一个需要设置制表符参数的文本框，然后点击制表符面板右侧的**小磁铁图标**可以将制表符面板与文本框对齐。![](../assets/recording%201.gif) +- 点击菜单栏中的**文字->制表符**以打开制表符面板，或使用快捷键`Ctrl+Shift+T`。![制表符](../assets/jpg/3.3-1713058998818.jpeg) +- 选中一个需要设置制表符参数的文本框，然后点击制表符面板右侧的**小磁铁图标**可以将制表符面板与文本框对齐。![](../assets/webp/1746509871.webp) - 制表符面板中央是**定位尺**，在它上面点击可以添加制表符，左右拖动可以改变制表符的位置。 - 制表符面板中提供了多种文字与制表符位置的对齐方式。 - 左对齐/居中对齐/右对齐。 - - 小数点对齐：选中后在**对齐位置**中输入需要对齐的字符。![](../assets/image/3.3-1713060168358.jpeg) + - 小数点对齐：选中后在**对齐位置**中输入需要对齐的字符。![](../assets/jpg/3.3-1713060168358.jpeg) - **X**为制表符位置，选中它后可以手动输入数值，或者按键盘上的`向上/向下`键以整毫米数增大/减小它的值。 ### 设置制表符 @@ -142,7 +142,7 @@ InDesign 软件中没有提供**加粗**这一选项，我们需要使用文字 ### 删除制表符 你可以通过以下三种方法删除一个/多个制表符。 -![](../assets/image/3.3-1713061099456.jpeg) +![](../assets/jpg/3.3-1713061099456.jpeg) - 将制表符**拖离**制表符标尺。 - 右键单击需要删除的制表符，然后选择**删除制表符**。 - 右键单击需要删除的制表符，然后选择**清除全部**。 @@ -157,7 +157,7 @@ InDesign 软件中没有提供**加粗**这一选项，我们需要使用文字 ::: tip 双制表符实现截断前导符的效果 在同一位置**连续使用两个制表符**可以实现如下的特殊效果。 -![](../assets/image/3.3-1713062007980.jpeg) +![](../assets/jpg/3.3-1713062007980.jpeg) ::: ## 查找和替换字体 @@ -165,7 +165,7 @@ InDesign 软件中没有提供**加粗**这一选项，我们需要使用文字 点击软件上方菜单栏中的**文字->查找和替换字体**即可打开查找和替换字体面板。 -![查找和替换字体面板](../assets/image/Pasted%20image%2020250115191219.jpg) +![查找和替换字体面板](../assets/jpg/Pasted%20image%2020250115191219.jpg) ### 替换字体 在这个面板中，我们可以查看文档中**已经使用过的字体**，并对其进行统一替换。 diff --git a/src/reference/ChapterNo3/3.5.md b/src/reference/ChapterNo3/3.5.md index 5c4f859..33701b3 100644 --- a/src/reference/ChapterNo3/3.5.md +++ b/src/reference/ChapterNo3/3.5.md @@ -16,7 +16,7 @@ InDesign 默认使用**典型显示**，该显示设置下图片分辨率会被* ::: -![视图->显示性能](../assets/image/3.4-1691724470260.jpeg) +![视图->显示性能](../assets/jpg/3.4-1691724470260.jpeg) 1. 点击上方菜单栏中 视图->显示性能 即可打开该设置 1. 快速显示：不显示任何图片，仅显示图片占位符 @@ -28,7 +28,7 @@ InDesign 默认使用**典型显示**，该显示设置下图片分辨率会被* ### 屏幕模式 -![视图->屏幕模式](../assets/image/3.4-1691725993515.jpeg) +![视图->屏幕模式](../assets/jpg/3.4-1691725993515.jpeg) 点击上方菜单栏中 视图->屏幕模式 即可打开该设置。 @@ -48,16 +48,16 @@ InDesign 默认使用**典型显示**，该显示设置下图片分辨率会被* 点击软件上方菜单栏中的**视图->叠印预览**或使用快捷键 `Ctrl+Shift+Alt+Y` 即可打开/关闭叠印预览。打开叠印预览后，文件名旁会显示[叠印预览]。 -![叠印预览](../assets/image/Pasted%20image%2020250115201521.jpg) +![叠印预览](../assets/jpg/Pasted%20image%2020250115201521.jpg) -![文件名旁显示“叠印预览”](../assets/image/Pasted%20image%2020250115201535.jpg) +![文件名旁显示“叠印预览”](../assets/jpg/Pasted%20image%2020250115201535.jpg) ::: info 叠印 叠印是指在印刷过程中，将两种或多种不同颜色的油墨在同一区域重叠印刷的技术。通过叠印，油墨会混合产生新的颜色，同时也能避免因颜色镂空而产生的白色缝隙，常用于增强色彩饱和度、避免细微线条的断裂以及实现特殊色彩效果。在设计软件中，需要开启叠印预览才能准确模拟印刷效果。 因为叠印中不同颜色的油墨会相互覆盖，所以对使用了**透明度**的图层影响非常大。建议在调整了图像透明度后，打开叠印预览查看效果是否和预期的一致。 -![叠印预览和普通预览效果对比](../assets/image/30c47caca609f6b0ede9e64d11b6074e_720-1.jpg) +![叠印预览和普通预览效果对比](../assets/jpg/30c47caca609f6b0ede9e64d11b6074e_720-1.jpg) ::: ::: tip 叠印预览只用于查看印刷效果 @@ -71,8 +71,8 @@ InDesign 导出 PDF 的默认设置会对图片进行**缩减像素采样**。 ::: 1. 点击上方菜单栏中的文件->**导出**或使用快捷键 `Ctrl+E` 打开导出界面 -2. 选择导出文件的保存位置后点击右下角的**保存**按钮![](../assets/image/3.4-1691721471978.jpeg) -3. 调整导出设置后点击**导出**按钮即可![](../assets/image/3.4-1691721525503.jpeg) +2. 选择导出文件的保存位置后点击右下角的**保存**按钮![](../assets/jpg/3.4-1691721471978.jpeg) +3. 调整导出设置后点击**导出**按钮即可![](../assets/jpg/3.4-1691721525503.jpeg) ### 导出参数 @@ -93,7 +93,7 @@ InDesign 导出 PDF 的默认设置会对图片进行**缩减像素采样**。 - 导出图层：控制导出图层的方式（通常为减小文件体积会选择**可见并可打印的图层** #### 压缩 -![](../assets/image/3.4-1691723264188.jpeg) +![](../assets/jpg/3.4-1691723264188.jpeg) 以**彩色图像**为例： - 像素采样： - 不缩减像素采样：不降低图片品质 @@ -110,7 +110,7 @@ InDesign 导出 PDF 的默认设置会对图片进行**缩减像素采样**。 #### 标记和出血 -![标记和出血](../assets/image/Pasted%20image%2020250118090058.jpg) +![标记和出血](../assets/jpg/Pasted%20image%2020250118090058.jpg) - 裁切标记：印刷品的裁切标记，用于印刷厂的裁切 - 出血标记：文档的出血线标记，勾选该选项后，导出的文件中会包含文档出血区域的内容 @@ -122,7 +122,7 @@ InDesign 导出 PDF 的默认设置会对图片进行**缩减像素采样**。 #### 输出 该页面主要用于控制输出文件的**色彩空间**。 -![输出->颜色](../assets/image/3.4-1691723717904.jpeg) +![输出->颜色](../assets/jpg/3.4-1691723717904.jpeg) - 颜色转换：是否将不同的颜色空间转为下方的目标值 - 目标：设定需要转换到的色彩空间 @@ -131,5 +131,5 @@ InDesign 导出 PDF 的默认设置会对图片进行**缩减像素采样**。 ::: tip 保存导出设置 在导出面板设置好各项设置之后，可以点击左下角的**存储预设**按钮保存当前设置以供下次使用 -![存储预设](../assets/image/3.4-1691721661286.jpeg) +![存储预设](../assets/jpg/3.4-1691721661286.jpeg) ::: diff --git a/src/reference/ChapterNo3/3.6.md b/src/reference/ChapterNo3/3.6.md index c131ab3..a938b1c 100644 --- a/src/reference/ChapterNo3/3.6.md +++ b/src/reference/ChapterNo3/3.6.md @@ -25,41 +25,41 @@ tags: 在该面板中可以定位和排除**字体丢失**、**素材丢失**和**溢流文本**等问题。 双击面板中黄色的数字可以定位到出现问题的元素上。 -![印前检查面板](../assets/image/Pastedimage20230501171751.jpg) +![印前检查面板](../assets/jpg/Pastedimage20230501171751.jpg) ## 属性面板 该面板提供了对于**选中的对象**各种属性的修改。 | 选中链接的文件 | 选中文本框架 | | -------------- | ------------ | -| ![选中链接的文件](../assets/image/Pastedimage20230809214525.jpg) | ![选中文本框架](../assets/image/Pastedimage20230809214558.jpg) | +| ![选中链接的文件](../assets/jpg/Pastedimage20230809214525.jpg) | ![选中文本框架](../assets/jpg/Pastedimage20230809214558.jpg) | ## 对齐面板 该面板提供了很多有用的对齐控件。 -![对齐面板](../assets/image/Pastedimage20230502180115.jpg) +![对齐面板](../assets/jpg/Pastedimage20230502180115.jpg) ## 拾色器面板 选中需要更改颜色的元素以后，双击左侧面板中的**T**即可打开拾色器。 -![拾色器](../assets/image/Pastedimage20230502180300.jpg) +![拾色器](../assets/jpg/Pastedimage20230502180300.jpg) 在拾色器中我们可以选择不同的色板模式： - HSB（色相H/饱和度S/亮度B） - RGB（红色R/蓝色B/绿色G） - LAB（CIE制定的一种测定颜色的国际标准） -![](../assets/image/Pastedimage20230502180614.jpg) +![](../assets/jpg/Pastedimage20230502180614.jpg) ## 效果面板 该面板中可以为选中的对象添加一些特殊效果： 1. 右键点击需要添加效果的对象 2. 选择**效果**->**需要的效果**直接进入对应的效果面板选项卡 -![](../assets/image/Pastedimage20230809212613.jpg) +![](../assets/jpg/Pastedimage20230809212613.jpg) ::: tip 试一试 效果面板的效果需要**多试、多用**才能熟练运用。 ::: ### 基本羽化 -![基本羽化](../assets/image/Pastedimage20230809213014.jpg) +![基本羽化](../assets/jpg/Pastedimage20230809213014.jpg) - 羽化宽度：调整羽化的宽度 - 收缩：调整羽化向内渐变的程度 @@ -67,7 +67,7 @@ tags: - 杂色：为羽化添加杂色 ### 定向羽化 -![定向羽化](../assets/image/Pastedimage20230809213609.jpg) +![定向羽化](../assets/jpg/Pastedimage20230809213609.jpg) - 羽化宽度：定向羽化中可以调整四个方向的羽化程度 - 角度：调整参考系的角度 @@ -75,7 +75,7 @@ tags: - 杂色：为羽化添加杂色 ### 渐变羽化（最灵活） -![渐变羽化](../assets/image/Pastedimage20230809213955.jpg) +![渐变羽化](../assets/jpg/Pastedimage20230809213955.jpg) - 渐变色标：用于调整渐变羽化的位置和程度 - 纯黑色对应**100%不透明度**（完全不透明） @@ -84,4 +84,4 @@ tags: - 角度：渐变的角度 ### 投影 -![投影](../assets/image/Pastedimage20230809214321.jpg) +![投影](../assets/jpg/Pastedimage20230809214321.jpg) diff --git a/src/reference/ChapterNo4/4.1.md b/src/reference/ChapterNo4/4.1.md index b0a594b..5f714bd 100644 --- a/src/reference/ChapterNo4/4.1.md +++ b/src/reference/ChapterNo4/4.1.md @@ -90,21 +90,21 @@ robots.txt 文件中规定的内容不是搜索引擎必须遵守的，少数搜 ### 基本搜索 1. 打开[百度图片](https://image.baidu.com/)搜索 *小镇* *乡村* 或使用百度一下直接搜索 *小镇* *乡村* 然后点击上方选项卡的**图片**按钮 -2. 百度图片随即会展示搜索到的图片![](../assets/image/Pastedimage20230807212200.jpg) -3. 将鼠标放到图片上会显示图片的**分辨率**信息，点击图片即可进入大图预览界面![](../assets/image/Pastedimage20230807212359.jpg) +2. 百度图片随即会展示搜索到的图片![](../assets/jpg/Pastedimage20230807212200.jpg) +3. 将鼠标放到图片上会显示图片的**分辨率**信息，点击图片即可进入大图预览界面![](../assets/jpg/Pastedimage20230807212359.jpg) 4. 大图预览界面的右上角会显示图片的来源和**分辨率**信息 -5. 右键单击图片，选择**将图片另存为**![](../assets/image/Pastedimage20230807212546.jpg) +5. 右键单击图片，选择**将图片另存为**![](../assets/jpg/Pastedimage20230807212546.jpg) 6. 选择需要保存到的路径并确定 ### 高级搜索 -![](../assets/image/Pastedimage20230807221306.jpg) +![](../assets/jpg/Pastedimage20230807221306.jpg) - 在搜索页上方工具栏可以选择需要的**图片大小** - 通常情况下需要高清图片直接选择**特大尺寸**或类似描述的选项 - 如果在选择的尺寸下没有合适的图片，可以选择其他大小进行搜索 -![](../assets/image/Pastedimage20230807221701.jpg) +![](../assets/jpg/Pastedimage20230807221701.jpg) - 在搜索页上方工具栏可以选择需要的**图片颜色** diff --git a/src/reference/ChapterNo4/4.3.md b/src/reference/ChapterNo4/4.3.md index 363c3ba..1ead8d5 100644 --- a/src/reference/ChapterNo4/4.3.md +++ b/src/reference/ChapterNo4/4.3.md @@ -12,9 +12,9 @@ title: 4.3 图片处理 1. 使用 Adobe Photoshop 打开需要处理的图片 2. 在图层面板中解除需要操作的图层锁定 -3. 选中需要操作的图层，按快捷键 `Ctrl + J` 复制一层（不复制也可以操作，但最好备份一层）![](../assets/image/Pastedimage20230731155109.jpg) -4. 点击**属性**面板中**删除背景**按钮![](../assets/image/Pastedimage20230731155356.jpg) -5. 等待软件计算完成即可![](../assets/image/Pastedimage20230731155300.jpg) +3. 选中需要操作的图层，按快捷键 `Ctrl + J` 复制一层（不复制也可以操作，但最好备份一层）![](../assets/jpg/Pastedimage20230731155109.jpg) +4. 点击**属性**面板中**删除背景**按钮![](../assets/jpg/Pastedimage20230731155356.jpg) +5. 等待软件计算完成即可![](../assets/jpg/Pastedimage20230731155300.jpg) 6. 此后可以通过画笔工具微调该图层的蒙版进行精细化调整 ### 手动抠图 @@ -23,10 +23,10 @@ title: 4.3 图片处理 2. 在图层面板中解除需要操作的图层锁定 3. 选中需要操作的图层，按快捷键 `Ctrl + J` 复制一层（不复制也可以操作，但最好备份一层） 4. 选择左侧面板中的**钢笔**工具或使用快捷键 `P` （需要在输入法为英文的状态下该快捷键才能生效） -5. 使用钢笔工具在需要抠出的对象周围画出轮廓并将它封闭![](../assets/image/Pastedimage20230807182942.jpg) -6. 点击左上角工具栏的**选区**按钮建立![](../assets/image/Pastedimage20230807183021.jpg) -7. 适当调整*羽化半径*（羽化会在画出的轮廓周围添加渐变效果）并点击确定![](../assets/image/Pastedimage20230807183056.jpg) -8. 选中需要抠图的图层，点击**图层面板**中的**添加图层蒙版**按钮即可。![](../assets/image/Pastedimage20230807183307.jpg) +5. 使用钢笔工具在需要抠出的对象周围画出轮廓并将它封闭![](../assets/jpg/Pastedimage20230807182942.jpg) +6. 点击左上角工具栏的**选区**按钮建立![](../assets/jpg/Pastedimage20230807183021.jpg) +7. 适当调整*羽化半径*（羽化会在画出的轮廓周围添加渐变效果）并点击确定![](../assets/jpg/Pastedimage20230807183056.jpg) +8. 选中需要抠图的图层，点击**图层面板**中的**添加图层蒙版**按钮即可。![](../assets/jpg/Pastedimage20230807183307.jpg) 9. 此后可以调整图层蒙版对抠图进行微调 ::: tip 修图的各种参数介绍 @@ -41,23 +41,23 @@ title: 4.3 图片处理 对比度描述的是图片中**亮部和暗部分之间的差异程度**。 在一个高对比度的图片中，你能够清晰地看到每一处细节，无论是最亮的亮点还是最暗的暗影，它们之间的界限非常明显，就像黑白分明一样。这样的图片看起来色彩鲜明，给人以强烈的视觉冲击。 -![高对比度](../assets/image/4.3-1719232961910.jpeg) +![高对比度](../assets/jpg/4.3-1719232961910.jpeg) 而低对比度的图片则显得颜色和层次都相对模糊，细节不够突出，整体上看起来比较柔和，但可能缺少清晰度和立体感。 -![低对比度](../assets/image/4.3-1719232954287.jpeg) +![低对比度](../assets/jpg/4.3-1719232954287.jpeg) ## 饱和度 饱和度是指**色彩的纯度**，一种颜色的饱和度越高，它就越鲜艳；反之，一种颜色的饱和度越低，它就越接近于灰色。 -![左：高饱和度 | 右：低饱和度](../assets/image/4.3-1719233799669.jpeg) +![左：高饱和度 | 右：低饱和度](../assets/jpg/4.3-1719233799669.jpeg) 左侧的图片饱和度较高，整体的色彩比较鲜艳；右侧的图片饱和度较低，因此整体的颜色更加偏向于灰色。 ### 自然饱和度 自然饱和度又名*鲜艳度*/*智能饱和度*，它同样可以调整画面的鲜艳程度，但不同于饱和度，它更加智能，会主要增强那些本来就不太鲜艳的颜色，而对已经很鲜艳的颜色保持不变。这样可以让图片看起来既鲜艳又自然，一定程度上避免过度饱和导致的失真。 -![左：自然饱和度 0 |右：自然饱和度 25](../assets/image/4.3-1719234212855.jpeg) +![左：自然饱和度 0 |右：自然饱和度 25](../assets/jpg/4.3-1719234212855.jpeg) 饱和度适合那些想要强烈视觉效果或者需要大幅调整色彩的情况；而自然饱和度则适用于需要细微调整，保持某些关键区域（如肤色）自然的情况。 @@ -68,18 +68,18 @@ title: 4.3 图片处理 ::: tip 在 Adobe Photoshop 中打开曲线工具 选中需要添加曲线工具的图层，在**调整**面板中单击**曲线**即可为所选的图层添加曲线调整图层。 -![创建新的曲线调整图层](../assets/image/4.3-1719214205630.jpeg) +![创建新的曲线调整图层](../assets/jpg/4.3-1719214205630.jpeg) ::: ::: tip 手机修图软件中的曲线工具 -![](../assets/image/4.3-1719231884993.jpeg) +![](../assets/jpg/4.3-1719231884993.jpeg) ::: ### 曲线的原理 曲线工具是一个非常重要的色彩和影调调整工具，常常被称作**调色之王**。 -![图片来自@bilibili 在逃柯学家](../assets/image/4.3-1719213963944.jpeg) +![图片来自@bilibili 在逃柯学家](../assets/jpg/4.3-1719213963944.jpeg) RGB 曲线调整的本质是**对原图亮度的变换**。 @@ -96,23 +96,23 @@ RGB 曲线调整的本质是**对原图亮度的变换**。 当我们在曲线上任意取一个点，它的**输入值**就是横轴对应的数值，即原图中的亮度；它的**输出值**就是纵轴中的数值，也就是调整后它的亮度值。 -![选中左侧的锚点，输入为 73 输出为 72，略微压暗](../assets/image/4.3-1719216016164.jpeg) +![选中左侧的锚点，输入为 73 输出为 72，略微压暗](../assets/jpg/4.3-1719216016164.jpeg) 接下来以一个常见的 **S 形曲线** 为例说明曲线的作用。 -![Step1 原图](../assets/image/4.3-1719227922533.jpeg) +![Step1 原图](../assets/jpg/4.3-1719227922533.jpeg) 在原图中，我们可以看到图像的对比度不够高，导致图像有些发灰，因此我们使用 **S 形曲线** 来提高图像的对比度。 -![Step2 压暗暗部](../assets/image/4.3-1719227932153.jpeg) +![Step2 压暗暗部](../assets/jpg/4.3-1719227932153.jpeg) 在曲线的**左侧**新建锚点，将锚点**向下**移动少许。 -![Step3 提亮亮部](../assets/image/4.3-1719227940021.jpeg) +![Step3 提亮亮部](../assets/jpg/4.3-1719227940021.jpeg) 在曲线的**右侧**新建锚点，将锚点**向上**移动少许。 -![原图/调整后对比](../assets/image/4.3-1719227945760.jpeg) +![原图/调整后对比](../assets/jpg/4.3-1719227945760.jpeg) 调整后我们可以发现，图像的对比度得到了提高，**亮部更亮、暗部更暗**，图像发灰的情况得到了明显改善。 @@ -124,30 +124,30 @@ RGB 曲线调整的本质是**对原图亮度的变换**。 > 11 种曲线图片均来自 @bilibili [在逃柯学家](https://space.bilibili.com/251960524) -![提亮/压暗](../assets/image/4.3-1719220745019.jpeg) +![提亮/压暗](../assets/jpg/4.3-1719220745019.jpeg) -![“S”型 / 反“S”型](../assets/image/4.3-1719220820593.jpeg) +![“S”型 / 反“S”型](../assets/jpg/4.3-1719220820593.jpeg) > “S”型曲线加大图像对比度，亮部更亮，暗部更暗，反“S”型曲线降低图像对比度。 -![暗部压缩 / 扩张](../assets/image/4.3-1719220882705.jpeg) +![暗部压缩 / 扩张](../assets/jpg/4.3-1719220882705.jpeg) -![亮部压缩 / 扩张](../assets/image/4.3-1719220905771.jpeg) +![亮部压缩 / 扩张](../assets/jpg/4.3-1719220905771.jpeg) -![水平/竖直](../assets/image/4.3-1719220935362.jpeg) +![水平/竖直](../assets/jpg/4.3-1719220935362.jpeg) > 水平意味着不同级别的灰度，竖直类似色调分离效果，用有限几个颜色显示整个图像。不难得出曲线越平，图像反差越小，越发灰；曲线越接近竖直，图像反差越大，对比越强烈。 -![负片效果](../assets/image/4.3-1719220984474.jpeg) +![负片效果](../assets/jpg/4.3-1719220984474.jpeg) ### 单通道曲线 在曲线面板的选项卡中可以单独选择**红**、**绿**或**蓝**通道来调整对应色彩的亮度曲线。 -![蓝色通道曲线](../assets/image/4.3-1719224107941.jpeg) +![蓝色通道曲线](../assets/jpg/4.3-1719224107941.jpeg) 通过调节不同色彩的曲线，我们可以对原片实现风格化处理。 -![单通道曲线示例](../assets/image/4.3-1719225048589.jpeg) +![单通道曲线示例](../assets/jpg/4.3-1719225048589.jpeg) - 红色：提亮亮部以使得晚霞更加红润；略微压暗暗部以平衡色差 - 绿色：压暗中灰部，使得画面偏紫色色调 diff --git a/src/reference/ChapterNo5/5.1.md b/src/reference/ChapterNo5/5.1.md index 9515cc7..3d8111f 100644 --- a/src/reference/ChapterNo5/5.1.md +++ b/src/reference/ChapterNo5/5.1.md @@ -9,7 +9,7 @@ category: ## 字体管理软件 ### FontBase -![](../assets/image/Pastedimage20230422020529.jpg) +![](../assets/jpg/Pastedimage20230422020529.jpg) 特性： - 免费部分功能完善 - 可以一键切换字体的激活/未激活状态 @@ -23,7 +23,7 @@ category: - 国外网站下载较慢 ### 字由 -![](../assets/image/Pastedimage20230422020549.jpg) +![](../assets/jpg/Pastedimage20230422020549.jpg) 特性： - 丰富的云字库 - 可以一键切换字体的激活/未激活状态 @@ -55,16 +55,16 @@ FontBase 最主要的思想是字体的激活和停用。当你在没有字体 ::: warning FontBase 已经停止对 windows7 系统的支持 最后一个支持 windows7 的版本为 2.18.1，[官网下载地址](https://releases.fontba.se/win/FontBase-2.18.1.exe) ::: -1. 访问 [FontBase 官网](https://fontba.se/)，点击 **Download FontBase** 下载软件![](../assets/image/Pastedimage20230422021442.jpg) -2. 双击下载好的安装包进行安装![](../assets/image/Pastedimage20230422131627.jpg) 3. 打开 FontBase +1. 访问 [FontBase 官网](https://fontba.se/)，点击 **Download FontBase** 下载软件。![](../assets/jpg/Pastedimage20230422021442.jpg) +2. 双击下载好的安装包进行安装。![](../assets/jpg/Pastedimage20230422131627.jpg) ### 添加本地字体库 第一次启动 FontBase 时，软件内不会显示任何字体。软件会提示你添加系统字体或者拖动一个包含字体的文件夹到软件中，以便开始使用 FontBase。 建议在本地硬盘上整理好自己的字体库，再使用 FontBase 进行管理和激活。 -![](../assets/image/Pastedimage20230429223054.jpg) -![](../assets/image/Pastedimage20230429223107.jpg) +![](../assets/jpg/Pastedimage20230429223054.jpg) +![](../assets/jpg/Pastedimage20230429223107.jpg) FontBase 软件有两种导入字体的逻辑： - Copy（复制）：软件将需要添加的字体复制到软件的工作目录内，会实际占用工作目录的空间。 @@ -79,7 +79,7 @@ FontBase 软件有两种导入字体的逻辑： #### 激活/取消激活字体 点击字体名称前的**小圆圈**即可激活该字体，再次点击即可取消激活。点击文件夹名称前的**小圆圈**可以激活该文件夹内所有的字体。 -![](../assets/image/5.1-1700360031353.jpeg) +![](../assets/jpg/5.1-1700360031353.jpeg) 小圆圈有以下三种状态： - 黑色中空：字体未激活 @@ -89,10 +89,10 @@ FontBase 软件有两种导入字体的逻辑： #### 快捷预览字体效果 在软件的字体预览框下方的文本框内输入需要预览的文字即可预览效果 -![](../assets/image/5.1-1705153611501.jpeg) +![](../assets/jpg/5.1-1705153611501.jpeg) #### 其他功能 -![](../assets/image/Pastedimage20230422132112.jpg) +![](../assets/jpg/Pastedimage20230422132112.jpg) - 左侧窗口用于筛选字体。 - All：查看软件内所有添加的字体 @@ -114,6 +114,7 @@ FontBase 软件有两种导入字体的逻辑： 2. 选中 **Active** 选项卡，在右侧的预览界面中按 **Ctrl+A** 全选已经激活的字体。 3. 将选中的字体拖入到刚才创建的集合中。 4. 在集合名称的上方右键点击打开菜单，选择 **Package** 选项![](../assets/image/Pastedimage20230429225118.jpg) +4. 在集合名称的上方右键点击打开菜单，选择 **Package** 选项![](../assets/jpg/Pastedimage20230429225118.jpg) 5. 选择需要保存的位置，点击保存即可。 FontBase 使用 zip 压缩文件打包字体，汇总时解压即可使用。 diff --git a/src/reference/ChapterNo5/5.2.md b/src/reference/ChapterNo5/5.2.md index c0739b4..096c316 100644 --- a/src/reference/ChapterNo5/5.2.md +++ b/src/reference/ChapterNo5/5.2.md @@ -42,7 +42,7 @@ title: 5.2 素材管理 - 软件较为稳定 ### Eagle -![Eagle 官网](../assets/image/Pastedimage20230422020507.jpg) +![Eagle 官网](../assets/jpg/Pastedimage20230422020507.jpg) 综合性很强的素材收集、整理软件，可以管理案例、灵感、截图、图片、视频、音频、情绪板等各类素材 diff --git a/src/reference/ChapterNo6/6.1.md b/src/reference/ChapterNo6/6.1.md index c0e8e80..4d97dbb 100644 --- a/src/reference/ChapterNo6/6.1.md +++ b/src/reference/ChapterNo6/6.1.md @@ -19,8 +19,8 @@ title: 6.1 上交排版作品 ## InDesign 打包 InDesign 自带的**打包**功能可以帮助我们把 InDesign 源文件和使用的素材快捷地汇总到一个文件夹内。 -1. 点击**文件->打包**![](../assets/image/073c4599ef5fcc15e08798c45ee576b3_MD5.jpg) -2. 在弹出的页面中点击**打包**按钮，选择需要保存的位置并调整保存选项![](../assets/image/ad8f516f5b86bcc96e800346d7cf1a77_MD5.jpg) +1. 点击**文件->打包**![](../assets/jpg/073c4599ef5fcc15e08798c45ee576b3_MD5.jpg) +2. 在弹出的页面中点击**打包**按钮，选择需要保存的位置并调整保存选项![](../assets/jpg/ad8f516f5b86bcc96e800346d7cf1a77_MD5.jpg) 下附部分选项注释： - 复制字体（可选）：保存小部分字体（需要手动打包使用到的字体） - 更新包中的图形链接（必选）：自动更新素材的链接至新的保存位置 @@ -43,7 +43,7 @@ InDesign 软件的打包功能**无法将绝大多数的字体自动打包**， 在将字体文件打包之前，我们需要知道使用了哪些非系统预装的字体（通俗地说就是你自己安装的字体）。在 InDesign 的**打包->字体**页面中，可以看到所有使用到的字体名称。其中如等线、宋体等均为系统自带的字体。 -![打包->字体](../assets/image/6.1-1700322557652.jpeg) +![打包->字体](../assets/jpg/6.1-1700322557652.jpeg) 在了解了使用了哪些字体之后，我们需要找到相应的字体文件。这里可以分为以下几种情况： @@ -80,22 +80,22 @@ InDesign 软件的打包功能**无法将绝大多数的字体自动打包**， [360 压缩](https://yasuo.360.cn/index.html)是360推出的免费解**压缩**软件，360压缩快速轻巧、兼容性好、永久免费。**360 压缩**内置云安全引擎，可以检测木马，更安全。（摘自官网搜索引擎引导词） #### 一键解压 1. 在文件资源管理器中双击打开一个压缩包或在文件上右键->打开方式-> **使用360压缩打开** -2. 点击上方菜单栏的**一键解压**按钮![](../assets/image/Pastedimage20230730110510.jpg) +2. 点击上方菜单栏的**一键解压**按钮![](../assets/jpg/Pastedimage20230730110510.jpg) 3. 360压缩会将当前压缩包内的文件解压到**压缩包所在目录/压缩包名称**内 ::: tip 使用一键解压时可以开启**自动关闭360压缩**功能减少操作次数 -![](../assets/image/Pastedimage20230730110628.jpg) +![](../assets/jpg/Pastedimage20230730110628.jpg) ::: #### 手动解压 1. 打开压缩包 -2. 点击上方菜单栏的**解压到**按钮![](../assets/image/Pastedimage20230730111057.jpg) +2. 点击上方菜单栏的**解压到**按钮![](../assets/jpg/Pastedimage20230730111057.jpg) 3. 调整解压位置和其他参数后点击**立即解压**即可 #### 压缩 -1. 选中需要压缩的文件，右键选择**添加到压缩文件（A）**![](../assets/image/Pastedimage20230730113507.jpg) -2. 选择压缩配置并点击立即压缩![](../assets/image/Pastedimage20230730113538.jpg) +1. 选中需要压缩的文件，右键选择**添加到压缩文件（A）**![](../assets/jpg/Pastedimage20230730113507.jpg) +2. 选择压缩配置并点击立即压缩![](../assets/jpg/Pastedimage20230730113538.jpg) ::: tip 提示 通常情况下选择**速度最快**即可。更小的压缩文件体积会需要花费更长的时间进行压缩，同时也需要更多的时间进行解压。 @@ -108,20 +108,20 @@ InDesign 软件的打包功能**无法将绝大多数的字体自动打包**， #### 关联压缩包格式 7-Zip 在安装完成后不会关联压缩包的各种格式，需要我们进行手动操作进行关联。 1. 打开 7-Zip 软件 -2. 点击**菜单栏->工具->选项**![](../assets/image/Pastedimage20230730115731.jpg) -3. 点击需要关联的文件类型右侧的黄色区域将黄色框内的文字调整至显示**7-Zip**![](../assets/image/Pastedimage20230730115914.jpg) +2. 点击**菜单栏->工具->选项**![](../assets/jpg/Pastedimage20230730115731.jpg) +3. 点击需要关联的文件类型右侧的黄色区域将黄色框内的文字调整至显示**7-Zip**![](../assets/jpg/Pastedimage20230730115914.jpg) 4. 点击对话框下方的**确定**即可完成文件关联设置 > 常见的压缩文件格式：`7z`、`zip`、`rar`、`tar` #### 解压 1. 使用 7-Zip 打开需要解压的压缩包 -2. 点击菜单栏上方的**提取**按钮![](../assets/image/Pastedimage20230730120811.jpg) -3. 选择需要解压到的位置并点击确定即可![](../assets/image/Pastedimage20230730120855.jpg) +2. 点击菜单栏上方的**提取**按钮![](../assets/jpg/Pastedimage20230730120811.jpg) +3. 选择需要解压到的位置并点击确定即可![](../assets/jpg/Pastedimage20230730120855.jpg) #### 压缩 -1. 在文件资源管理器中选择需要压缩的文件并右键选择**添加到压缩包**![](../assets/image/Pastedimage20230730121002.jpg) -2. 调整压缩参数（通常仅调整**压缩格式**和**压缩等级**即可）并点击**确定**按钮![](../assets/image/Pastedimage20230730121113.jpg) +1. 在文件资源管理器中选择需要压缩的文件并右键选择**添加到压缩包**![](../assets/jpg/Pastedimage20230730121002.jpg) +2. 调整压缩参数（通常仅调整**压缩格式**和**压缩等级**即可）并点击**确定**按钮![](../assets/jpg/Pastedimage20230730121113.jpg) 参数参考： - 压缩格式： - 7z：通用的归档容器，默认采用 `LZMA2` 算法进行压缩 @@ -147,4 +147,4 @@ InDesign 软件的打包功能**无法将绝大多数的字体自动打包**， > 参考译文：NanaZip 是一款为现代化 Windows 体验设计的开源文件压缩器，其源代码来自于著名的开源文件压缩器 7-Zip。 > 译者注：简单来说就是为 7-Zip 写了一个界面让它更符合 Windows11 的设计。 -![](../assets/image/Pastedimage20230730115308.jpg) +![](../assets/jpg/Pastedimage20230730115308.jpg) diff --git a/src/reference/ChapterNo6/6.2.md b/src/reference/ChapterNo6/6.2.md index 3fb1759..a0c9aaa 100644 --- a/src/reference/ChapterNo6/6.2.md +++ b/src/reference/ChapterNo6/6.2.md @@ -4,7 +4,7 @@ title: 6.2 排版汇总 ## 一般流程 -![汇总排版流程图](../assets/image/汇总排版流程图.svg) +![汇总排版流程图](../assets/jpg/汇总排版流程图.svg) 上面这张流程图描述了一般的汇总流程，下面用文字进行描述： - 制作人完成排版作品之后，需要将自己的排版作品打包成**压缩包**并发送给指定的汇总人 @@ -25,14 +25,14 @@ title: 6.2 排版汇总 - 便宜的大容量移动存储介质不仅读写速度极慢，而且大多为扩容盘（虚标容量）。扩容盘在它的真实容量用尽以后再存入文件会导致**文件无法读取** - 建议购买**大厂（如三星、金士顿）生产**的U盘 -![左侧为损坏的 idmt 文件，右侧为正常的 indd 文件](../assets/image/6.2-1702185188584.jpeg) +![左侧为损坏的 idmt 文件，右侧为正常的 indd 文件](../assets/jpg/6.2-1702185188584.jpeg) ::: 汇总人需要对收到的文件进行整理，以下给出两个参考。 -![](../assets/image/Pastedimage20230730143356.jpg) -![](../assets/image/Pastedimage20230730143423.jpg) +![](../assets/jpg/Pastedimage20230730143356.jpg) +![](../assets/jpg/Pastedimage20230730143423.jpg) 在文件夹名称上通常会包含以下内容 - 序号或任意可以达到排序效果的内容 @@ -55,11 +55,11 @@ title: 6.2 排版汇总 5. 将主页应用到需要添加页码的页面上（具体步骤详见 [主页功能](../ChapterNo3/3.3.md#主页功能)） ### 传统步骤（需要逐个复制粘贴） -1. 使用**文本框工具**绘制一个文本框并放置在需要添加页码的位置，点选文本框进入编辑状态![](../assets/image/Pastedimage20230730125246.jpg) -2. 点击**菜单栏->文字->插入特殊字符->标志符->当前页码**![](../assets/image/Pastedimage20230730125346.jpg) -3. 调整页码的字体、字号等参数![](../assets/image/Pastedimage20230730125549.jpg) -4. 将对页上的页码文本框进行**编组**（快捷键：`Ctrl+G`），方便后续复制和编辑![](../assets/image/Pastedimage20230730125714.jpg) -5. 复制文本框组并在下一个对页上右键空白处选择**原位粘贴**![](../assets/image/Pastedimage20230730125803.jpg) +1. 使用**文本框工具**绘制一个文本框并放置在需要添加页码的位置，点选文本框进入编辑状态![](../assets/jpg/Pastedimage20230730125246.jpg) +2. 点击**菜单栏->文字->插入特殊字符->标志符->当前页码**![](../assets/jpg/Pastedimage20230730125346.jpg) +3. 调整页码的字体、字号等参数![](../assets/jpg/Pastedimage20230730125549.jpg) +4. 将对页上的页码文本框进行**编组**（快捷键：`Ctrl+G`），方便后续复制和编辑![](../assets/jpg/Pastedimage20230730125714.jpg) +5. 复制文本框组并在下一个对页上右键空白处选择**原位粘贴**![](../assets/jpg/Pastedimage20230730125803.jpg) 6. 重复以上操作即可为所有的页面添加页码 ### 编排内页页码 @@ -101,7 +101,7 @@ title: 6.2 排版汇总 如果需要对整个文档中的软换行符进行搜索，请将**搜索**更改为**文档**。 -![](../assets/image/Pasted%20image%2020250115192942.jpg) +![](../assets/jpg/Pasted%20image%2020250115192942.jpg) ::: ## 导出印刷稿 diff --git a/src/reference/ChapterNo6/6.3.md b/src/reference/ChapterNo6/6.3.md index 28dcde4..e025952 100644 --- a/src/reference/ChapterNo6/6.3.md +++ b/src/reference/ChapterNo6/6.3.md @@ -5,8 +5,8 @@ title: 6.3 出刊的其他注意事项 ## 线上审稿 强烈建议对于在**线上**进行的*汇总稿*审查和修改附上**修改日志**，同时在上传的文件的名称中附带**版本号** 下面给出一种参考： -- 文件命名![](../assets/image/Pastedimage20230730131513.jpg) -- 修改日志![](../assets/image/Pastedimage20230730132012.jpg) +- 文件命名![](../assets/jpg/Pastedimage20230730131513.jpg) +- 修改日志![](../assets/jpg/Pastedimage20230730132012.jpg) 修改日志包含的要素： - 版本号 - 修改内容（有提出人的应附上提出人ID） diff --git a/src/reference/README.md b/src/reference/README.md index 123c0b3..4a60ccb 100644 --- a/src/reference/README.md +++ b/src/reference/README.md @@ -32,11 +32,11 @@ icon: book ## 网站操作指南 ### 手机端 -- 点击左上角的按钮可以打开文档目录![](assets/recording.gif) +- 点击左上角的按钮可以打开文档目录![](assets/webp/1746509840.webp) - 点击目录中的标题可以跳转到对应的页面 ### PC 端 -- 左侧为文档目录，右侧为本页内容的导航，点击即可跳转到对应的页面或位置![](assets/image/README-1710520319220.jpeg) +- 左侧为文档目录，右侧为本页内容的导航，点击即可跳转到对应的页面或位置![](assets/jpg/README-1710520319220.jpeg) ## 项目维护 该文档已经在 Github 开源，目前由 @狮子耗耗 维护。 diff --git a/src/reference/assets/image/073c4599ef5fcc15e08798c45ee576b3_MD5.jpg b/src/reference/assets/jpg/073c4599ef5fcc15e08798c45ee576b3_MD5.jpg similarity index 100% rename from src/reference/assets/image/073c4599ef5fcc15e08798c45ee576b3_MD5.jpg rename to src/reference/assets/jpg/073c4599ef5fcc15e08798c45ee576b3_MD5.jpg diff --git a/src/reference/assets/image/1.1-1723903518395.jpeg b/src/reference/assets/jpg/1.1-1723903518395.jpeg similarity index 100% rename from src/reference/assets/image/1.1-1723903518395.jpeg rename to src/reference/assets/jpg/1.1-1723903518395.jpeg diff --git a/src/reference/assets/image/3.1-1719212114226.jpeg b/src/reference/assets/jpg/3.1-1719212114226.jpeg similarity index 100% rename from src/reference/assets/image/3.1-1719212114226.jpeg rename to src/reference/assets/jpg/3.1-1719212114226.jpeg diff --git a/src/reference/assets/image/3.1-1719212202040.jpeg b/src/reference/assets/jpg/3.1-1719212202040.jpeg similarity index 100% rename from src/reference/assets/image/3.1-1719212202040.jpeg rename to src/reference/assets/jpg/3.1-1719212202040.jpeg diff --git a/src/reference/assets/image/3.2-1691731944230.jpeg b/src/reference/assets/jpg/3.2-1691731944230.jpeg similarity index 100% rename from src/reference/assets/image/3.2-1691731944230.jpeg rename to src/reference/assets/jpg/3.2-1691731944230.jpeg diff --git a/src/reference/assets/image/3.2-1691732709665.jpeg b/src/reference/assets/jpg/3.2-1691732709665.jpeg similarity index 100% rename from src/reference/assets/image/3.2-1691732709665.jpeg rename to src/reference/assets/jpg/3.2-1691732709665.jpeg diff --git a/src/reference/assets/image/3.2-1691732850364.jpeg b/src/reference/assets/jpg/3.2-1691732850364.jpeg similarity index 100% rename from src/reference/assets/image/3.2-1691732850364.jpeg rename to src/reference/assets/jpg/3.2-1691732850364.jpeg diff --git a/src/reference/assets/image/3.2-1710516359503.jpeg b/src/reference/assets/jpg/3.2-1710516359503.jpeg similarity index 100% rename from src/reference/assets/image/3.2-1710516359503.jpeg rename to src/reference/assets/jpg/3.2-1710516359503.jpeg diff --git a/src/reference/assets/image/3.2-1726276563372.jpeg b/src/reference/assets/jpg/3.2-1726276563372.jpeg similarity index 100% rename from src/reference/assets/image/3.2-1726276563372.jpeg rename to src/reference/assets/jpg/3.2-1726276563372.jpeg diff --git a/src/reference/assets/image/3.2-1726277364709.jpeg b/src/reference/assets/jpg/3.2-1726277364709.jpeg similarity index 100% rename from src/reference/assets/image/3.2-1726277364709.jpeg rename to src/reference/assets/jpg/3.2-1726277364709.jpeg diff --git a/src/reference/assets/image/3.2-1726554691316.jpeg b/src/reference/assets/jpg/3.2-1726554691316.jpeg similarity index 100% rename from src/reference/assets/image/3.2-1726554691316.jpeg rename to src/reference/assets/jpg/3.2-1726554691316.jpeg diff --git a/src/reference/assets/image/3.2-1726554984665.jpeg b/src/reference/assets/jpg/3.2-1726554984665.jpeg similarity index 100% rename from src/reference/assets/image/3.2-1726554984665.jpeg rename to src/reference/assets/jpg/3.2-1726554984665.jpeg diff --git a/src/reference/assets/image/3.2-1726661535858.jpeg b/src/reference/assets/jpg/3.2-1726661535858.jpeg similarity index 100% rename from src/reference/assets/image/3.2-1726661535858.jpeg rename to src/reference/assets/jpg/3.2-1726661535858.jpeg diff --git a/src/reference/assets/image/3.2-1726661818176.jpeg b/src/reference/assets/jpg/3.2-1726661818176.jpeg similarity index 100% rename from src/reference/assets/image/3.2-1726661818176.jpeg rename to src/reference/assets/jpg/3.2-1726661818176.jpeg diff --git a/src/reference/assets/image/3.2-1726663328456.jpeg b/src/reference/assets/jpg/3.2-1726663328456.jpeg similarity index 100% rename from src/reference/assets/image/3.2-1726663328456.jpeg rename to src/reference/assets/jpg/3.2-1726663328456.jpeg diff --git a/src/reference/assets/image/3.2-1731079293840.jpeg b/src/reference/assets/jpg/3.2-1731079293840.jpeg similarity index 100% rename from src/reference/assets/image/3.2-1731079293840.jpeg rename to src/reference/assets/jpg/3.2-1731079293840.jpeg diff --git a/src/reference/assets/image/3.2-1731114391768.jpeg b/src/reference/assets/jpg/3.2-1731114391768.jpeg similarity index 100% rename from src/reference/assets/image/3.2-1731114391768.jpeg rename to src/reference/assets/jpg/3.2-1731114391768.jpeg diff --git a/src/reference/assets/image/3.3-1704087529578.jpeg b/src/reference/assets/jpg/3.3-1704087529578.jpeg similarity index 100% rename from src/reference/assets/image/3.3-1704087529578.jpeg rename to src/reference/assets/jpg/3.3-1704087529578.jpeg diff --git a/src/reference/assets/image/3.3-1704087830269.jpeg b/src/reference/assets/jpg/3.3-1704087830269.jpeg similarity index 100% rename from src/reference/assets/image/3.3-1704087830269.jpeg rename to src/reference/assets/jpg/3.3-1704087830269.jpeg diff --git a/src/reference/assets/image/3.3-1713058998818.jpeg b/src/reference/assets/jpg/3.3-1713058998818.jpeg similarity index 100% rename from src/reference/assets/image/3.3-1713058998818.jpeg rename to src/reference/assets/jpg/3.3-1713058998818.jpeg diff --git a/src/reference/assets/image/3.3-1713059538993.jpeg b/src/reference/assets/jpg/3.3-1713059538993.jpeg similarity index 100% rename from src/reference/assets/image/3.3-1713059538993.jpeg rename to src/reference/assets/jpg/3.3-1713059538993.jpeg diff --git a/src/reference/assets/image/3.3-1713059625743.jpeg b/src/reference/assets/jpg/3.3-1713059625743.jpeg similarity index 100% rename from src/reference/assets/image/3.3-1713059625743.jpeg rename to src/reference/assets/jpg/3.3-1713059625743.jpeg diff --git a/src/reference/assets/image/3.3-1713060168358.jpeg b/src/reference/assets/jpg/3.3-1713060168358.jpeg similarity index 100% rename from src/reference/assets/image/3.3-1713060168358.jpeg rename to src/reference/assets/jpg/3.3-1713060168358.jpeg diff --git a/src/reference/assets/image/3.3-1713061099456.jpeg b/src/reference/assets/jpg/3.3-1713061099456.jpeg similarity index 100% rename from src/reference/assets/image/3.3-1713061099456.jpeg rename to src/reference/assets/jpg/3.3-1713061099456.jpeg diff --git a/src/reference/assets/image/3.3-1713062007980.jpeg b/src/reference/assets/jpg/3.3-1713062007980.jpeg similarity index 100% rename from src/reference/assets/image/3.3-1713062007980.jpeg rename to src/reference/assets/jpg/3.3-1713062007980.jpeg diff --git a/src/reference/assets/image/3.4-1691721471978.jpeg b/src/reference/assets/jpg/3.4-1691721471978.jpeg similarity index 100% rename from src/reference/assets/image/3.4-1691721471978.jpeg rename to src/reference/assets/jpg/3.4-1691721471978.jpeg diff --git a/src/reference/assets/image/3.4-1691721525503.jpeg b/src/reference/assets/jpg/3.4-1691721525503.jpeg similarity index 100% rename from src/reference/assets/image/3.4-1691721525503.jpeg rename to src/reference/assets/jpg/3.4-1691721525503.jpeg diff --git a/src/reference/assets/image/3.4-1691721661286.jpeg b/src/reference/assets/jpg/3.4-1691721661286.jpeg similarity index 100% rename from src/reference/assets/image/3.4-1691721661286.jpeg rename to src/reference/assets/jpg/3.4-1691721661286.jpeg diff --git a/src/reference/assets/image/3.4-1691723264188.jpeg b/src/reference/assets/jpg/3.4-1691723264188.jpeg similarity index 100% rename from src/reference/assets/image/3.4-1691723264188.jpeg rename to src/reference/assets/jpg/3.4-1691723264188.jpeg diff --git a/src/reference/assets/image/3.4-1691723717904.jpeg b/src/reference/assets/jpg/3.4-1691723717904.jpeg similarity index 100% rename from src/reference/assets/image/3.4-1691723717904.jpeg rename to src/reference/assets/jpg/3.4-1691723717904.jpeg diff --git a/src/reference/assets/image/3.4-1691724470260.jpeg b/src/reference/assets/jpg/3.4-1691724470260.jpeg similarity index 100% rename from src/reference/assets/image/3.4-1691724470260.jpeg rename to src/reference/assets/jpg/3.4-1691724470260.jpeg diff --git a/src/reference/assets/image/3.4-1691725993515.jpeg b/src/reference/assets/jpg/3.4-1691725993515.jpeg similarity index 100% rename from src/reference/assets/image/3.4-1691725993515.jpeg rename to src/reference/assets/jpg/3.4-1691725993515.jpeg diff --git a/src/reference/assets/image/30c47caca609f6b0ede9e64d11b6074e_720-1.jpg b/src/reference/assets/jpg/30c47caca609f6b0ede9e64d11b6074e_720-1.jpg similarity index 100% rename from src/reference/assets/image/30c47caca609f6b0ede9e64d11b6074e_720-1.jpg rename to src/reference/assets/jpg/30c47caca609f6b0ede9e64d11b6074e_720-1.jpg diff --git a/src/reference/assets/image/4.3-1719213963944.jpeg b/src/reference/assets/jpg/4.3-1719213963944.jpeg similarity index 100% rename from src/reference/assets/image/4.3-1719213963944.jpeg rename to src/reference/assets/jpg/4.3-1719213963944.jpeg diff --git a/src/reference/assets/image/4.3-1719214205630.jpeg b/src/reference/assets/jpg/4.3-1719214205630.jpeg similarity index 100% rename from src/reference/assets/image/4.3-1719214205630.jpeg rename to src/reference/assets/jpg/4.3-1719214205630.jpeg diff --git a/src/reference/assets/image/4.3-1719216016164.jpeg b/src/reference/assets/jpg/4.3-1719216016164.jpeg similarity index 100% rename from src/reference/assets/image/4.3-1719216016164.jpeg rename to src/reference/assets/jpg/4.3-1719216016164.jpeg diff --git a/src/reference/assets/image/4.3-1719220745019.jpeg b/src/reference/assets/jpg/4.3-1719220745019.jpeg similarity index 100% rename from src/reference/assets/image/4.3-1719220745019.jpeg rename to src/reference/assets/jpg/4.3-1719220745019.jpeg diff --git a/src/reference/assets/image/4.3-1719220820593.jpeg b/src/reference/assets/jpg/4.3-1719220820593.jpeg similarity index 100% rename from src/reference/assets/image/4.3-1719220820593.jpeg rename to src/reference/assets/jpg/4.3-1719220820593.jpeg diff --git a/src/reference/assets/image/4.3-1719220882705.jpeg b/src/reference/assets/jpg/4.3-1719220882705.jpeg similarity index 100% rename from src/reference/assets/image/4.3-1719220882705.jpeg rename to src/reference/assets/jpg/4.3-1719220882705.jpeg diff --git a/src/reference/assets/image/4.3-1719220905771.jpeg b/src/reference/assets/jpg/4.3-1719220905771.jpeg similarity index 100% rename from src/reference/assets/image/4.3-1719220905771.jpeg rename to src/reference/assets/jpg/4.3-1719220905771.jpeg diff --git a/src/reference/assets/image/4.3-1719220935362.jpeg b/src/reference/assets/jpg/4.3-1719220935362.jpeg similarity index 100% rename from src/reference/assets/image/4.3-1719220935362.jpeg rename to src/reference/assets/jpg/4.3-1719220935362.jpeg diff --git a/src/reference/assets/image/4.3-1719220984474.jpeg b/src/reference/assets/jpg/4.3-1719220984474.jpeg similarity index 100% rename from src/reference/assets/image/4.3-1719220984474.jpeg rename to src/reference/assets/jpg/4.3-1719220984474.jpeg diff --git a/src/reference/assets/image/4.3-1719224107941.jpeg b/src/reference/assets/jpg/4.3-1719224107941.jpeg similarity index 100% rename from src/reference/assets/image/4.3-1719224107941.jpeg rename to src/reference/assets/jpg/4.3-1719224107941.jpeg diff --git a/src/reference/assets/image/4.3-1719225048589.jpeg b/src/reference/assets/jpg/4.3-1719225048589.jpeg similarity index 100% rename from src/reference/assets/image/4.3-1719225048589.jpeg rename to src/reference/assets/jpg/4.3-1719225048589.jpeg diff --git a/src/reference/assets/image/4.3-1719227922533.jpeg b/src/reference/assets/jpg/4.3-1719227922533.jpeg similarity index 100% rename from src/reference/assets/image/4.3-1719227922533.jpeg rename to src/reference/assets/jpg/4.3-1719227922533.jpeg diff --git a/src/reference/assets/image/4.3-1719227932153.jpeg b/src/reference/assets/jpg/4.3-1719227932153.jpeg similarity index 100% rename from src/reference/assets/image/4.3-1719227932153.jpeg rename to src/reference/assets/jpg/4.3-1719227932153.jpeg diff --git a/src/reference/assets/image/4.3-1719227940021.jpeg b/src/reference/assets/jpg/4.3-1719227940021.jpeg similarity index 100% rename from src/reference/assets/image/4.3-1719227940021.jpeg rename to src/reference/assets/jpg/4.3-1719227940021.jpeg diff --git a/src/reference/assets/image/4.3-1719227945760.jpeg b/src/reference/assets/jpg/4.3-1719227945760.jpeg similarity index 100% rename from src/reference/assets/image/4.3-1719227945760.jpeg rename to src/reference/assets/jpg/4.3-1719227945760.jpeg diff --git a/src/reference/assets/image/4.3-1719231884993.jpeg b/src/reference/assets/jpg/4.3-1719231884993.jpeg similarity index 100% rename from src/reference/assets/image/4.3-1719231884993.jpeg rename to src/reference/assets/jpg/4.3-1719231884993.jpeg diff --git a/src/reference/assets/image/4.3-1719232954287.jpeg b/src/reference/assets/jpg/4.3-1719232954287.jpeg similarity index 100% rename from src/reference/assets/image/4.3-1719232954287.jpeg rename to src/reference/assets/jpg/4.3-1719232954287.jpeg diff --git a/src/reference/assets/image/4.3-1719232961910.jpeg b/src/reference/assets/jpg/4.3-1719232961910.jpeg similarity index 100% rename from src/reference/assets/image/4.3-1719232961910.jpeg rename to src/reference/assets/jpg/4.3-1719232961910.jpeg diff --git a/src/reference/assets/image/4.3-1719233799669.jpeg b/src/reference/assets/jpg/4.3-1719233799669.jpeg similarity index 100% rename from src/reference/assets/image/4.3-1719233799669.jpeg rename to src/reference/assets/jpg/4.3-1719233799669.jpeg diff --git a/src/reference/assets/image/4.3-1719234212855.jpeg b/src/reference/assets/jpg/4.3-1719234212855.jpeg similarity index 100% rename from src/reference/assets/image/4.3-1719234212855.jpeg rename to src/reference/assets/jpg/4.3-1719234212855.jpeg diff --git a/src/reference/assets/image/5.1-1700360031353.jpeg b/src/reference/assets/jpg/5.1-1700360031353.jpeg similarity index 100% rename from src/reference/assets/image/5.1-1700360031353.jpeg rename to src/reference/assets/jpg/5.1-1700360031353.jpeg diff --git a/src/reference/assets/image/5.1-1705153611501.jpeg b/src/reference/assets/jpg/5.1-1705153611501.jpeg similarity index 100% rename from src/reference/assets/image/5.1-1705153611501.jpeg rename to src/reference/assets/jpg/5.1-1705153611501.jpeg diff --git a/src/reference/assets/image/6.1-1700322557652.jpeg b/src/reference/assets/jpg/6.1-1700322557652.jpeg similarity index 100% rename from src/reference/assets/image/6.1-1700322557652.jpeg rename to src/reference/assets/jpg/6.1-1700322557652.jpeg diff --git a/src/reference/assets/image/6.2-1702185188584.jpeg b/src/reference/assets/jpg/6.2-1702185188584.jpeg similarity index 100% rename from src/reference/assets/image/6.2-1702185188584.jpeg rename to src/reference/assets/jpg/6.2-1702185188584.jpeg diff --git a/src/reference/assets/image/7d915b49707f9bd5b819f85553e076cd.jpg b/src/reference/assets/jpg/7d915b49707f9bd5b819f85553e076cd.jpg similarity index 100% rename from src/reference/assets/image/7d915b49707f9bd5b819f85553e076cd.jpg rename to src/reference/assets/jpg/7d915b49707f9bd5b819f85553e076cd.jpg diff --git a/src/reference/assets/image/Pasted image 20241230173456.jpg b/src/reference/assets/jpg/Pasted image 20241230173456.jpg similarity index 100% rename from src/reference/assets/image/Pasted image 20241230173456.jpg rename to src/reference/assets/jpg/Pasted image 20241230173456.jpg diff --git a/src/reference/assets/image/Pasted image 20241230175052.jpg b/src/reference/assets/jpg/Pasted image 20241230175052.jpg similarity index 100% rename from src/reference/assets/image/Pasted image 20241230175052.jpg rename to src/reference/assets/jpg/Pasted image 20241230175052.jpg diff --git a/src/reference/assets/image/Pasted image 20241230175339.jpg b/src/reference/assets/jpg/Pasted image 20241230175339.jpg similarity index 100% rename from src/reference/assets/image/Pasted image 20241230175339.jpg rename to src/reference/assets/jpg/Pasted image 20241230175339.jpg diff --git a/src/reference/assets/image/Pasted image 20250115191219.jpg b/src/reference/assets/jpg/Pasted image 20250115191219.jpg similarity index 100% rename from src/reference/assets/image/Pasted image 20250115191219.jpg rename to src/reference/assets/jpg/Pasted image 20250115191219.jpg diff --git a/src/reference/assets/image/Pasted image 20250115192942.jpg b/src/reference/assets/jpg/Pasted image 20250115192942.jpg similarity index 100% rename from src/reference/assets/image/Pasted image 20250115192942.jpg rename to src/reference/assets/jpg/Pasted image 20250115192942.jpg diff --git a/src/reference/assets/image/Pasted image 20250115201521.jpg b/src/reference/assets/jpg/Pasted image 20250115201521.jpg similarity index 100% rename from src/reference/assets/image/Pasted image 20250115201521.jpg rename to src/reference/assets/jpg/Pasted image 20250115201521.jpg diff --git a/src/reference/assets/image/Pasted image 20250115201535.jpg b/src/reference/assets/jpg/Pasted image 20250115201535.jpg similarity index 100% rename from src/reference/assets/image/Pasted image 20250115201535.jpg rename to src/reference/assets/jpg/Pasted image 20250115201535.jpg diff --git a/src/reference/assets/image/Pasted image 20250118085249.jpg b/src/reference/assets/jpg/Pasted image 20250118085249.jpg similarity index 100% rename from src/reference/assets/image/Pasted image 20250118085249.jpg rename to src/reference/assets/jpg/Pasted image 20250118085249.jpg diff --git a/src/reference/assets/image/Pasted image 20250118085254.jpg b/src/reference/assets/jpg/Pasted image 20250118085254.jpg similarity index 100% rename from src/reference/assets/image/Pasted image 20250118085254.jpg rename to src/reference/assets/jpg/Pasted image 20250118085254.jpg diff --git a/src/reference/assets/image/Pasted image 20250118090058.jpg b/src/reference/assets/jpg/Pasted image 20250118090058.jpg similarity index 100% rename from src/reference/assets/image/Pasted image 20250118090058.jpg rename to src/reference/assets/jpg/Pasted image 20250118090058.jpg diff --git a/src/reference/assets/image/Pasted image 20250118155655.jpg b/src/reference/assets/jpg/Pasted image 20250118155655.jpg similarity index 100% rename from src/reference/assets/image/Pasted image 20250118155655.jpg rename to src/reference/assets/jpg/Pasted image 20250118155655.jpg diff --git a/src/reference/assets/image/Pasted image 20250121145410.jpg b/src/reference/assets/jpg/Pasted image 20250121145410.jpg similarity index 100% rename from src/reference/assets/image/Pasted image 20250121145410.jpg rename to src/reference/assets/jpg/Pasted image 20250121145410.jpg diff --git a/src/reference/assets/image/Pasted image 20250121145705.jpg b/src/reference/assets/jpg/Pasted image 20250121145705.jpg similarity index 100% rename from src/reference/assets/image/Pasted image 20250121145705.jpg rename to src/reference/assets/jpg/Pasted image 20250121145705.jpg diff --git a/src/reference/assets/image/Pastedimage20230408231210.jpg b/src/reference/assets/jpg/Pastedimage20230408231210.jpg similarity index 100% rename from src/reference/assets/image/Pastedimage20230408231210.jpg rename to src/reference/assets/jpg/Pastedimage20230408231210.jpg diff --git a/src/reference/assets/image/Pastedimage20230408231245.jpg b/src/reference/assets/jpg/Pastedimage20230408231245.jpg similarity index 100% rename from src/reference/assets/image/Pastedimage20230408231245.jpg rename to src/reference/assets/jpg/Pastedimage20230408231245.jpg diff --git a/src/reference/assets/image/Pastedimage20230409100711.jpg b/src/reference/assets/jpg/Pastedimage20230409100711.jpg similarity index 100% rename from src/reference/assets/image/Pastedimage20230409100711.jpg rename to src/reference/assets/jpg/Pastedimage20230409100711.jpg diff --git a/src/reference/assets/image/Pastedimage20230409100941.jpg b/src/reference/assets/jpg/Pastedimage20230409100941.jpg similarity index 100% rename from src/reference/assets/image/Pastedimage20230409100941.jpg rename to src/reference/assets/jpg/Pastedimage20230409100941.jpg diff --git a/src/reference/assets/image/Pastedimage20230409101023.jpg b/src/reference/assets/jpg/Pastedimage20230409101023.jpg similarity index 100% rename from src/reference/assets/image/Pastedimage20230409101023.jpg rename to src/reference/assets/jpg/Pastedimage20230409101023.jpg diff --git a/src/reference/assets/image/Pastedimage20230409101507.jpg b/src/reference/assets/jpg/Pastedimage20230409101507.jpg similarity index 100% rename from src/reference/assets/image/Pastedimage20230409101507.jpg rename to src/reference/assets/jpg/Pastedimage20230409101507.jpg diff --git a/src/reference/assets/image/Pastedimage20230422014908.jpg b/src/reference/assets/jpg/Pastedimage20230422014908.jpg similarity index 100% rename from src/reference/assets/image/Pastedimage20230422014908.jpg rename to src/reference/assets/jpg/Pastedimage20230422014908.jpg diff --git a/src/reference/assets/image/Pastedimage20230422014940.jpg b/src/reference/assets/jpg/Pastedimage20230422014940.jpg similarity index 100% rename from src/reference/assets/image/Pastedimage20230422014940.jpg rename to src/reference/assets/jpg/Pastedimage20230422014940.jpg diff --git a/src/reference/assets/image/Pastedimage20230422015001.jpg b/src/reference/assets/jpg/Pastedimage20230422015001.jpg similarity index 100% rename from src/reference/assets/image/Pastedimage20230422015001.jpg rename to src/reference/assets/jpg/Pastedimage20230422015001.jpg diff --git a/src/reference/assets/image/Pastedimage20230422015103.jpg b/src/reference/assets/jpg/Pastedimage20230422015103.jpg similarity index 100% rename from src/reference/assets/image/Pastedimage20230422015103.jpg rename to src/reference/assets/jpg/Pastedimage20230422015103.jpg diff --git a/src/reference/assets/image/Pastedimage20230422020507.jpg b/src/reference/assets/jpg/Pastedimage20230422020507.jpg similarity index 100% rename from src/reference/assets/image/Pastedimage20230422020507.jpg rename to src/reference/assets/jpg/Pastedimage20230422020507.jpg diff --git a/src/reference/assets/image/Pastedimage20230422020529.jpg b/src/reference/assets/jpg/Pastedimage20230422020529.jpg similarity index 100% rename from src/reference/assets/image/Pastedimage20230422020529.jpg rename to src/reference/assets/jpg/Pastedimage20230422020529.jpg diff --git a/src/reference/assets/image/Pastedimage20230422020549.jpg b/src/reference/assets/jpg/Pastedimage20230422020549.jpg similarity index 100% rename from src/reference/assets/image/Pastedimage20230422020549.jpg rename to src/reference/assets/jpg/Pastedimage20230422020549.jpg diff --git a/src/reference/assets/image/Pastedimage20230422021442.jpg b/src/reference/assets/jpg/Pastedimage20230422021442.jpg similarity index 100% rename from src/reference/assets/image/Pastedimage20230422021442.jpg rename to src/reference/assets/jpg/Pastedimage20230422021442.jpg diff --git a/src/reference/assets/image/Pastedimage20230422021810.jpg b/src/reference/assets/jpg/Pastedimage20230422021810.jpg similarity index 100% rename from src/reference/assets/image/Pastedimage20230422021810.jpg rename to src/reference/assets/jpg/Pastedimage20230422021810.jpg diff --git a/src/reference/assets/image/Pastedimage20230422021859.jpg b/src/reference/assets/jpg/Pastedimage20230422021859.jpg similarity index 100% rename from src/reference/assets/image/Pastedimage20230422021859.jpg rename to src/reference/assets/jpg/Pastedimage20230422021859.jpg diff --git a/src/reference/assets/image/Pastedimage20230422022221.jpg b/src/reference/assets/jpg/Pastedimage20230422022221.jpg similarity index 100% rename from src/reference/assets/image/Pastedimage20230422022221.jpg rename to src/reference/assets/jpg/Pastedimage20230422022221.jpg diff --git a/src/reference/assets/image/Pastedimage20230422022542.jpg b/src/reference/assets/jpg/Pastedimage20230422022542.jpg similarity index 100% rename from src/reference/assets/image/Pastedimage20230422022542.jpg rename to src/reference/assets/jpg/Pastedimage20230422022542.jpg diff --git a/src/reference/assets/image/Pastedimage20230422022731.jpg b/src/reference/assets/jpg/Pastedimage20230422022731.jpg similarity index 100% rename from src/reference/assets/image/Pastedimage20230422022731.jpg rename to src/reference/assets/jpg/Pastedimage20230422022731.jpg diff --git a/src/reference/assets/image/Pastedimage20230422023043.jpg b/src/reference/assets/jpg/Pastedimage20230422023043.jpg similarity index 100% rename from src/reference/assets/image/Pastedimage20230422023043.jpg rename to src/reference/assets/jpg/Pastedimage20230422023043.jpg diff --git a/src/reference/assets/image/Pastedimage20230422023254.jpg b/src/reference/assets/jpg/Pastedimage20230422023254.jpg similarity index 100% rename from src/reference/assets/image/Pastedimage20230422023254.jpg rename to src/reference/assets/jpg/Pastedimage20230422023254.jpg diff --git a/src/reference/assets/image/Pastedimage20230422023324.jpg b/src/reference/assets/jpg/Pastedimage20230422023324.jpg similarity index 100% rename from src/reference/assets/image/Pastedimage20230422023324.jpg rename to src/reference/assets/jpg/Pastedimage20230422023324.jpg diff --git a/src/reference/assets/image/Pastedimage20230422130146.jpg b/src/reference/assets/jpg/Pastedimage20230422130146.jpg similarity index 100% rename from src/reference/assets/image/Pastedimage20230422130146.jpg rename to src/reference/assets/jpg/Pastedimage20230422130146.jpg diff --git a/src/reference/assets/image/Pastedimage20230422131627.jpg b/src/reference/assets/jpg/Pastedimage20230422131627.jpg similarity index 100% rename from src/reference/assets/image/Pastedimage20230422131627.jpg rename to src/reference/assets/jpg/Pastedimage20230422131627.jpg diff --git a/src/reference/assets/image/Pastedimage20230422132112.jpg b/src/reference/assets/jpg/Pastedimage20230422132112.jpg similarity index 100% rename from src/reference/assets/image/Pastedimage20230422132112.jpg rename to src/reference/assets/jpg/Pastedimage20230422132112.jpg diff --git a/src/reference/assets/image/Pastedimage20230429223054.jpg b/src/reference/assets/jpg/Pastedimage20230429223054.jpg similarity index 100% rename from src/reference/assets/image/Pastedimage20230429223054.jpg rename to src/reference/assets/jpg/Pastedimage20230429223054.jpg diff --git a/src/reference/assets/image/Pastedimage20230429223107.jpg b/src/reference/assets/jpg/Pastedimage20230429223107.jpg similarity index 100% rename from src/reference/assets/image/Pastedimage20230429223107.jpg rename to src/reference/assets/jpg/Pastedimage20230429223107.jpg diff --git a/src/reference/assets/image/Pastedimage20230429225118.jpg b/src/reference/assets/jpg/Pastedimage20230429225118.jpg similarity index 100% rename from src/reference/assets/image/Pastedimage20230429225118.jpg rename to src/reference/assets/jpg/Pastedimage20230429225118.jpg diff --git a/src/reference/assets/image/Pastedimage20230501163537.jpg b/src/reference/assets/jpg/Pastedimage20230501163537.jpg similarity index 100% rename from src/reference/assets/image/Pastedimage20230501163537.jpg rename to src/reference/assets/jpg/Pastedimage20230501163537.jpg diff --git a/src/reference/assets/image/Pastedimage20230501163742.jpg b/src/reference/assets/jpg/Pastedimage20230501163742.jpg similarity index 100% rename from src/reference/assets/image/Pastedimage20230501163742.jpg rename to src/reference/assets/jpg/Pastedimage20230501163742.jpg diff --git a/src/reference/assets/image/Pastedimage20230501164027.jpg b/src/reference/assets/jpg/Pastedimage20230501164027.jpg similarity index 100% rename from src/reference/assets/image/Pastedimage20230501164027.jpg rename to src/reference/assets/jpg/Pastedimage20230501164027.jpg diff --git a/src/reference/assets/image/Pastedimage20230501165030.jpg b/src/reference/assets/jpg/Pastedimage20230501165030.jpg similarity index 100% rename from src/reference/assets/image/Pastedimage20230501165030.jpg rename to src/reference/assets/jpg/Pastedimage20230501165030.jpg diff --git a/src/reference/assets/image/Pastedimage20230501170410.jpg b/src/reference/assets/jpg/Pastedimage20230501170410.jpg similarity index 100% rename from src/reference/assets/image/Pastedimage20230501170410.jpg rename to src/reference/assets/jpg/Pastedimage20230501170410.jpg diff --git a/src/reference/assets/image/Pastedimage20230501171751.jpg b/src/reference/assets/jpg/Pastedimage20230501171751.jpg similarity index 100% rename from src/reference/assets/image/Pastedimage20230501171751.jpg rename to src/reference/assets/jpg/Pastedimage20230501171751.jpg diff --git a/src/reference/assets/image/Pastedimage20230502180115.jpg b/src/reference/assets/jpg/Pastedimage20230502180115.jpg similarity index 100% rename from src/reference/assets/image/Pastedimage20230502180115.jpg rename to src/reference/assets/jpg/Pastedimage20230502180115.jpg diff --git a/src/reference/assets/image/Pastedimage20230502180300.jpg b/src/reference/assets/jpg/Pastedimage20230502180300.jpg similarity index 100% rename from src/reference/assets/image/Pastedimage20230502180300.jpg rename to src/reference/assets/jpg/Pastedimage20230502180300.jpg diff --git a/src/reference/assets/image/Pastedimage20230502180614.jpg b/src/reference/assets/jpg/Pastedimage20230502180614.jpg similarity index 100% rename from src/reference/assets/image/Pastedimage20230502180614.jpg rename to src/reference/assets/jpg/Pastedimage20230502180614.jpg diff --git a/src/reference/assets/image/Pastedimage20230502180842.jpg b/src/reference/assets/jpg/Pastedimage20230502180842.jpg similarity index 100% rename from src/reference/assets/image/Pastedimage20230502180842.jpg rename to src/reference/assets/jpg/Pastedimage20230502180842.jpg diff --git a/src/reference/assets/image/Pastedimage20230502181049.jpg b/src/reference/assets/jpg/Pastedimage20230502181049.jpg similarity index 100% rename from src/reference/assets/image/Pastedimage20230502181049.jpg rename to src/reference/assets/jpg/Pastedimage20230502181049.jpg diff --git a/src/reference/assets/image/Pastedimage20230502181520.jpg b/src/reference/assets/jpg/Pastedimage20230502181520.jpg similarity index 100% rename from src/reference/assets/image/Pastedimage20230502181520.jpg rename to src/reference/assets/jpg/Pastedimage20230502181520.jpg diff --git a/src/reference/assets/image/Pastedimage20230730110510.jpg b/src/reference/assets/jpg/Pastedimage20230730110510.jpg similarity index 100% rename from src/reference/assets/image/Pastedimage20230730110510.jpg rename to src/reference/assets/jpg/Pastedimage20230730110510.jpg diff --git a/src/reference/assets/image/Pastedimage20230730110628.jpg b/src/reference/assets/jpg/Pastedimage20230730110628.jpg similarity index 100% rename from src/reference/assets/image/Pastedimage20230730110628.jpg rename to src/reference/assets/jpg/Pastedimage20230730110628.jpg diff --git a/src/reference/assets/image/Pastedimage20230730111057.jpg b/src/reference/assets/jpg/Pastedimage20230730111057.jpg similarity index 100% rename from src/reference/assets/image/Pastedimage20230730111057.jpg rename to src/reference/assets/jpg/Pastedimage20230730111057.jpg diff --git a/src/reference/assets/image/Pastedimage20230730113507.jpg b/src/reference/assets/jpg/Pastedimage20230730113507.jpg similarity index 100% rename from src/reference/assets/image/Pastedimage20230730113507.jpg rename to src/reference/assets/jpg/Pastedimage20230730113507.jpg diff --git a/src/reference/assets/image/Pastedimage20230730113538.jpg b/src/reference/assets/jpg/Pastedimage20230730113538.jpg similarity index 100% rename from src/reference/assets/image/Pastedimage20230730113538.jpg rename to src/reference/assets/jpg/Pastedimage20230730113538.jpg diff --git a/src/reference/assets/image/Pastedimage20230730115308.jpg b/src/reference/assets/jpg/Pastedimage20230730115308.jpg similarity index 100% rename from src/reference/assets/image/Pastedimage20230730115308.jpg rename to src/reference/assets/jpg/Pastedimage20230730115308.jpg diff --git a/src/reference/assets/image/Pastedimage20230730115731.jpg b/src/reference/assets/jpg/Pastedimage20230730115731.jpg similarity index 100% rename from src/reference/assets/image/Pastedimage20230730115731.jpg rename to src/reference/assets/jpg/Pastedimage20230730115731.jpg diff --git a/src/reference/assets/image/Pastedimage20230730115914.jpg b/src/reference/assets/jpg/Pastedimage20230730115914.jpg similarity index 100% rename from src/reference/assets/image/Pastedimage20230730115914.jpg rename to src/reference/assets/jpg/Pastedimage20230730115914.jpg diff --git a/src/reference/assets/image/Pastedimage20230730120811.jpg b/src/reference/assets/jpg/Pastedimage20230730120811.jpg similarity index 100% rename from src/reference/assets/image/Pastedimage20230730120811.jpg rename to src/reference/assets/jpg/Pastedimage20230730120811.jpg diff --git a/src/reference/assets/image/Pastedimage20230730120855.jpg b/src/reference/assets/jpg/Pastedimage20230730120855.jpg similarity index 100% rename from src/reference/assets/image/Pastedimage20230730120855.jpg rename to src/reference/assets/jpg/Pastedimage20230730120855.jpg diff --git a/src/reference/assets/image/Pastedimage20230730121002.jpg b/src/reference/assets/jpg/Pastedimage20230730121002.jpg similarity index 100% rename from src/reference/assets/image/Pastedimage20230730121002.jpg rename to src/reference/assets/jpg/Pastedimage20230730121002.jpg diff --git a/src/reference/assets/image/Pastedimage20230730121113.jpg b/src/reference/assets/jpg/Pastedimage20230730121113.jpg similarity index 100% rename from src/reference/assets/image/Pastedimage20230730121113.jpg rename to src/reference/assets/jpg/Pastedimage20230730121113.jpg diff --git a/src/reference/assets/image/Pastedimage20230730125246.jpg b/src/reference/assets/jpg/Pastedimage20230730125246.jpg similarity index 100% rename from src/reference/assets/image/Pastedimage20230730125246.jpg rename to src/reference/assets/jpg/Pastedimage20230730125246.jpg diff --git a/src/reference/assets/image/Pastedimage20230730125346.jpg b/src/reference/assets/jpg/Pastedimage20230730125346.jpg similarity index 100% rename from src/reference/assets/image/Pastedimage20230730125346.jpg rename to src/reference/assets/jpg/Pastedimage20230730125346.jpg diff --git a/src/reference/assets/image/Pastedimage20230730125549.jpg b/src/reference/assets/jpg/Pastedimage20230730125549.jpg similarity index 100% rename from src/reference/assets/image/Pastedimage20230730125549.jpg rename to src/reference/assets/jpg/Pastedimage20230730125549.jpg diff --git a/src/reference/assets/image/Pastedimage20230730125714.jpg b/src/reference/assets/jpg/Pastedimage20230730125714.jpg similarity index 100% rename from src/reference/assets/image/Pastedimage20230730125714.jpg rename to src/reference/assets/jpg/Pastedimage20230730125714.jpg diff --git a/src/reference/assets/image/Pastedimage20230730125803.jpg b/src/reference/assets/jpg/Pastedimage20230730125803.jpg similarity index 100% rename from src/reference/assets/image/Pastedimage20230730125803.jpg rename to src/reference/assets/jpg/Pastedimage20230730125803.jpg diff --git a/src/reference/assets/image/Pastedimage20230730131513.jpg b/src/reference/assets/jpg/Pastedimage20230730131513.jpg similarity index 100% rename from src/reference/assets/image/Pastedimage20230730131513.jpg rename to src/reference/assets/jpg/Pastedimage20230730131513.jpg diff --git a/src/reference/assets/image/Pastedimage20230730132012.jpg b/src/reference/assets/jpg/Pastedimage20230730132012.jpg similarity index 100% rename from src/reference/assets/image/Pastedimage20230730132012.jpg rename to src/reference/assets/jpg/Pastedimage20230730132012.jpg diff --git a/src/reference/assets/image/Pastedimage20230730143356.jpg b/src/reference/assets/jpg/Pastedimage20230730143356.jpg similarity index 100% rename from src/reference/assets/image/Pastedimage20230730143356.jpg rename to src/reference/assets/jpg/Pastedimage20230730143356.jpg diff --git a/src/reference/assets/image/Pastedimage20230730143423.jpg b/src/reference/assets/jpg/Pastedimage20230730143423.jpg similarity index 100% rename from src/reference/assets/image/Pastedimage20230730143423.jpg rename to src/reference/assets/jpg/Pastedimage20230730143423.jpg diff --git a/src/reference/assets/image/Pastedimage20230731155109.jpg b/src/reference/assets/jpg/Pastedimage20230731155109.jpg similarity index 100% rename from src/reference/assets/image/Pastedimage20230731155109.jpg rename to src/reference/assets/jpg/Pastedimage20230731155109.jpg diff --git a/src/reference/assets/image/Pastedimage20230731155300.jpg b/src/reference/assets/jpg/Pastedimage20230731155300.jpg similarity index 100% rename from src/reference/assets/image/Pastedimage20230731155300.jpg rename to src/reference/assets/jpg/Pastedimage20230731155300.jpg diff --git a/src/reference/assets/image/Pastedimage20230731155356.jpg b/src/reference/assets/jpg/Pastedimage20230731155356.jpg similarity index 100% rename from src/reference/assets/image/Pastedimage20230731155356.jpg rename to src/reference/assets/jpg/Pastedimage20230731155356.jpg diff --git a/src/reference/assets/image/Pastedimage20230807182942.jpg b/src/reference/assets/jpg/Pastedimage20230807182942.jpg similarity index 100% rename from src/reference/assets/image/Pastedimage20230807182942.jpg rename to src/reference/assets/jpg/Pastedimage20230807182942.jpg diff --git a/src/reference/assets/image/Pastedimage20230807183021.jpg b/src/reference/assets/jpg/Pastedimage20230807183021.jpg similarity index 100% rename from src/reference/assets/image/Pastedimage20230807183021.jpg rename to src/reference/assets/jpg/Pastedimage20230807183021.jpg diff --git a/src/reference/assets/image/Pastedimage20230807183056.jpg b/src/reference/assets/jpg/Pastedimage20230807183056.jpg similarity index 100% rename from src/reference/assets/image/Pastedimage20230807183056.jpg rename to src/reference/assets/jpg/Pastedimage20230807183056.jpg diff --git a/src/reference/assets/image/Pastedimage20230807183307.jpg b/src/reference/assets/jpg/Pastedimage20230807183307.jpg similarity index 100% rename from src/reference/assets/image/Pastedimage20230807183307.jpg rename to src/reference/assets/jpg/Pastedimage20230807183307.jpg diff --git a/src/reference/assets/image/Pastedimage20230807212200.jpg b/src/reference/assets/jpg/Pastedimage20230807212200.jpg similarity index 100% rename from src/reference/assets/image/Pastedimage20230807212200.jpg rename to src/reference/assets/jpg/Pastedimage20230807212200.jpg diff --git a/src/reference/assets/image/Pastedimage20230807212359.jpg b/src/reference/assets/jpg/Pastedimage20230807212359.jpg similarity index 100% rename from src/reference/assets/image/Pastedimage20230807212359.jpg rename to src/reference/assets/jpg/Pastedimage20230807212359.jpg diff --git a/src/reference/assets/image/Pastedimage20230807212546.jpg b/src/reference/assets/jpg/Pastedimage20230807212546.jpg similarity index 100% rename from src/reference/assets/image/Pastedimage20230807212546.jpg rename to src/reference/assets/jpg/Pastedimage20230807212546.jpg diff --git a/src/reference/assets/image/Pastedimage20230807221306.jpg b/src/reference/assets/jpg/Pastedimage20230807221306.jpg similarity index 100% rename from src/reference/assets/image/Pastedimage20230807221306.jpg rename to src/reference/assets/jpg/Pastedimage20230807221306.jpg diff --git a/src/reference/assets/image/Pastedimage20230807221701.jpg b/src/reference/assets/jpg/Pastedimage20230807221701.jpg similarity index 100% rename from src/reference/assets/image/Pastedimage20230807221701.jpg rename to src/reference/assets/jpg/Pastedimage20230807221701.jpg diff --git a/src/reference/assets/image/Pastedimage20230808134900.jpg b/src/reference/assets/jpg/Pastedimage20230808134900.jpg similarity index 100% rename from src/reference/assets/image/Pastedimage20230808134900.jpg rename to src/reference/assets/jpg/Pastedimage20230808134900.jpg diff --git a/src/reference/assets/image/Pastedimage20230808135328.jpg b/src/reference/assets/jpg/Pastedimage20230808135328.jpg similarity index 100% rename from src/reference/assets/image/Pastedimage20230808135328.jpg rename to src/reference/assets/jpg/Pastedimage20230808135328.jpg diff --git a/src/reference/assets/image/Pastedimage20230809212613.jpg b/src/reference/assets/jpg/Pastedimage20230809212613.jpg similarity index 100% rename from src/reference/assets/image/Pastedimage20230809212613.jpg rename to src/reference/assets/jpg/Pastedimage20230809212613.jpg diff --git a/src/reference/assets/image/Pastedimage20230809213014.jpg b/src/reference/assets/jpg/Pastedimage20230809213014.jpg similarity index 100% rename from src/reference/assets/image/Pastedimage20230809213014.jpg rename to src/reference/assets/jpg/Pastedimage20230809213014.jpg diff --git a/src/reference/assets/image/Pastedimage20230809213609.jpg b/src/reference/assets/jpg/Pastedimage20230809213609.jpg similarity index 100% rename from src/reference/assets/image/Pastedimage20230809213609.jpg rename to src/reference/assets/jpg/Pastedimage20230809213609.jpg diff --git a/src/reference/assets/image/Pastedimage20230809213955.jpg b/src/reference/assets/jpg/Pastedimage20230809213955.jpg similarity index 100% rename from src/reference/assets/image/Pastedimage20230809213955.jpg rename to src/reference/assets/jpg/Pastedimage20230809213955.jpg diff --git a/src/reference/assets/image/Pastedimage20230809214321.jpg b/src/reference/assets/jpg/Pastedimage20230809214321.jpg similarity index 100% rename from src/reference/assets/image/Pastedimage20230809214321.jpg rename to src/reference/assets/jpg/Pastedimage20230809214321.jpg diff --git a/src/reference/assets/image/Pastedimage20230809214525.jpg b/src/reference/assets/jpg/Pastedimage20230809214525.jpg similarity index 100% rename from src/reference/assets/image/Pastedimage20230809214525.jpg rename to src/reference/assets/jpg/Pastedimage20230809214525.jpg diff --git a/src/reference/assets/image/Pastedimage20230809214558.jpg b/src/reference/assets/jpg/Pastedimage20230809214558.jpg similarity index 100% rename from src/reference/assets/image/Pastedimage20230809214558.jpg rename to src/reference/assets/jpg/Pastedimage20230809214558.jpg diff --git a/src/reference/assets/image/README-1710520319220.jpeg b/src/reference/assets/jpg/README-1710520319220.jpeg similarity index 100% rename from src/reference/assets/image/README-1710520319220.jpeg rename to src/reference/assets/jpg/README-1710520319220.jpeg diff --git a/src/reference/assets/image/Snipaste_2023-06-06_17-47-13.jpg b/src/reference/assets/jpg/Snipaste_2023-06-06_17-47-13.jpg similarity index 100% rename from src/reference/assets/image/Snipaste_2023-06-06_17-47-13.jpg rename to src/reference/assets/jpg/Snipaste_2023-06-06_17-47-13.jpg diff --git a/src/reference/assets/image/Snipaste_2023-06-06_18-00-53.jpg b/src/reference/assets/jpg/Snipaste_2023-06-06_18-00-53.jpg similarity index 100% rename from src/reference/assets/image/Snipaste_2023-06-06_18-00-53.jpg rename to src/reference/assets/jpg/Snipaste_2023-06-06_18-00-53.jpg diff --git a/src/reference/assets/image/Snipaste_2023-06-06_18-07-58.jpg b/src/reference/assets/jpg/Snipaste_2023-06-06_18-07-58.jpg similarity index 100% rename from src/reference/assets/image/Snipaste_2023-06-06_18-07-58.jpg rename to src/reference/assets/jpg/Snipaste_2023-06-06_18-07-58.jpg diff --git a/src/reference/assets/image/ad8f516f5b86bcc96e800346d7cf1a77_MD5.jpg b/src/reference/assets/jpg/ad8f516f5b86bcc96e800346d7cf1a77_MD5.jpg similarity index 100% rename from src/reference/assets/image/ad8f516f5b86bcc96e800346d7cf1a77_MD5.jpg rename to src/reference/assets/jpg/ad8f516f5b86bcc96e800346d7cf1a77_MD5.jpg diff --git a/src/reference/assets/image/question-1710519181300.jpeg b/src/reference/assets/jpg/question-1710519181300.jpeg similarity index 100% rename from src/reference/assets/image/question-1710519181300.jpeg rename to src/reference/assets/jpg/question-1710519181300.jpeg diff --git a/src/reference/assets/image/question-1723710562002.jpeg b/src/reference/assets/jpg/question-1723710562002.jpeg similarity index 100% rename from src/reference/assets/image/question-1723710562002.jpeg rename to src/reference/assets/jpg/question-1723710562002.jpeg diff --git a/src/reference/assets/image/question-1723710673038.jpeg b/src/reference/assets/jpg/question-1723710673038.jpeg similarity index 100% rename from src/reference/assets/image/question-1723710673038.jpeg rename to src/reference/assets/jpg/question-1723710673038.jpeg diff --git a/src/reference/assets/image/question-1725450520609.jpeg b/src/reference/assets/jpg/question-1725450520609.jpeg similarity index 100% rename from src/reference/assets/image/question-1725450520609.jpeg rename to src/reference/assets/jpg/question-1725450520609.jpeg diff --git a/src/reference/assets/image/question-1725451698515.jpeg b/src/reference/assets/jpg/question-1725451698515.jpeg similarity index 100% rename from src/reference/assets/image/question-1725451698515.jpeg rename to src/reference/assets/jpg/question-1725451698515.jpeg diff --git a/src/reference/assets/image/vscode-1700323360883.jpeg b/src/reference/assets/jpg/vscode-1700323360883.jpeg similarity index 100% rename from src/reference/assets/image/vscode-1700323360883.jpeg rename to src/reference/assets/jpg/vscode-1700323360883.jpeg diff --git a/src/reference/assets/image/vscode-1700323423370.jpeg b/src/reference/assets/jpg/vscode-1700323423370.jpeg similarity index 100% rename from src/reference/assets/image/vscode-1700323423370.jpeg rename to src/reference/assets/jpg/vscode-1700323423370.jpeg diff --git a/src/reference/assets/image/汇总排版流程图.svg b/src/reference/assets/jpg/汇总排版流程图.svg similarity index 100% rename from src/reference/assets/image/汇总排版流程图.svg rename to src/reference/assets/jpg/汇总排版流程图.svg diff --git a/src/reference/assets/recording.gif b/src/reference/assets/webp/1746509840.webp similarity index 100% rename from src/reference/assets/recording.gif rename to src/reference/assets/webp/1746509840.webp diff --git a/src/reference/assets/recording 1.gif b/src/reference/assets/webp/1746509871.webp similarity index 100% rename from src/reference/assets/recording 1.gif rename to src/reference/assets/webp/1746509871.webp diff --git a/src/reference/assets/recording 2.gif b/src/reference/assets/webp/1746509872.webp similarity index 100% rename from src/reference/assets/recording 2.gif rename to src/reference/assets/webp/1746509872.webp diff --git a/src/reference/assets/image/PixPin_2023-12-31_16-56-27.gif b/src/reference/assets/webp/PixPin_2023-12-31_16-56-27.webp similarity index 100% rename from src/reference/assets/image/PixPin_2023-12-31_16-56-27.gif rename to src/reference/assets/webp/PixPin_2023-12-31_16-56-27.webp diff --git a/src/reference/assets/PixPin_2024-01-22_12-05-05.gif b/src/reference/assets/webp/PixPin_2024-01-22_12-05-05.webp similarity index 100% rename from src/reference/assets/PixPin_2024-01-22_12-05-05.gif rename to src/reference/assets/webp/PixPin_2024-01-22_12-05-05.webp diff --git a/src/reference/assets/PixPin_2024-01-22_12-06-40.gif b/src/reference/assets/webp/PixPin_2024-01-22_12-06-40.webp similarity index 100% rename from src/reference/assets/PixPin_2024-01-22_12-06-40.gif rename to src/reference/assets/webp/PixPin_2024-01-22_12-06-40.webp diff --git a/src/reference/assets/PixPin_2024-01-22_12-07-35.gif b/src/reference/assets/webp/PixPin_2024-01-22_12-07-35.webp similarity index 100% rename from src/reference/assets/PixPin_2024-01-22_12-07-35.gif rename to src/reference/assets/webp/PixPin_2024-01-22_12-07-35.webp diff --git a/src/reference/assets/PixPin_2024-09-17_13-58-34.gif b/src/reference/assets/webp/PixPin_2024-09-17_13-58-34.webp similarity index 100% rename from src/reference/assets/PixPin_2024-09-17_13-58-34.gif rename to src/reference/assets/webp/PixPin_2024-09-17_13-58-34.webp diff --git a/src/reference/assets/PixPin_2024-09-18_20-28-01.gif b/src/reference/assets/webp/PixPin_2024-09-18_20-28-01.webp similarity index 100% rename from src/reference/assets/PixPin_2024-09-18_20-28-01.gif rename to src/reference/assets/webp/PixPin_2024-09-18_20-28-01.webp diff --git a/src/reference/assets/PixPin_2024-09-18_20-33-46.gif b/src/reference/assets/webp/PixPin_2024-09-18_20-33-46.webp similarity index 100% rename from src/reference/assets/PixPin_2024-09-18_20-33-46.gif rename to src/reference/assets/webp/PixPin_2024-09-18_20-33-46.webp diff --git a/src/reference/assets/image/PixPin_2025-01-21_21-16-52.gif b/src/reference/assets/webp/PixPin_2025-01-21_21-16-52.webp similarity index 100% rename from src/reference/assets/image/PixPin_2025-01-21_21-16-52.gif rename to src/reference/assets/webp/PixPin_2025-01-21_21-16-52.webp