Facebook如何按比例显示您的个人资料图片?他们使用一些算法吗?我注意到配置文件图片div最大宽度是180像素,高度与原始高度成正比。按比例个人资料图片
0
A
回答
1
如果您只在img标签中指定一个尺寸,则会缩放其他尺寸(高度/宽度)以匹配。
例如:
<img src='test.jpg' width'150'>
这将自动地使高度200,如果源图像是3:4在300x400
3
这是简单的。在服务器端,您可以获得原始高宽比,然后根据此值计算高度。
例如,您有一张3/4(1,333)比例的照片。如果您的最大宽度为180像素,则应该简单地将此值除以高宽比。最终的高度应该在135px左右。
180px ----- 4px
Hpx ----- 3px
180 * 3 = 4H
4H = 540
H = 540/4 = 135px
就是这样:d
+0
谢谢! :)! –
+0
@matt如果这是最有用的答案,请确保通过单击复选标记将其标记为正确。 – KatieK
0
好,我做在PHP的东西缩放比例,它使用一个给定的宽度,高度,以及可选的最大宽度/高度ü希望(取决于所给定的宽度和高度)
function scaleProportional($img_w,$img_h,$max=50)
{
$w = 0;
$h = 0;
$img_w > $img_h ? $w = $img_w/$img_h : $w = 1;
$img_h > $img_w ? $h = $img_h/$img_w : $h = 1;
$ws = $w > $h ? $ws = ($w/$w) * $max : $ws = (1/$h) * $max;
$hs = $h > $w ? $hs = ($h/$h) * $max : $hs = (1/$w) * $max;
return array(
'width'=>$ws,
'height'=>$hs
);
}
用法:
$getScale = scaleProportional(600,200,500);
$targ_w = $getScale['width']; //will return 500
$targ_h = $getScale['height']; //will return 166.666666667
相关问题
- 1. 个人资料图片圆圈比例css
- 2. 个人资料图片消失在背按按钮
- 3. 谷歌公开个人资料图片
- 4. PHP更改个人资料图片
- 5. 缓存Facebook个人资料图片?
- 6. 解析转推个人资料图片
- 7. FaceBook个人资料图片中有多少人?
- 8. 使用dotnetopenauth获取联系人和个人资料图片
- 9. 个人资料照片上传
- 10. 合并facebook个人资料照片
- 11. 获取Facebook个人资料照片
- 12. 下载多张个人资料照片
- 13. 用户个人资料照片 - C#
- 14. 获取用户个人资料图片圈图像视图
- 15. 的个人资料页使用案例
- 16. Facebook图api个人资料图片网址
- 17. 从Uri到Android的位图获取Google+个人资料图片
- 18. Facebook登录图API返回错误个人资料图片URL
- 19. Android的位图用户的个人资料图片
- 20. 个人资料图片不从Facebook获取图表api
- 21. 无法获取位图从谷歌个人资料图片url
- 22. 更改每个鸣叫twitter的个人资料图片
- 23. 编辑图片/移动“移动”(一个Facebook的个人资料图片编辑)
- 24. 复制Facebook个人资料图片创建一个0kb图片文件
- 25. 烧瓶:将模型连接到文件,例如个人资料图片
- 26. 如何私密存储用户个人资料图片,以便只能由个人资料所有者访问?
- 27. “更新个人资料”是否扩展“查看个人资料”?
- 28. 如何过滤用户上传的个人资料照片从谷歌默认个人资料照片
- 29. 如何按照顶部的个人资料图片进行分类?
- 30. 如何获取每个联系人的个人资料照片
这是对带宽的浪费,看起来像在一些浏览器的废话。 – ceejayoz
@ceejayoz。虽然你所说的有一些道理,但现代浏览器在渲染这些变化方面正在变得越来越好。此外,如果您希望图像在调整窗口大小时进行缩放,这是容纳图像的最佳方法(假设人们不会在原始图像大小上过多以及它们允许缩放多少)。 – ScottS
我期待着每个人都在使用现代浏览器的那一天。在此之前,我将使用服务器端调整大小而不是流体图像大小。 :-) – ceejayoz