如何调整960网格网页设计的图像大小?

时间:2013-11-15 23:42:54

标签: css image web

在我的网站上,我有一个顶部的图像滑块。这是drupal主题的演示(公司,而不是我的网站),

http://demo.drupalizing.com/?theme=bluemasters

我的所有照片都是不同尺寸或不同种类的照片。我不知道怎么说。我可以在任何程序中重新调整大小。如果我保持纵横比,960px就可以了,但底部会被拉伸。

如何保持良好状态并适合960?

如果不是960,那么什么是好的数字或其他类型的设计?

我可以使用CSS吗?我是否使用像Gimp,Paint.net等图像程序?

2 个答案:

答案 0 :(得分:1)

只要所有图片的宽度都大于960px,您就可以使用HTML或CSS标记将图片大小调整为960px。但是,请记住,没有办法在960px的盒子中显示整个图像说4000x2000而不会让它看起来小或不连贯。在这种情况下,我将使用图像编辑程序并剪切图像的主焦点并将其保存为960x300(或任何高度)图像。

答案 1 :(得分:1)

从链接中,滑块图像均为930px x 320px。您可以使用CSS来克服此限制,但您的图像可能会超出比例。

我会从930px x 320px的艺术作品开始,然后根据这个宽高比裁剪你的照片。

在这个BlueMaster主题中,CSS的宽度设置为100%,因此无需担心缩放。

在线照片编辑工具:http://pixlr.com/editor/

  • 文件 - >新图像
  • 宽度 - > 930
  • 高度 - > 320