自己制作网站时如何用HTML调整图像大小
发布时间：2017/11/13 20:02:45
我们在自己建设网站时除了需要注意添加内容之外，还要对于使用的图片就行挑选和修改，其中做烦琐的就是调整网站上图片的大小比例。虽然看起来非常简单，可如果没有专业的操作技能也是很麻烦的一件事，大家会发现无论怎么调整都无法达到自己要求的效果。虽然调整图片大小比例有很多方法，而今天我们给大家介绍一种非常实用的窍门。
提示：下面的步骤适用于想要以原始文件大小（以KB或MB为单位）保留图像的用户，并且只是在网页上重新调整图像的显示大小。虽然这是可能的，但我们仍然建议您使用图像编辑器重新调整图像大小，以减小文件大小并缩短图像的下载时间。当使用以下步骤重新调整图像大小时，即使在浏览器中显示较小的图像，也必须加载较大的图像。
用HTML重新调整大小
在IMG SRC HTML标签中指定宽度和高度。
图像如何正常显示
使用上面的代码来调整图像的大小
注意：重新调整图像尺寸时，您需要保持纵横比。否则图像可能会失真，出现一些质量缺陷。
用CSS重新调整大小
您还可以通过CSS重新调整图片大小。
在第一个示例中，以像素为单位的实际大小是为宽度和高度指定的。使用此选项会限制可以使用该CSS的图像。由于它指定了宽度和高度，如果图像不具有5：1的宽高比，此方法可能会导致图像失真。
第二个示例指定了原始图像大小（宽度和高度）的百分比，而不是以像素为单位的大小。使用此选项可以使用更大范围的图像。由于指定了图像宽度和高度的百分比，所以浏览器可以调整几乎所有的图像并保持其高宽比。
要将CSS应用于IMG SRC HTML标记，您可以执行以下操作。
使用CSS会导致缩短的IMG SRC标签，因为宽度和高度是用CSS处理的，您只需在标签中指定类名就可以激活该图像的CSS代码。
