在网页设计中，使用CSS控制图像的大小和位置是非常重要的。通过CSS，可以灵活地调整图像的尺寸，以适应不同的布局需求。
设置图像的宽度和高度是最基本的方法。可以通过`width`和`height`属性来实现。比如，`width: 100px;`和`height: auto;`的组合可以使图像按照给定的宽度显示，同时保持其原始比例。
使用`max-width`和`max-height`可以限制图像的最大尺寸，这样在保持响应式设计的同时，防止图像过大。这对于适应不同屏幕尺寸的网站尤为重要。
图像的位置同样重要。使用`margin`属性可以在图像周围添加空白区域。比如，`margin: 20px auto;`可以使图像在容器中水平居中，并保持上下各20像素的空白。
`position`属性则提供了更多的控制选项。使用`absolute`或`relative`定位可以根据需求精确控制图像的位置。通过`top`、`left`等属性，可以自由地将图像放置在页面的特定位置。
使用`float`属性可以让图像与文本流动，使内容更加灵活。通过设置`float: left;`或`float: right;`，图像可以与文本并排显示。
为了确保图像在不同设备上的显示效果，使用媒体查询（media queries）非常有效。通过CSS的`@media`规则，可以根据设备的不同特性改变图像的样式。
背景图像的使用也不容忽视。通过`background-image`属性，可以将图像作为背景使用，并利用`background-size`控制其显示尺寸。设置为`cover`可以保持图像的比例，并充满整个容器，而`contain`则确保整张图片都能显示出来。
通过使用CSS框架可以简化这些设置，不同的框架提供了一系列预设的样式，使得调整图像的大小和位置变得更加快捷和高效。