>>跟著b站up主“咸蝦米_”學習微信小程序開發中，把學習記錄存到這方便后續查找。

課程連接：?

https://www.bilibili.com/video/BV19G4y1K74d?p=11

image：https://developers.weixin.qq.com/miniprogram/dev/component/image.html

一、準備

右擊pages點擊在資源管理器中顯示。

?新建一個static文件夾用來存放靜態的文件。

在static里新建三個文件夾

將準備的圖片拖到image文件夾里。

二、插入圖片的方法：

1、插入本地的圖片

<image src="../../static/image/1.jpg" mode=""/><!--相對路徑-->
<image src="../../static/image/2.jpg" mode=""/><!--方法1-->
<image src="/static/image/gif1.gif" mode=""/><!--方法2-->

?

圖片顯示的比例很奇怪，因為這個image組件自動設置了寬高。?

2、調用網絡的圖片?

<image src="https://res.wx.qq.com/wxdoc/dist/assets/img/0.4cb08bb4.jpg" mode=""/><!--方法3-->

建議不要用別人的，不然人家在他服務器里一刪我們就用不了了，最好傳到自己的服務器上，再獲取一個網絡地址。