gtmetrix在响应式网站布局中指定图像尺寸

Question

我在'指定图像尺寸'的gtmetrix上有一个F. 我的网站有css处理所有的宽度和高度，以便它可以响应各种设备。如果我在html中指定尺寸，那么我无法调整它们。

有没有办法克服这个gtmetrix错误？我正在考虑使用JS来删除html部分width="" height=""

Answer 1

请勿使用宽度和高度规格来动态缩放图像。如果图像文件实际为60 x 60像素，请勿在HTML或CSS中将尺寸设置为30 x 30。如果图像需要更小，请在图像编辑器中对其进行缩放并将其尺寸设置为匹配（有关详细信息，请参阅优化图像。）

确保在元素本身或块级父级上设置尺寸。如果父级不是块级别，则将忽略这些维度。不要在不是直接父级的祖先上设置维度。