调整图像大小时棘手的数学问题

Question

我有一张图像，我想将其水印到其他图像的右下部分。 水印图像的尺寸为179宽、39高。

现在，如果我有另一张尺寸为 150 宽、20 高的图像怎么办？ 如果我们尝试使用原始图像对其添加水印，它显然会太大，并且图像本身将被水印图像完全掩盖，对吧？

那么，如何确定一个较小的宽度和高度来调整水印图像的大小，远小于 150 宽度、20 高度，这样它就会像水印一样显示为静止，并且不会完全遮盖图像？

Answer 1

我可能会将水印缩放到加水印图像的 20%，或 179x39，以最小者为准。

Answer 2

您需要选择允许水印存在的较小图像的高度和宽度的最大百分比，然后将水印图像缩放到这两个最大值中较小的一个。 您的结果将根据目标图像的高度是否大于宽度而有所不同，反之亦然。

例如，如果您希望水印不超过目标图像高度的 25%，宽度不超过目标图像的 50%，则将水印缩放到任一尺寸后，您可以看到水印应有多大。

缩放到宽度的 50% 意味着水印将为 75 x 16 像素，这太高了（基于我任意选择的百分比）。

(75 / 179) * 39 = 16

缩放到高度的 25% 意味着水印为 22 x 5。

(5 / 39) * 150 = 19

如果尺寸最终大于原始水印，则由您决定是否放大水印。放大。 与按相同因素减小图像尺寸相比，增加图像尺寸时图像质量下降得更快。

Answer 3

首先，我建议您生成一组不同尺寸的水印图像，而不是“即时”调整大小。

下面我概述了如何在网站上动态添加水印的工作流程：

设计一个好的水印

首先，尝试设计具有透明背景的水印。 这将大大降低掩盖目标图像重要部分的风险。 这可以通过使用 gif 或（最好）png 图像文件格式来完成。 只需确保透明水印在浅色和深色背景上都能正常工作即可。

还要考虑如何最好地设计适用于肖像和风景风格图像以及宽高比不合适的图像的水印。 您应该考虑制作两个版本——一种用于宽图像，一种用于高图像。 对于后一种类型，您可以将水印旋转 90 度，或者，如果水印由文本组成，您可能希望将文本拆分为两行或多行。

预渲染几种不同尺寸的水印

因此，不要动态调整水印的大小，而是建议您渲染一组不同尺寸的水印图像。 这只需要完成一次，它将大大提高水印的清晰度和/或易读性（特别是对于较小的目标图像）。

根据网页上图像的不同程度，您可能需要更多或更少的尺寸。 这是您必须做出的设计选择，但我认为您可以只使用两种或三种不同的尺寸。

应用水印

这将在服务器端动态发生（在您的 php 文件中）。 首先使用函数 getimagesize 找出目标图像的尺寸。 有了这些信息，您就必须根据尺寸、宽高比和方向来决定使用哪个版本的水印。 例如

if ( $width > $height ) {$useLandscapeWatermark=true;}
if ( $width > 100 && $width < 400 ) {$watermarkSize=2;}

等。

最后，要应用水印，我建议您查看 gd 库。 这是一个功能强大的库，可以执行许多整齐的矩阵，其中包括合并两个图像。 另一种选择是 ImageMagic。

祝你好运！