首页 > 代码库 > 前端:关于图片的研究

前端:关于图片的研究

css方面

给图片添加边框,padding:1px; border:1px #dedede solid。会比直接贴图漂亮点

弹性图片 img {width:100%; height:auto;}

 

js方面

盘-古-建=站的统一用的js等比例缩放图片,并让图片自动居中。

Remarks:有待研究。(20141226)

缺点:浪费浏览器性能,页面效率下降。

 

编辑运营方面

相同“身份”的图片,采用统一规格的图片。(对于移动端的自适应图片有好处。)

Remark:移动端采用js来缩放图片显然是不合适的。因为设备性能有限。

Remark2:寻找一块可以缩放裁切预定尺寸的图片的傻瓜式工具。

 

服务器方面(更好的)

将图片的处理做到服务器端,上传图片后,将图片处理后生成一个副本,前台页面直接调用副本。

例子:如淘宝天猫的做法。

 

前端:关于图片的研究