如何在响应式网站中处理图像内容显示？
问题描述：
我正在建立一个响应式网站的项目。我们遇到的痛苦就是在不同的显示模式下处理图像的内容。请注意：图片内容。如何在响应式网站中处理图像内容显示？
问题是：在PC视图的大部分页面中，图像以横向和纵向比例很大的横向显示。现在，当他们进入移动视图时，我们必须在不同的框架中显示它。正如你可能想象的那样，现在图像的内容被缩放和裁剪，然后在移动视图中导出为一些非常奇怪的图像。就像一幅广阔的图片，人们几乎在左侧，但裁剪后只剩下图片中的无意义物体。恕我直言，通过技术解决方案，我们只处理图像的技术属性（调整大小，缩放），我们无法处理图像内容，这确实是一个人的问题，对吗？
我想约4解决方案：
- 1 - 尽管客户的感情，我们只是缩放图片（保持 所有内容，只是调整其大小）。输出有时会非常可笑 我猜是因为将风景图片调整为 肖像或方形图片。但这大多是最简单的方法。
- 2 - 考虑在移动视图上对图像大小进行图像处理，并通过选取图片的中心区域自动裁剪图片。正如我上面所说， 它毕竟产生了无意义的图片。
- 3 - 通知客户，每当他们上传图片时，他们必须上传2份副本，其中1份用于桌面视图，1份用于移动视图，他们肯定负责在正面显示内容。花费大量的努力需要花费在客户身上，但更易于开发。
- 4 - 高级功能：用户只能上传1张图片，我们提供 不同的视图端口和一个裁剪器，供他们决定如何在裁剪后的图片上显示 。
我没有太多处理这些东西的经验，也不确定这个世界如何处理这种情况。正如我现在看到的WordPress的只需要用户只上传1张照片，它会自动缩放（我的第一选择）。有没有人有这方面的经验？您可以与我分享您的解决方案以及您对我的上述解决方案的看法吗？谢谢。
答
你可以为他们建立一个简单的网络应用程序来上传图片，并为你的客户预览如何使图片看起来像桌面和移动。在PHP中，有GD库，它很容易用于裁剪和调整大小。