如何防止缩略图看起来缩小？

Question

对于缩略图示例200像素x 200像素，适合图像的最佳方法是什么？

经过研究后，我发现了最好的选择：

1. 保存2组图像用于缩略图和大型幻灯片显示，例如，如果用户上传img001，则保存同一图像的2个副本，一个用于缩略图（尺寸调整为200px x 200px），另一个用于大型幻灯片显示（实际）尺寸）。

2. 只使用一幅图像，并以100％的宽度和200px的高度（用于缩略图）对其进行响应，然后将大图像作为其本身。

使用解决方案2时，我发现缩略图始终看起来缩小了。

在处理缩略图时，请提供一些建议，在此先感谢

Answer 1

这是我的建议。

保存时仅存储一张原始图像。 维护图像的“高速缓存”文件夹，以便在需要以任何大小显示时都创建高速缓存的图像。

例如：使函数类似

getCachedImage($post->image, '200x200-','200','200')

，在该函数中，您可以使用一些逻辑来保存精确大小         您想要在缓存文件夹中的图像。不要忘记检查以下尺寸的图像是否已经保存。如我在示例中提到的，您可以将大小用作前缀（'200x200- $ fileName'）。我为laravel项目使用了Image Intervention Package，将这些图片保存为我希望显示的尺寸。

现在，您可以在需要显示图像的任何地方在视图中调用此函数，并且可以调用任何大小的图像。

如果使用选项2，则始终会出现缩小的图像。 而且即使在选项1中，如果您将一幅额外的图像另存为缩略图，缩略图也将永远没有确切的尺寸，因此在某些地方该缩略图也会缩小。