更改img宽度的最佳方法是什么?使用css输出或php - What is the best way to change a img width - with css output or php?

What is the best way to change a img width - with css output or php?

我对使用Redux Framework创建Wordpress选项面板很陌生。我已经创建了一个选项来更改徽标img的宽度。

但我不知道以下的最佳方式或实践是什么：

.logo img {width:/* css output */;}

    global $redux;
<div class="logo"> 
   
    <img width="<?php echo $redux['logo-dimensions']['width'];" />
</div>

我认为1号是最好的。但是，最好的做法是什么，和/或有比这更好的方法吗？赞成/反对？我想更深入地了解为什么或为什么不。

会给出一个好的答案：）

在使用<img>的情况下，允许（根据HTML5标准）使用内联宽度和高度属性，考虑到css是外部文件，这可能对页面渲染更有效。

然而，如果您包含一些内联css以防止内容呈现块，并且声明了徽标图像宽度，则css解决方案将同样有效。

我认为下面给出的代码将更有效地输出css图像：

.logo img {
    background-image:url("/imgPath");
    background-size: 80px 60px;
    background-repeat: no-repeat;
}