所以我只是为我的高中建立了一个网站，并意识到很多图像都在这个页面上特别紧张 www.eriesd.org/central/central2/staff.php
什么是使图像不那么拉伸的最好方法？
我正在考虑添加div并添加中心或50％50％的背景图像。在职业和技术页面上，我注意到信息页面没有在IE中加载，但其他页面加载没有其他人有过这个问题吗？
我基本上在菜单和选项中获取位置并调用ajax请求，该请求加载连接到我的数据库的3个布局中的1个，并根据选项和位置获取信息。
答案 0 :(得分：3)
由于您为width标记指定了height和<img>属性，因此它们会被拉伸。如果实际图像具有不同的尺寸，可以看到浏览器没有选项，但可以扭曲图像以使其适合指定的高度和宽度。
只是不要指定height或width或两者，图像就可以了。
答案 1 :(得分：3)
假设使用某种php CMS上传图片，我要做的第一件事就是在上传时正确处理图片：除了较大的图片，你需要生成一个适合的缩略图该页面所需的大小。
我还建议向正在上传图片的用户添加通知，此特定图片需要具有横向格式，就像您在页面上使用的那样。
CSS解决方案将是解决小问题的最后手段。
编辑：除此之外，我会认真重新考虑发布所有这样的电子邮件地址，并添加一些分页，因为页面现在需要很长时间才能加载（特别是所有图像都很多）比你需要它们更大......）。
答案 2 :(得分：1)
如果你想要白色区域，你应该只在img上设置height并将width:200px;text-align:center CSS添加到anchor。省略宽度会缩小图像周围的空白。
<a class="image" style="width:200px;text-align:center">
<img src="http://www.eriesd.org/central/central2/images/staff/kranking.jpg" alt="missing photo" height="112">
</a>
答案 3 :(得分：1)
我会回答你关于图像的第一个问题。真正的问题是您的图像尺寸不适合您想要填充的空间。我检查的其中一个是重量为1.5MB的600万像素（2848x2144）图像。这个近似的大小和尺寸有更多。这些图像中的任何一个都比整个页面大得多。第一步是将图像调整到您需要的大小。您的页面接近19MB。不仅大多数浏览器在缩放图像方面做得很糟糕，而且还会发送大量额外数据，并且对于没有快速连接的用户来说，页面加载速度非常慢。想象一下，有一个移动浏览器的用户正在等待这个并咀嚼他们的数据计划！使用DSL的用户可能需要几分钟;拨号可能需要几个小时。
如果您手动上传，请先调整大小。找出尺寸约束并首先调整大小和裁剪。如果您使用的是CMS，请查找设置，插件或自定义它以制作较小的缩略图版本并使用它。
答案 4 :(得分：1)
为了保持布局看起来美观和平等，你唯一能做的就是像现在一样拉伸它们，或者更好的是，稍微裁剪图像并调整它们的大小。您可以通过编程方式对大多数图片进行操作，只需假设顶部中心位于其头部位置即可。你在整个网站上都有拉伸图片问题。
至于职业生涯＆amp;技术页面，如果你查看源代码，它们实际上仍然被加载（至少在最新的IE中），但是由于某些原因它们没有被显示，所以，要么你有一些CSS或JavaScript问题.post或。内容。它甚至有时会弹出一秒然后消失。
答案 5 :(得分：0)
如果仅指定宽度，则将按比例设置高度，从而防止图像拉伸。