Fix the image issue caused by minified encoding (#395)

comfyui-wiki · web-flow · commit 08c18215b1d2 · 2025-08-30T01:09:48.000+08:00
diff --git a/images/tutorial/basic/inpaint/sd1.5_inpaint.png b/images/tutorial/basic/inpaint/sd1.5_inpaint.png
diff --git a/images/tutorial/basic/outpaint/outpaint.png b/images/tutorial/basic/outpaint/outpaint.png
diff --git a/images/tutorial/gettingstarted/text-to-image-workflow.png b/images/tutorial/gettingstarted/text-to-image-workflow.png
diff --git a/tutorials/basic/image-to-image.mdx b/tutorials/basic/image-to-image.mdx
@@ -31,7 +31,7 @@ Download the [v1-5-pruned-emaonly-fp16.safetensors](https://huggingface.co/Comfy
 ### Image to Image Workflow and Input Image
 
 Download the image below and **drag it into ComfyUI** to load the workflow:
-![Image to Image Workflow](/images/tutorial/basic/img2img/image_to_image.png)
+![Image to Image Workflow](https://raw.githubusercontent.com/Comfy-Org/example_workflows/refs/heads/main/image_to_image/workflow.png)
 
 <Tip>
 Images containing workflow JSON in their metadata can be directly dragged into ComfyUI or loaded using the menu `Workflows` -> `Open (ctrl+o)`.
diff --git a/tutorials/basic/inpaint.mdx b/tutorials/basic/inpaint.mdx
@@ -40,7 +40,7 @@ Please download the following image which we'll use as input:
 
 Download the image below and **drag it into ComfyUI** to load the workflow:
 
-![ComfyUI Inpainting Workflow](/images/tutorial/basic/inpaint/sd1.5_inpaint.png)
+![ComfyUI Inpainting Workflow](https://raw.githubusercontent.com/Comfy-Org/example_workflows/refs/heads/main/image/basic/sd1.5_inpaint.png)
 
 <Tip>
 Images containing workflow JSON in their metadata can be directly dragged into ComfyUI or loaded using the menu `Workflows` -> `Open (ctrl+o)`.
diff --git a/tutorials/basic/lora.mdx b/tutorials/basic/lora.mdx
@@ -41,7 +41,7 @@ Images containing workflow JSON in their metadata can be directly dragged into C
 
 Follow the steps in the diagram below to ensure the workflow runs correctly.
 
-![ComfyUI Workflow - LoRA Flow Diagram](/images/tutorial/basic/lora/flow_diagram.png)
+![ComfyUI Workflow - LoRA Flow Diagram](https://raw.githubusercontent.com/Comfy-Org/example_workflows/refs/heads/main/lora.png)
 
 1. Ensure `Load Checkpoint` loads `dreamshaper_8.safetensors`
 2. Ensure `Load LoRA` loads `blindbox_V1Mix.safetensors`
diff --git a/tutorials/basic/multiple-loras.mdx b/tutorials/basic/multiple-loras.mdx
@@ -29,7 +29,8 @@ Download the [MoXinV1.safetensors](https://civitai.com/api/download/models/14856
 ## Multi-LoRA Workflow
 
 Download the image below and **drag it into ComfyUI** to load the workflow:
-![ComfyUI Workflow - Multiple LoRAs](/images/tutorial/basic/multiple_loras/multiple_loras.png)
+![ComfyUI Workflow - Multiple LoRAs](https://raw.githubusercontent.com/Comfy-Org/example_workflows/refs/heads/main/multiple_loras.png)
+
 
 <Tip>
 Images containing workflow JSON in their metadata can be directly dragged into ComfyUI or loaded using the menu `Workflows` -> `Open (ctrl+o)`.
diff --git a/tutorials/basic/outpaint.mdx b/tutorials/basic/outpaint.mdx
@@ -39,7 +39,7 @@ Prepare an image you want to extend. In this example, we will use the following
 
 Download the image below and **drag it into ComfyUI** to load the workflow:
 
-![ComfyUI Outpainting Workflow](/images/tutorial/basic/outpaint/outpaint.png)
+![ComfyUI Outpainting Workflow](https://raw.githubusercontent.com/Comfy-Org/example_workflows/refs/heads/main/image/basic/outpaint.png)
 
 <Tip>
 Images containing workflow JSON in their metadata can be directly dragged into ComfyUI or loaded using the menu `Workflows` -> `Open (ctrl+o)`.
diff --git a/tutorials/basic/text-to-image.mdx b/tutorials/basic/text-to-image.mdx
@@ -47,7 +47,7 @@ Images containing workflow JSON in their metadata can be directly dragged into C
 
 After installing the image model, follow the steps in the image below to load the model and generate your first image
 
-![Image Generation](/images/tutorial/gettingstarted/first-image-generation-7-queue.jpg)
+![Image Generation](https://raw.githubusercontent.com/Comfy-Org/example_workflows/refs/heads/main/image/basic/text-to-image-workflow.png)
 
 Follow these steps according to the image numbers:
 1. In the **Load Checkpoint** node, use the arrows or click the text area to ensure **v1-5-pruned-emaonly-fp16.safetensors** is selected, and the left/right arrows don't show **null** text
diff --git a/tutorials/basic/upscale.mdx b/tutorials/basic/upscale.mdx
@@ -46,7 +46,7 @@ Save the model file (.pth) in `ComfyUI/models/upscale_models` directory
 ### Workflow and Assets
 
 Download and drag the following image into ComfyUI to load the basic upscaling workflow:
-![Upscale workflow](/images/tutorial/basic/upscale/upscale_workflow.png)
+![Upscale workflow](https://raw.githubusercontent.com/Comfy-Org/example_workflows/refs/heads/main/image/basic/upscale_workflow.png)
 
 <Tip>
 Images containing workflow JSON in their metadata can be directly dragged into ComfyUI or loaded using the menu `Workflows` -> `Open (ctrl+o)`.
diff --git a/zh-CN/tutorials/basic/image-to-image.mdx b/zh-CN/tutorials/basic/image-to-image.mdx
@@ -32,7 +32,7 @@ import InstallationModels from '/snippets/zh/tutorials/basic/installation-models
 
 保存并下载下面的图片到本地，然后 **拖拽或使用 ComfyUI 打开** 它，就会加载对应的工作流
 
-![图生图工作流](/images/tutorial/basic/img2img/image_to_image.png)
+![图生图工作流](https://raw.githubusercontent.com/Comfy-Org/example_workflows/refs/heads/main/image_to_image/workflow.png)
 
 或在 ComfyUI 的 **workflow template** 中加载 **image to image** 工作流
 ![ComfyUI 工作流模板 - 图生图](/images/tutorial/basic/image-to-image-01-template.jpg)
diff --git a/zh-CN/tutorials/basic/inpaint.mdx b/zh-CN/tutorials/basic/inpaint.mdx
@@ -41,7 +41,7 @@ sidebarTitle: "局部重绘"
 
 下面这张图的 metadata 包含的对应的json工作流，请将其下载后 **拖入** ComfyUI 界面或者使用菜单 **工作流(Workflow)** --> **打开工作流(Open,快捷键 `Ctrl + O`)** 来加载这个局部重绘工作流
 
-![ComfyUI局部重绘工作流](/images/tutorial/basic/inpaint/sd1.5_inpaint.png)
+![ComfyUI局部重绘工作流](https://raw.githubusercontent.com/Comfy-Org/example_workflows/refs/heads/main/image/basic/sd1.5_inpaint.png)
 
 ### ComfyUI 局部重绘工作流示例讲解
 
diff --git a/zh-CN/tutorials/basic/lora.mdx b/zh-CN/tutorials/basic/lora.mdx
@@ -28,7 +28,7 @@ description: "本篇将引导了解并完成单个 LoRA 模型的使用"
 ## LoRA 工作流文件
 
 请下载下面的工作流图片,并拖入 ComfyUI 以加载工作流
-![ComfyUI 工作流 - LoRA](/images/tutorial/basic/lora/lora.png)
+![ComfyUI 工作流 - LoRA](https://raw.githubusercontent.com/Comfy-Org/example_workflows/refs/heads/main/lora.png)
 
 <Tip>
 Metadata 中包含工作流 json 的图片可直接拖入 ComfyUI 或使用菜单 `Workflows` -> `Open（ctrl+o）` 来加载对应的工作流。
diff --git a/zh-CN/tutorials/basic/multiple-loras.mdx b/zh-CN/tutorials/basic/multiple-loras.mdx
@@ -30,7 +30,7 @@ description: "本篇将引导你了解并完成在 ComfyUI 中同时应用多个
 ## 多 LoRA 模型应用示例工作流
 
 请下载下面的工作流图片,并拖入 ComfyUI 以加载工作流
-![ComfyUI 工作流 - 多 LoRA 模型应用示例](/images/tutorial/basic/multiple_loras/multiple_loras.png)
+![ComfyUI 工作流 - 多 LoRA 模型应用示例](https://raw.githubusercontent.com/Comfy-Org/example_workflows/refs/heads/main/multiple_loras.png)
 
 <Tip>
 Metadata 中包含工作流 json 的图片可直接拖入 ComfyUI 或使用菜单 `Workflows` -> `Open（ctrl+o）` 来加载对应的工作流。
diff --git a/zh-CN/tutorials/basic/outpaint.mdx b/zh-CN/tutorials/basic/outpaint.mdx
@@ -43,7 +43,8 @@ import InstallationModels from '/snippets/zh/tutorials/basic/installation-models
 
 请下载下面的图片，并将其 **拖入** ComfyUI 界面或使用菜单 **工作流(Workflow)** --> **打开工作流(Open,快捷键 `Ctrl + O`)** 来加载这个扩图工作流
 
-![ComfyUI扩图工作流](/images/tutorial/basic/outpaint/outpaint.png)
+![ComfyUI Outpainting Workflow](https://raw.githubusercontent.com/Comfy-Org/example_workflows/refs/heads/main/image/basic/outpaint.png)
+
 
 ### 扩图工作流使用讲解
 
diff --git a/zh-CN/tutorials/basic/text-to-image.mdx b/zh-CN/tutorials/basic/text-to-image.mdx
@@ -37,7 +37,7 @@ import InstallationModels from '/snippets/zh/tutorials/basic/installation-models
 
 请下载下面的图片，并将图片拖入 ComfyUI 的界面中，或者使用菜单 **工作流（Workflows）** -> **打开（Open）** 打开这个图片以加载对应的 workflow
 
-![ComfyUI-文生图工作流](/images/tutorial/gettingstarted/text-to-image-workflow.png)
+![ComfyUI-文生图工作流](https://raw.githubusercontent.com/Comfy-Org/example_workflows/refs/heads/main/image/basic/text-to-image-workflow.png)
 
 也可以从菜单 **工作流（Workflows）** -> **浏览工作流示例（Browse example workflows）** 中选择 **Text to Image** 工作流
 
diff --git a/zh-CN/tutorials/basic/upscale.mdx b/zh-CN/tutorials/basic/upscale.mdx
@@ -32,7 +32,7 @@ import InstallationModels from '/snippets/zh/tutorials/basic/installation-models
 
 本篇教程中我们将使用 [4x-ESRGAN](https://openmodeldb.info/models/4x-ESRGAN) 模型，点击进入详情页，点击 `Download` 下载模型
 
-![OpenModelDB_download](/images/tutorial/basic/upscale/upscale_OpenModelDB_download.jpg)
+![OpenModelDB_download](https://raw.githubusercontent.com/Comfy-Org/example_workflows/refs/heads/main/image/basic/upscale_workflow.png)
 
 </Step>
 <Step title="将模型文件放入指定目录">
