Images not aligning correctly

时间:2016-08-30 作者:Sfocker

我正在尝试将新图像上载到一个由开发人员创建的网站enter image description here. 我知道我的图像大小是错误的,但什么是确保浏览器中所有图像大小相同的最佳方法?

2 个回复
SO网友:Rarst

假设这是使用图像大小功能实现的,您需要的是所谓的“硬裁剪”模式。这将使图像与尺寸精确匹配,可能会切割零件。

您似乎拥有的是软/比例裁剪模式,该模式尝试将图像大致适应维度,同时保留所有图像。

看见crop mode in documentation 有关技术细节。

如果您想在不干扰代码的情况下解决这个问题,那么您最好的选择是找出目标维度,并上传具有相同比率的图像。这将使它们适合现有的设置,但在上载之前需要做更多的准备工作。

SO网友:Ethan O\'Sullivan

从外观上看,您的原始图像大小似乎都不一样(除了最后两个)。对于干净一致的图像,在上传之前,最好确保它们都设置为合适的大小。

否则,您也可以使用内置媒体工具设置所需的大小以适合:

Media editing tool

此外,无论您的产品项目如何显示,它们看起来都不会自动设置widthheight 设置以确保所有图像遵循相同的尺寸。但这只是看屏幕截图,而不是源代码。

相关推荐

Wordpress cutting images size

我目前正在制作一个页面的横幅,过了一段时间,我注意到我的图像质量比我预期的稍差一些。我上传了1920x1024大小的图片,但在我查看管理仪表板后,我注意到它们已经缩小到1024x575!这有什么原因吗?有什么办法可以防止这种情况发生吗?提前感谢!