根据我在 Web 开发方面的经验,每个网站的 HTML 页面设计可能有不同的 <img> 标签,以不同的大小显示相同的图像。即:网站的主页可能会以 500*500 显示图像,列表页面可能会以 200*150 显示图像,并且网站的其他部分将使用不同的尺寸。如您所见,要显示给用户的图像的比例不同,因此会导致图像被拉伸、像素化和/或其他质量问题。
我目前处理这个问题的方法是使用 jQuery 裁剪工具让用户选择要从中裁剪缩略图的区域。然后使用 imagick 调整裁剪图像的大小以适合页面设计中的每个位置。但是,尽管我可以强制用户根据预定义的比例裁剪图像,但 HTML 仍将包含图像占位符,其缩略图需要不同的比例。因此,对于每张图片,我将不得不强制用户根据我的网站所需的每个可能的比例来裁剪上传的图片。
我不认为这是一个友好的解决方案,你会怎么做?网络有标准/推荐比例吗?
谢谢