php - 如何使用百分比宽度从外部服务器提供图像？ (PHP)

Question

我们目前使用另一台服务器(好吧，同一台服务器但不同的帐户和域)为我们的网站提供图像。

它目前是这样工作的:

http://images.example.com?src=imagepath&w=300&h=500&q=75.

这会根据我们提供给 URL(像素)的 w=300 和 h=400 自动调整图像大小。

但是，该网站是针对汽车经销店的，我们并不总是希望指定宽度。有时我们需要百分比宽度，因为网站是响应式的，而且并非所有图像一开始都是相同的大小，因此如果我们说所有图像都是 700 宽，则会导致失真。

是否可以让这种图像调整外部服务器的大小但使用百分比？

我们使用 Apache、PHP 并且根据该汽车数据库中的条件通过目录名称访问图像，例如 images/ford/focus/AA136YH/image1.jpg 。

TL/DR 问题:我们如何从外部 PHP 服务器提供具有百分比宽度而不是指定固定宽度和/或高度的图像？

Answer 1

您将从服务器以某个预先确定的最大尺寸加载图像，然后让 CSS 重新调整尺寸。您的 HTML 看起来像这样:

<img src="http://images.example.com?src=imagepath&w=300&h=500&q=75" class="responsive" />

你的 CSS 看起来像这样:

.responsive {
    width: 50%;
    height: auto;
}

这会将图像调整为宽度的 50%，并根据其原始纵横比设置高度。