亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

如何計算一張圖片的大小

標簽:
Html/CSS


  • 1个像素

https://img1.sycdn.imooc.com//5d2d73d20001ca4701710075.jpg

image.png

  • 10个像素


    https://img1.sycdn.imooc.com//5d2d73d600015cc003860077.jpg

    image.png

  • 100个像素


    https://img1.sycdn.imooc.com//5d2d73db000129c303800375.jpg

    image.png

  • 像素尺寸(Pixel Dimensions)

  • 分辨率(Resolution/ Pixel Density)

https://img1.sycdn.imooc.com//5d2d73ff0001d87f05590466.jpg

image.png

  • 当我们想画一个圆时,我们会在像素点上着色(如下左图),如果我们想要一个更加光滑的圆圈,我们就需要提高resolution,即分辨率,就提高单位inch内的像素单位即可(如下有图)。

https://img1.sycdn.imooc.com//5d2d740300011ef405550219.jpg

image.png

  • 假设我们想要一张 2 Inch 的图片,如果我们只是简单增加图片物理尺寸,那么像素没有任何变化,还是10* 10px, 而分辨率会下降到 10/2=5 pixels/Inch. 所以像这样放大一张图片并不会改变这个图片的像素大小.(如图下左)
    但是如果我们同时在放大一张图片(增加物理尺寸)的同时,同时增加这个图片的像素密度(即分辨率),那么我们就能改变这张图片的像素大小,从10*10 到20 *20 。(如图下右)。

如果我们想让一张图片变得更清晰,就需要给这个图片添加更多的像素点

https://img1.sycdn.imooc.com//5d2d740900015b0c05640297.jpg

image.png



作者:行踏空林
链接:https://www.jianshu.com/p/cf6d90d5352f


點擊查看更多內容
TA 點贊

若覺得本文不錯,就分享一下吧!

評論

作者其他優質文章

正在加載中
  • 推薦
  • 評論
  • 收藏
  • 共同學習,寫下你的評論
感謝您的支持,我會繼續努力的~
掃碼打賞,你說多少就多少
贊賞金額會直接到老師賬戶
支付方式
打開微信掃一掃,即可進行掃碼打賞哦
今天注冊有機會得

100積分直接送

付費專欄免費學

大額優惠券免費領

立即參與 放棄機會
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號

舉報

0/150
提交
取消