一、直接设置图片大小
直接设置图片大小是最常见的一种方法，通过设置图片的width和height属性值，可以直接控制图片的大小。例如：
gple.jpg” width=”200″ height=”200″ />
这样就可以将图片设置为200×200的大小。但是需要注意的是，如果图片的原始大小和设置的大小不一致，那么图片可能会被拉伸或压缩，导致显示效果不佳。
二、使用CSS设置图片大小
除了直接设置图片大小外，还可以使用CSS来设置图片的大小。通过设置图片的样式属性，可以更加灵活地控制图片的大小和显示效果。例如：
gple.jpg” />
等单位，可以实现图片的自适应效果。
三、使用JavaScript设置图片大小
除了直接设置图片大小和使用CSS设置图片大小外，还可以使用JavaScript来动态设置图片的大小。通过获取图片的宽度和高度，可以根据需要设置图片的大小。例如：
gpleyImg” />
gententByIdyImg”);g.style.width = “200px”;g.style.height = “200px”;
这样就可以将图片设置为200×200的大小。需要注意的是，使用JavaScript设置图片大小时，需要在页面加载完成后再执行，否则可能会出现问题。
四、使用响应式图片
除了以上三种方法外，还可以使用响应式图片来实现图片的自适应效果。响应式图片是指根据不同的设备和屏幕大小，自动调整图片的大小和显示效果。通常可以使用CSS媒体查询、srcset和sizes属性等技术来实现响应式图片。例如：
gplepleplepleaxax-width: 768px) 50vw, 33.3vw” />
这样就可以根据不同的屏幕大小，自动选择不同大小的图片进行显示。需要注意的是，使用响应式图片时，需要考虑到图片大小、网络速度、设备像素比等因素，以达到最佳的显示效果。
通过以上四种方法，可以实现图片的大小和自适应效果。需要根据具体情况选择合适的方法，并注意图片的质量和显示效果。同时，还可以使用其他技术如lazyload、WebP等来进一步优化图片的加载和显示效果。