diff --git a/docs/resources/custom-ui-schema.jpg b/docs/resources/custom-ui-schema.jpg
new file mode 100644
index 00000000..1ca8c7ed
Binary files /dev/null and b/docs/resources/custom-ui-schema.jpg differ
diff --git a/docs/resources/java-war.jpg b/docs/resources/java-war.jpg
new file mode 100644
index 00000000..8d6a8cbe
Binary files /dev/null and b/docs/resources/java-war.jpg differ
diff --git a/docs/tutorials/custom-image-delivery.md b/docs/tutorials/custom-image-delivery.md
index f3d2ec2d..a80069cf 100644
--- a/docs/tutorials/custom-image-delivery.md
+++ b/docs/tutorials/custom-image-delivery.md
@@ -13,7 +13,7 @@ If so, you could change the `webservice` definition.
 
 > This way is only suitable for the UI users.
 
-![image](https://static.kubevela.net/images/1.5/custom-ui-schema.jpg)
+![image](../resources/custom-ui-schema.jpg)
 
 On the definition detail page, users could customize the UI schema to setting the UI forms. For example, if you want to hide the ExposeType field, only need to set the disable is `true`.
 
@@ -297,7 +297,7 @@ spec:
       type: deploy
 ```
 
-![java-app](https://static.kubevela.net/images/1.5/java-war.jpg)
+![java-app](../resources/java-war.jpg)
 
 This example includes three components, and the order service depends on the catalog and the customer services. The developer only needs to care about the war package URL and the tomcat/JRE version, they are familiar to the Java developer. The developer should upload the war package to a repository, such as Jfrog. Get a download URL to assign to the `warURL` field.