php - 自动添加图像尺寸

Question

我在 gtmetrix.com 上为我的网站评分。

它建议为我的所有图像添加图像尺寸。问题是，我需要一些自动添加这些的方法，所以如果图像发生变化，尺寸也会更新。

我有的

<img src="bla.png">

我想拥有什么

<img src="bla.png" width="{width of image}" height="{height of img}">

有没有 php 方式或 jquery 方式来做到这一点？对于 wordpress 网站。

Answer 1

PHP：

<?php
list($width, $height) = getimagesize("bla.png");
echo "<img src='bla.png' width='$width' height='$height'>";
?>

Answer 2

您可以使用image onload事件来计算图像的尺寸。纯 javascript 方法，例如；

var image = new Image();

image.onload = function()
{
  //after load complete you will get the image dimensions here from 
  //image.width and image.height
}

image.src = 'image url';

Answer 3

在 php 中，getimagesize($file)如果您正在动态输出图像。

Answer 4

你应该用 PHP 而不是 javascript 来做。如果使用 jQuery / javascript 添加，加载后会添加宽度和高度。指定宽度和高度的主要原因是为了让引擎更快地渲染页面。如果在加载后添加它不会有任何帮助。

getimagesize()您可以直接在图像标签中使用返回数组的索引 3 。它包含一个带有 height="yyy" width="xxx" 的字符串，可以直接在 IMG 标签中使用。

<?php
    list($width, $height, $type, $attr) = getimagesize("file.png");
    echo "<img src='file.png' $attr />";
?> 

您可以访问http://php.net/manual/en/function.getimagesize.php了解有关此功能的更多详细信息。