如何处理响应网站中的图像内容显示？

Question

我正在建设一个响应性网站的项目。我们最痛苦的事情是在不同的显示模式下处理图像的内容。请注意：图像内容。

事情是这样的:在几乎在PC视图页面中，图像显示在景观中，宽度和高度之间的比例很大。现在，当将它们带到移动视图时，我们必须将其显示在不同的框架中。正如你所想象的，现在图像的内容被缩放和裁剪，然后在移动视图上导出到一些非常奇怪的图像。就像一张宽的图片，人们几乎都在左边，但在裁剪后，图片中只剩下一些无意义的物体。

IMHO，通过技术解决方案，我们只处理图像的技术属性(调整大小，缩放)，我们无法处理图像内容，这真的是一个人的问题，对吗？

我在想四种解决方案：

• 尽管有客户的感觉，我们只是缩放图片(保持所有的内容，只是调整大小)。输出有时会非常荒谬，我想是因为将风景图片调整为肖像画或正方形。但这是最简单的办法。
• 2-考虑移动视图上的图像帧大小，通过选择图像的中心区域自动裁剪图像。正如我上面所说，它毕竟产生了一幅无意义的画面。
• 3-通知客户，当他们上传一张图片时，他们必须上传2份照片，1份用于桌面视图，1份用于移动视图，并且他们绝对负责正面显示的内容。客户需要花费大量的精力，但开发更容易。
• 高级功能:用户只能上传一张图片，我们提供了不同的视图端口和一个裁剪器来决定图像在裁剪后如何显示。

我在处理这些事情上没有多少经验，也不知道外面的世界是如何处理这件事的。正如我现在看到的，Wordpress只要求用户上传一张图片，并且它会自动缩放它(我的第一个选项)。有人在这方面有经验吗？你能告诉我你的解决方案，以及你对我上述解决方案的想法吗？谢谢。

Answer 1

您可以为他们构建一个简单的web应用程序来上传图片，并为您的客户端提供桌面和移动图片外观的预览。在php中，有GD库，它很容易用于裁剪和调整大小。

Answer 2

应用第4和第1选项，这样您就不必处理它，使用您拥有的选项裁剪和缩放，让客户决定是否要更改它并选择图像显示的方式。如果他们问你可以说他们有办法解决这个问题，万一他们不想让你处理最好的技术选择的话。