diff --git a/pages.json b/pages.json
index 31fff2aac8449984c7a77cd791ca93c429be445a..a4fb425b5f2a515abfc37ed7319108ec156a8d88 100644
--- a/pages.json
+++ b/pages.json
@@ -108,6 +108,12 @@
 			"style": {
 				"navigationBarTitleText": "image-path"
 			}
+		},
+		{
+			"path": "pages/component/image/image-large",
+			"style": {
+				"navigationBarTitleText": "image-large"
+			}
 		},
         {
             "path": "pages/component/web-view/web-view",
diff --git a/pages/component/image/image-large.uvue b/pages/component/image/image-large.uvue
new file mode 100644
index 0000000000000000000000000000000000000000..2c76cdeb005a3eef980cf626bb330a396ca27fbc
--- /dev/null
+++ b/pages/component/image/image-large.uvue
@@ -0,0 +1,41 @@
+<template>
+	<view>
+		<page-head :title="title"></page-head>
+		<view class="uni-padding-wrap uni-common-mt">
+			<view class="uni-title">
+				<text class="uni-title-text">大图示例</text>
+			</view>
+			<view class="uni-common-mt" v-for="_ in 10">
+				<text class="uni-subtitle-text">width={{width}}px height={{height}}px memory={{memory}}MB</text>
+				<image class="image" mode="widthFix" :src="src" @load="load"></image>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				title: 'image-large',
+				src: 'https://native-res.dcloud.net.cn/uni-app-x/static/img/building.jpg',
+				width: 0,
+				height: 0,
+				memory: 0
+			}
+		},
+		methods: {
+			load(event : ImageLoadEvent) {
+				this.width = event.detail.width;
+				this.height = event.detail.height;
+				this.memory = Math.round(this.width * this.height * 4 / 1024 / 1024 * 100) / 100;
+			}
+		}
+	}
+</script>
+
+<style>
+	.image {
+		width: 100%;
+	}
+</style>
\ No newline at end of file
diff --git a/pages/component/image/image.uvue b/pages/component/image/image.uvue
index de72914fe37ffdaafa1d89fea43cff078f7db68a..8e7c6b17ad950d218027443efba68f85bc46cd38 100644
--- a/pages/component/image/image.uvue
+++ b/pages/component/image/image.uvue
@@ -14,6 +14,9 @@
 			</view>
 			<view class="uni-btn-v">
 				<button type="primary" @tap="imagePath">图片路径示例</button>
+			</view>
+			<view class="uni-btn-v">
+				<button type="primary" @tap="imageLarge">大图示例</button>
 			</view>
 		</view>
 	</view>
@@ -46,6 +49,11 @@
 				uni.navigateTo({
 					url: '/pages/component/image/image-path'
 				});
+			},
+			imageLarge() {
+				uni.navigateTo({
+					url: '/pages/component/image/image-large'
+				});
 			}
 		}
 	}