# 添加图片模块
在一个网站中文字和图片是主要的表现形式，本章节介绍如何在网站中添加图片模块。添加图片的具体规格要求如下 ：
- 图片（入门版和标准版）：jpg（1MB以内）、jpeg（1MB以内）、gif（1MB以内）、png（1MB以内）、webp（1MB以内）、ico（100KB以内）
- 图片（营销版及以上版本）：jpg（3MB以内）、jpeg（3MB以内）、gif（3MB以内）、png（3MB以内）、webp（3MB以内）、ico（100KB以内）
1. 登录[企业门户控制台](https://console.huaweicloud.com/webmobile/)，单击"网站设计"，进入管理后台界面。
2. 单击"站点编辑"，进入站点编辑界面。
3. 在"添加"中，将图片模块拖拽到编辑页面空白处。 
   图1添加图片模块   
   ![](https://support.huaweicloud.com/usermanual-cloudsite/zh-cn_image_0000001287807514.png)
   
   
4. 在"选择图片"对话框中，选择需要展示的图片。 
   图2上传图片   
   ![](https://support.huaweicloud.com/usermanual-cloudsite/zh-cn_image_0000001339687645.png)
   在"我的图片"页签，您可以选择已上传的图片。在"互联网图片"页签中，您可以输入图片URL，URL必须为一张图片在某个网页上的地址，且必须是以图片格式后缀结尾。勾选URL后的复选框，企业门户会自动在"我的图片"页签保留一个副本，届时也可以选择直接使用保存好的图片而放弃URL链接。如不勾选则不保存副本。
   图3上传互联网图片   
   ![](https://support.huaweicloud.com/usermanual-cloudsite/zh-cn_image_0000001339767901.png)
   
   
5. 编辑图片，图片上方为图片编辑功能。 
   图4编辑图片   
   ![](https://support.huaweicloud.com/usermanual-cloudsite/zh-cn_image_0000001287487946.png)
   图片编辑详情如下：
   - ![](https://support.huaweicloud.com/usermanual-cloudsite/zh-cn_image_0000001287328014.png)：网站是由很多的模块组成的，这样就会有层次的关系，这两个功能可以将模块移到上一层或下一层。
   
   - 页面调整分为缩放模式和裁剪模式，可以缩放和裁剪图片，单击可以切换。
     图5页面调整   
     ![](https://support.huaweicloud.com/usermanual-cloudsite/zh-cn_image_0000001340007757.png) 
   
   - 热区设置：添加热区，并为图片设置链接。
     图6热区设置   
     ![](https://support.huaweicloud.com/usermanual-cloudsite/zh-cn_image_0000001287647910.png)
     链接设置方式跟文本相同，参照[添加超链接](https://support.huaweicloud.com/usermanual-cloudsite/cloudsite_01_4115.html#cloudsite_01_4115__zh-cn_topic_0172599518_section6516940759)。
     
   
   - 属性设置：可以更换图片，设置链接，设置图片背景边框透明度等。
     图7属性设置   
     ![](https://support.huaweicloud.com/usermanual-cloudsite/zh-cn_image_0000001339887229.png)
     链接设置方式跟文本相同，参照[添加超链接](https://support.huaweicloud.com/usermanual-cloudsite/cloudsite_01_4115.html#cloudsite_01_4115__zh-cn_topic_0172599518_section6516940759)。
     勾选"页脚元素"可以将图片模块拖入到页脚中。
     
   
   - 动画设置：为图片设置动画效果。
     图8设置动画   
     ![](https://support.huaweicloud.com/usermanual-cloudsite/zh-cn_image_0000001287807518.png) 
   
   - 图片特效设置：为图片设置特效。
     图9设置特效   
     ![](https://support.huaweicloud.com/usermanual-cloudsite/zh-cn_image_0000001339687649.png)
     - 单图效果：为图片设置效果及时间，如缩小、移动和闪现等。
     
     - 焦点效果：为图片设置效果及时间，并可以设置图片背景效果和图标。
     
     - 内容效果：除了为图片设置效果及时间，背景效果外，还可以设置文字内容和标题，在单击该图片时显示内容。
       图10内容效果   
       ![](https://support.huaweicloud.com/usermanual-cloudsite/zh-cn_image_0000001339767905.png) 
     
     - 标题效果：为图片设置标题和特效，以及标题背景效果等。
       图11设置标题效果   
       ![](https://support.huaweicloud.com/usermanual-cloudsite/zh-cn_image_0000001287487958.png)
       设置标题效果后，鼠标移到图片时显示效果如[图12]所示。
       图12标题效果   
       ![](https://support.huaweicloud.com/usermanual-cloudsite/zh-cn_image_0000001287328022.png) 
      
   
   - 图片编辑功能中还有对齐、锁定、删除功能，跟文本模块一样，在此不再赘述，请参考[编辑文本](https://support.huaweicloud.com/usermanual-cloudsite/cloudsite_01_4115.html#cloudsite_01_4115__zh-cn_topic_0172599518_section1481810555)。
   
   
   
   
6. 单击右上角"保存"，保存图片设置。