档案图片默认大小

Question

AS在脸谱，orkut的应该是轮廓PIC设置高度，宽度等，使图像清晰，没有任何失真观看它时，

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

Answer 1

为了避免失真的缩略图中你应该采取的原始图像，并使用任何图像处理程序或技术（PHP，Photoshop中...）你已经可用，调整大小/裁剪图像不论大小，您认为合适的：

1. 原图profilePicture.png，600 * 500像素，转换为：
2. profilePictureThumbnail.png，200×240像素

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

我倒是仍然使用在img标签height和width属性，因为这可以让浏览器布置页面即使网络，或图像服务器，速度慢与实际图像应对建议。

我肯定会避免使用浏览器调整图像的大小，因为它仍然要求下载图片（以其全尺寸/分辨率），并且浏览器图像处理不是特别敏感（并且因Firefox而异Chrome浏览器到IE浏览器到Opera ...），更不用说移动互联网软件包上的人们不会感谢你通过他们的移动资费向他们投掷可能有数兆字节的图像。

Answer 2

他们应该是什么的图像的自然尺寸是。

Answer 3

心不是标准尺寸，你应该选择什么样子的最适合您的设计。

我会建议避免在图像标签设置固定的大小。您应该将图像编程调整为所需的大小。

如果失真是一个问题，你可以按照这个算法中：

• 识别图像占位符的最大可能的宽度和高度与参考设计。
• 如果用户上传的PIC具有高度>宽度，然后调整PIC以匹配占位符的高度和调整宽度，以保持图像的比例不变。
• 如果用户上传的PIC具有宽度>高度，调整PIC以匹配占位符宽度和调整高度，保持比例不变。

这样你的图片将永远适合占位符，不会有任何失真。

Answer 4

试试这个。它应该工作：

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