HTML图片如何设置大小？width和height怎么用？

直接使用 HTML 宽度/高度很简单，但不好。
使用 CSS 来确保。

直接编写HTML：
CSS写法： 图像{ 宽度：1 00%； 高度：自动； }
响应式图像使用 srcset 和尺寸，浏览器会选择合适的图像。

html网页制作图片大小怎么设置

哈，你这篇文章写得很仔细。
设置图像大小非常重要。
但让我告诉你我上次掉进陷阱是什么时候。

去年在做公司新官网的时候，一开始并没有注意图片优化。
当时我用了一组漂亮的摄影作品。
原始图像有几千KB大小并且没有被压缩。
还有什么？我一打开网页，加载速度就非常慢。
许多用户只是卡在那里，无法等待而将其关闭。
后来老板骂了我，说有用户反映网站卡住了。

所以我后来调整了策略。
具体操作如下：
1 ．首先确定尺寸。
我发现用Photoshop导出时，可以设置导出大小。
比如我希望页面上的图片宽3 00px，我可以直接在PS中调整图片的宽度和分辨率，先缩小尺寸，然后导出。
这一步尤为重要，可以直接减小文件大小。

2 在 HTML 中设置。
我通常像这样直接在标签中写 width="3 00" height="2 00" 。
有时候图片的来源是不确定的，比如是别人给的内容，我会先按照预估的大小写，等图片来了再调整。

3 需要压缩。
我用的是TinyPNG，它真的很棒。
压缩后，图像大小可能减半，但您无法分辨质量差异。
我记得上次我压缩了8 MB的图片，所以压缩后只有1 .2 MB，所以加载速度非常快。

4 CSS 控制。
对于响应式设计，我通常使用 max-width: 1 00%;高度：自动；因此，在大屏幕上它是全宽的，而在小屏幕上它是自适应的。
例如，我上次创建手机页面时，就使用了这个设置，以确保在手机上可以正常查看。

5 当遇到特别大的照片，比如这样的背景照片时，我会考虑合成照片，将几张较小的照片合成一张较大的照片，并使用CSS精灵通过背景位置定位来显示必要的部分。
我去年就用这个方法创建了一个活动页面。
一张合成图像被用作十几个较小图像的顶部，并且加载速度稍快一些。

不过，你的文笔很好，步骤也很清晰。
请注意不要过度压缩图像，否则颜色会失真。
我有一个朋友上次将照片压缩到8 00KB。
结果他脸色惨白，顾客打电话骂他。
必须找到一个平衡点。

无论如何，当你创建一个网站时，你确实不能跳过图像优化。
初期多花点时间处理图像，后期用户的反馈肯定会感谢你。

html里图片怎么改大小

这是一个陷阱，不要相信，不要做。