正在裁剪的横幅图像

时间:2013-09-11 15:29:36

标签: css image wordpress

我正在尝试将图像添加到我正在使用的WordPress模板中包含的横幅中,但它正在裁剪图像而不是正确缩放它们。 我注意到横幅的高度太小,但我似乎无法在CSS代码中更改它。 这是我正在尝试整理横幅的页面 - Money Matters Home,这是我上传的原始图片 - home-banner-1.png

正如你所看到的,尽管事实上我试图改变横幅的高度,但它仍然是从原版中裁剪出来的。原始图像尺寸为900 x 278,它应自然缩放到1152 x 355,但不是。

有谁知道如何解决这个问题?我觉得我错过了一些非常明显的东西!

2 个答案:

答案 0 :(得分:2)

您可以将Photoshop或Gimp中的图像重新调整为WordPress标题的精确尺寸。

使用浏览器开发人员检查工具确定准确的尺寸。

答案 1 :(得分:1)

首先将图片的尺寸更改为870x230(因为我看到当前横幅的尺寸) - 您可以在Photoshop或甚至油漆中完成。

然后当您通过上传程序在Wordpress上传图像时,上传图像文件并在保存之前选择图像尺寸中的“原始”选项而不是小/中/大等

您当前的图片横幅文件是:http://bojomedia.co.uk/preview/moneymatters/wp-content/uploads/2013/08/home-banner-1-temp-870x230.png

注意文件名末尾的870x230 - 这是wordpress生成的原始文件的裁剪版本,正在那里使用。

我希望这会有所帮助。