个人资料图片默认大小

Question

AS在facebook中，orkut应该是配置文件的设置高度，宽度等，以便图像清晰，并且在查看时没有任何失真

     <img src="image.gif"  style="height:75px;width:130px;"  />

Answer 1

它们应该是图像的自然尺寸。

Answer 2

没有标准尺寸，您应该选择最适合您设计的尺寸。

我建议避免在图片标签中设置固定尺寸。您应该以编程方式将图像调整为所需大小。

如果担心失真，你可以遵循这个算法：

• 参考您的设计确定图像占位符的最大可能宽度和高度。
• 如果用户上传的图片有高度＆gt;宽度，然后调整图片大小以匹配占位符高度并调整宽度以保持图像比例不变。
• 如果用户上传的图片有宽度＆gt;高度，调整图片大小以匹配占位符宽度并调整高度以保持比例完整。

这样你的图像总是适合占位符，不会有任何失真。

Answer 3

为避免缩略图中的失真，您应该拍摄原始图像，并使用您可用的任何图像处理程序或技术（php，Photoshop ...），将图像调整大小/裁剪为您认为合适的尺寸：

1. 原始图片profilePicture.png，600 x 500px，转换为：
2. profilePictureThumbnail.png，200 x 240px

然后使用profilePictureThumbnail.png而不是使用img标记来调整图像大小/缩放。

我仍建议在height标记中使用width和img属性，因为这样即使网络或图像服务器响应实际图像的速度很慢。

我肯定会避免使用浏览器来调整图像大小，因为仍然需要下载图片（以其全尺寸/分辨率），并且浏览器图像处理不是特别敏感（和从Firefox到Chrome到IE到Opera ......都有所不同，更不用说移动互联网套餐的人不会感谢你通过他们的移动资费投掷，可能是多兆字节的图像。

Answer 4

试试这个。它应该工作：

<img src="image.gif"  style="max-height:75px;width:130px;"  />