在html5中图像img怎么修改大小

在HTML5中，如果你想修改`<img>`元素的大小，你可以通过CSS来控制。有两种常见的方法：

1. **直接设置宽度和高度**：
使用`width`和`height`属性可以更改图片的实际尺寸。例如：

   <img src="image.jpg" width="200px" height="150px">

2. **响应式设计**：
如果你想让图片根据屏幕大小自适应，可以使用百分比或`max-width`和`max-height`属性：

   <img src="image.jpg" style="max-width: 100%; max-height: auto;">

这样图片不会超出其容器的宽度，并保持原始比例。

3. **使用CSS类**：
可以创建CSS类来统一调整多个`<img>`的大小：

   .resize-img {
       width: 200px;
       height: 150px;
   }

然后在HTML中应用这个类：

   <img class="resize-img" src="image.jpg">

注意，直接改变`<img>`的`width`和`height`可能会导致图片失真，除非图片本身的比例也相应调整。如果需要保持原始比例，建议使用第二种方法。