一个小问题——宽，高和图片大小。

打开相册查看一张图片数据如下：

JPG格式

宽度：1920px

高度：2560px

文件大小：1.85MB

现在手机上一般采用32位ARG_8888格式保存像素，也就是说一个像素点占用32位，4byte。

所以这张图片的原始数据所占内存大小为1920x2560x4/1024/1024 = 18.75MB

这里的文件大小为1.85MB是因为JPG格式的图片是压缩之后得到的，有一定的压缩比例。

也就是说18.75MB是原始无损图片的大小，1.85MB是保存到相册中压缩生成的jpg文件的大小。

一个小问题——宽，高和图片大小。

时间： 2024-12-28 13:14:27

一个小问题——宽，高和图片大小。的相关文章

js 获取图片宽高和图片大小

获取要查看大小的img varimg_url = 'http://img5.imgtn.bdimg.com/it/u=4267222417,1017407570&fm=200&gp=0.jpg' // 创建img对象 var img = new Image(); // 改变图片的src img.src = img_url; // 加载完成执行 img.onload = function(){ // 打印 alert('width:'+img.width+',height

未知宽高的图片水平垂直居中的几种方法

最近在项目中遇到不固定宽高的图片要水平垂直居中的情况,发现垂直居中存在兼容性问题,下面收集了一些方法,可根据需要权衡使用. 1. 背景法(兼容性好,简单,但不利于动态导入的图片) html: <div class="wrap"></div> css: .wrap{ width:300px; height:200px; background: url(../img/test.jpg) center center no-repeat; } 2. 图片外面用个p标签,

canvas为什么你指定一个比较小的宽高，但它实际占位却很多？

ccanvas默认的宽高占位是:300*150 px 所以当你画一个普通的举行,你指定的宽高小于默认宽高的时候,通过审查元素发现周围都是空白的.

图片 + 未知宽高 + 垂直居中

图片 + 未知宽高 + 垂直居中第一种: table-cell / inline-block + vertical-align条件: 容器宽高受图片默认宽高影响html结构: <div> <img src="./image.jpg" > </div> css代码: div { display: inline-block; /*display: table-cell;*/ padding: 10px; border: 2px solid #aaa;

table-cell实现未知宽高图片，文本水平垂直居中在div

<BODY> <h1>未知宽高的图片水平垂直居中在div</h1>  <div class="box-outer"> <div class="box"> <img src="images/01.jpg" /> </div> </div>  <h1>多行文

如何实现不确定宽高的盒子上下左右居中

图片素材: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> img{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } </style>

【实习项目记录】(三)调整网络图片固定宽高

很多时候服务器端传过来的图片大小不统一.在ImageView里面设置这个属性可以让图片显示的时候统一大小. android:scaleType="centerCrop" android:scaleType是控制图片如何resized/moved来匹对ImageView的size. android:scaleType值的意义区别: CENTER /center 按图片的原来size居中显示,当图片长/宽超过View的长/宽,则截取图片的居中部分显示 CENTER_CROP / cent

实现没有宽高的盒子水平垂直居中

实现一个不设置宽高的盒子水平垂直居中的效果的方法方法一.CSS+定位让其父元素相对定位,内部元素绝对定位,这里的父元素为body. 原理:让未定义宽高的图片上下左右距离都为0.然后给一个margin自适应.可以想象成一个盒子,给了四个方向的相同的力,这样就会形成一种相对的均衡力量让其停留在中间位置了. <style> img{ position:absolute; top:0; bottom:0; left:0; right:0; margin: auto ; } </style&g

【整理】原生js和jQ获取窗口宽高及滚动条的方法和函数

原生js和jQ获取窗口宽高及滚动条的方法和函数一.原生js获取 1.实际宽高(不包括工具栏,滚动条的视口高度,ie6.7.8不支持) window.innerHeight window.innerWidth 2.显示屏宽高 screen.height screen.width 3..显示屏宽高(除windows任务栏之外的高度)屏幕可用工作区 screen.avaiHeight screen.availWidth 4.网页可见区域宽高 document.body.clientWidth doc