![网店视觉设计与制作(全彩慕课版)](https://wfqqreader-1252317822.image.myqcloud.com/cover/305/47303305/b_47303305.jpg)
任务实施
活动1 调整图片大小
网店视觉设计与制作相关的图片对尺寸有固定的要求。小艾发现从老李处获取的商品图片中有一些图片的尺寸太大,不符合实际需要,便决定按照尺寸要求调整图片大小。
1.了解常见的图片类型及其尺寸和格式要求
不同的平台以及网店的不同模块对图片尺寸的要求是不同的,网店视觉设计与制作中需要用到首页、主图、商品详情页等图片,这些图片一般都有尺寸要求或者格式要求,了解这些要求是调整图片的前提。表2-1所示为常见的图片类型及其尺寸和格式要求。
表2-1 常见的图片类型及其尺寸和格式要求
![](https://epubservercos.yuewen.com/DA231B/26677922209689406/epubprivate/OEBPS/Images/table_image_28_0.jpg?sign=1739295131-4QBGyil4R6J1cGoIecXDhr9yu2DG2LnF-0-fe9701cc26e0f90374152ee8282e13f1)
2.按照规定比例裁剪图片
在需要处理的商品图片中,小艾发现其中一张女包图片的色彩与构图十分美观,适合作为淘宝商品主图,但该图片的长宽比不符合主图要求,小艾准备使用Photoshop中的“裁剪工具”按1:1的比例裁剪该图片,具体操作如下。
●步骤01 启动Photoshop,在欢迎界面中单击按钮,打开“打开”对话框,选择“女包.jpg”素材(配套资源:\素材\项目二\女包.jpg),如图2-1所示,单击
按钮。
●步骤02 在图像编辑区查看打开的女包图片,如图2-2所示。
![](https://epubservercos.yuewen.com/DA231B/26677922209689406/epubprivate/OEBPS/Images/cutq_29_33653_m.jpg?sign=1739295131-ZEnskrqDzvFLoiEfXRGTbw1snilhPgPM-0-92b6c6ac71467c1df73b668e4774064e)
图2-1
![](https://epubservercos.yuewen.com/DA231B/26677922209689406/epubprivate/OEBPS/Images/cutq_29_40856_s.jpg?sign=1739295131-4K0ib1aEpUxY8SKPOEGAe5WDksAFHr8l-0-aecc21cdb6a71eaeca40474b120b566e)
微课:按照规定比例裁剪图片
●步骤03 选择“裁剪工具”,在工具属性栏的“裁剪方式”下拉列表中选择“1:1(方形)”选项,如图2-3所示。
![](https://epubservercos.yuewen.com/DA231B/26677922209689406/epubprivate/OEBPS/Images/image_29_4_m.jpg?sign=1739295131-TBwwVUAb1iv9LMbH7Tdd6sHHMZegErHk-0-5b905ceb29122d1bd7439ea2dec776b6)
图2-2
![](https://epubservercos.yuewen.com/DA231B/26677922209689406/epubprivate/OEBPS/Images/cutq_29_53236_m.jpg?sign=1739295131-Flrk2IKGl2TBSrZCmifpHOwDB6wAMO7R-0-ef40d9525e74127dce5048889a19c31d)
图2-3
●步骤04 此时,图像编辑区将显示裁剪位置,将鼠标指针移动到需保留的图片区域边缘,按住鼠标左键不放并向上拖曳鼠标,调整需保留的图片区域,如图2-4所示。
经验之谈
裁剪图片时,可在工具属性栏中直接输入裁剪后的比例,也可在“裁剪方式”下拉列表中选择“宽×高×分辨率”选项,在选项右侧依次输入需要的宽度、高度与分辨率。
●步骤05 按【Enter】键完成裁剪,效果如图2-5所示。
![](https://epubservercos.yuewen.com/DA231B/26677922209689406/epubprivate/OEBPS/Images/image_30_0_m.jpg?sign=1739295131-vD6Hw6FKZkJo8r5GvdSOHVbcoUeA50wy-0-7568fc28e1188db20b46a51628a0a423)
图2-4
![](https://epubservercos.yuewen.com/DA231B/26677922209689406/epubprivate/OEBPS/Images/image_30_1_m.jpg?sign=1739295131-kZEuXQeIV5cqEmJBEvTdqETHrtQ0Rgne-0-dfcf5bf51e72b377868fc2cdb72651b0)
图2-5
3.调整图片至合适大小
![](https://epubservercos.yuewen.com/DA231B/26677922209689406/epubprivate/OEBPS/Images/cutq_30_1898_s.jpg?sign=1739295131-hdgulNSatcBMDlnob9aGwyK7Qw3Ydozu-0-d4b91f932f6b45c6829d2ff91fe7ffea)
微课:调整图片至合适大小
虽然此时女包图片的比例已经符合要求,但淘宝商品主图的尺寸为800像素×800像素,且网店视觉设计中的图像分辨率一般为72像素/英寸,该女包图片的尺寸过大。因此,小艾准备应用“图像大小”命令调整图片至合适大小,具体操作如下。
●步骤01 选择“图像”/“图像大小”命令或按【Alt+Ctrl+I】组合键,打开“图像大小”对话框。
●步骤02 在“分辨率”数值框右侧的下拉列表中选择“像素/英寸”选项,在“分辨率”数值框中输入“72”,此时“宽度”“高度”数值框中的值自动等比例调整为“750”,重新在“宽度”“高度”数值框中都输入“800”,如图2-6所示。
![](https://epubservercos.yuewen.com/DA231B/26677922209689406/epubprivate/OEBPS/Images/cutq_30_16896_l.jpg?sign=1739295131-wDILdpYA9XJ11yR8FmC7Hy7PJakDd88A-0-a724a01cf7fa705dbaac331f5d989adc)
图2-6
●步骤03 单击按钮确认设置,按【Ctrl+S】组合键保存文件(配套资源:\效果\项目二\女包.jpg)。