像素

说明位图,矢量图,像素,分辨率，PPI,DPI？ 显示全部 关注者 28 被浏览 7,031 关注问题 写回答 ​邀请回答 ​添加评论 ​分享 ​ 2 个回答 默认排序 刘凯 21 人赞同了该回答 位图：位图图像（bitmap）, 亦称为点阵图像或绘制图像，是由称作像素（图片元素）的单个点组成的。这些点可以进行不同的排列和染色以构成图样。当放大位图时，可以看见赖以构成整个图像的无数单个方块。只要有足够多的不同色彩的像素，就可以制作出色彩丰富的图象，逼真地表现自然界的景象。缩放和旋转容易失真，同时文件容量较大。bmp，jpg，gif，png。便携式网络图形（Portable Network Graphics，PNG）是一种无损压缩的位图图形格式，截图首选png格式。 矢量图像：由数学向量组成，文件容量较小，在进行放大、缩小或旋转等操作时图象不会失真，缺点是不易制作色彩变化太多的图象。 像素：像素，又称画素，为图像显示的基本单位，译自英文“pixel”，pix是英语单词picture的常用简写，加上英语单词“元素”element，就得到pixel，故“像素”表示“图像元素”之意。像素表示图形尺寸的大小。不同设备显示效果相同。这里的“相同”是指像素数不会变，比如指定UI长度是100px，那不管分辨率是多少UI长度都是100px。也正是因为如此才造成了UI在小分辨率设备上被放大而失真

　　 //1像素线文件 @mixin border($color,$width) { & { position: relative; &:before { content: ""; position: absolute; top: 0; left: 0; border-style: solid; border-color: $color; border-width: $width; transform-origin: 0 0; // padding: 1px; box-sizing: border-box; pointer-events: none; } &:last-child:before { // border-top:none; } } @media (-webkit-min-device-pixel-ratio:1),(min-device-pixel-ratio:1) { &:before { width: 100%; height: 100%; transform: scale(1); } } @media (-webkit-min-device-pixel-ratio:2),(min-device-pixel-ratio:2) { &:before { width: 200%; height: 200%; transform: scale(0.5); } }

代码如下： # -*- encoding: utf-8 -*- import cv2 import numpy as np path = './/face' data = np.loadtxt('Data/data.csv') print(data.shape) for i in range(data.shape[0]): face_array = data[i, :].reshape((48, 48)) cv2.imwrite(path + '//' + '{}.jpg'.format(i), face_array) 来源： https://www.cnblogs.com/wwwlps/p/11930790.html

一直很好奇，今天终于有机会好好研究一下： 我把整个过程分为图像的采集，图像的保存，图像的传输，图像的接收，图像的回显。 1：图像的采集与保存 光的原理： 　　从上图可以看到，我们日常生活中看到的7种颜色是由最基础三种颜色构成，即在外层的红黄蓝，我们可以通过不同的组合方案构造出其他四种颜色，这样我们就可以随意的组合出任意图案了。 小孔成像原理： 　　光线通过小孔可形成倒立影像。 感光材料： 　　卤化银，当有光线照射到卤化银上时，卤化银转变为黑色的银，经显影工艺后固定于片基，成为我们常见到黑白负片。 早期照相机原理： 　　首相对物体加大的曝光（每次照相时候的一闪），使得物体本身反射出巨大的光，然后反射光透过小孔倒映在感光材料上，与卤化银作用，最后留存在底片上。 现代数码相机原理： 　　早期的照相机只能排出黑白照片，后来的科大发明出数码相机，其原理 光在通过小孔 倒映在感光材料上的时候，感光材料只能感觉到光的强度，而无法感知光的颜色，而柯达创始人发明了一种感光元件，可以将原始光分解为三原色的组合比例，然后转换为数字信号，保存起来，最后通过计算机算法进行还原，得到原始光。 链接 2：图像的传输 　　我们在上面说到数码相机会把图像转换为数据，所以我们可以将数据转换为二进制，然后通过电磁波传输，电磁波具有传递距离远，传递速度快的特点 3：图片的接收 　

页面中那些内容需要适配 一、图片高清适配 图片适配的目的是为了在页面中可以高清还原设计图中用到的图片。 页面中用到的图片是否清晰和展示页面的硬件设备的dpr以及图片分辨率这两个因素有关，下面会通过三个例子来说明这个问题。 1、示例一 例如dpr=2的设备，1个设备无关像素(android中的1dp，ios中的1pt)需要4个设备物理像素点填充。对于尺寸为100 x 120 (px)的图片，如果用 <img> 来展示，图片显示时会产生模糊现象。 原因：渲染图片时，宽度是100px，所以横向会占用100个设备无关像素，高度是120px,所以纵向会占用120个设备无关像素，每个设备无关像素又需要2x2个物理像素点来填充，而图片在每个设备无关像素(px)单位上提供的像素点只有1x1个，这时，系统通过一定的算法在这1个像素点上就近取色，取到4个颜色(这4种颜色接近但是有一定区别)之后，当成4个像素点，然后填充到1个设备无关像素点上，这样就导致图片显示时模糊，dpr越大，这种方式显示的图片越模糊。 2、示例二 还是dpr=2的设备，但是准备了一个尺寸为200 x 240 (px)的图片，还是用 <img> 来展示，这时显示的图片就比较清晰了。 原因：这时图片本身可以在一个设备无关像素单位上提供2x2个物理像素点，设备展示图片时直接拿图片提供的像素点来填充就可以了，不用对像素点进行处理

页面中那些内容需要适配 一、图片高清适配 图片适配的目的是为了在页面中可以高清还原设计图中用到的图片。 页面中用到的图片是否清晰和展示页面的硬件设备的dpr以及图片分辨率这两个因素有关，下面会通过三个例子来说明这个问题。 1、示例一 例如dpr=2的设备，1个设备无关像素(android中的1dp，ios中的1pt)需要4个设备物理像素点填充。对于尺寸为100 x 120 (px)的图片，如果用 <img> 来展示，图片显示时会产生模糊现象。 原因：渲染图片时，宽度是100px，所以横向会占用100个设备无关像素，高度是120px,所以纵向会占用120个设备无关像素，每个设备无关像素又需要2x2个物理像素点来填充，而图片在每个设备无关像素(px)单位上提供的像素点只有1x1个，这时，系统通过一定的算法在这1个像素点上就近取色，取到4个颜色(这4种颜色接近但是有一定区别)之后，当成4个像素点，然后填充到1个设备无关像素点上，这样就导致图片显示时模糊，dpr越大，这种方式显示的图片越模糊。 2、示例二 还是dpr=2的设备，但是准备了一个尺寸为200 x 240 (px)的图片，还是用 <img> 来展示，这时显示的图片就比较清晰了。 原因：这时图片本身可以在一个设备无关像素单位上提供2x2个物理像素点，设备展示图片时直接拿图片提供的像素点来填充就可以了，不用对像素点进行处理

适配的基础知识 一、理解单位 px、pt、pc、sp、em、rem、dpr、dp、dip、ppi、dpi、ldpi、mdpi、hdpi、xhdpi、xxhdpi 如果你是ios开发，你需要了解的单位：pt，px，ppi；实际开发中用到的单位：pt。 如果你是android开发，你需要了解的单位：dip/dp，sp，px，dpi/ppi，ldpi，mdpi，hdpi，xhdpi，xxhdpi；实际开发中用到的单位：dp，sp。 如果你是前端开发，你需要了解的单位：px，em，rem，dpr；实际开发中用到的单位：px，em，rem，dpr 1、dpi / ppi dpi：dot per inch ，每英寸的点数；打印或印刷领域使用的单位，代表打印机每英寸可以打印出的点数 。 ppi：pixel per inch ，每英寸的像素数，像素密度；表示图像或者显示器单位面积上像素数量。 dpi 和 ppi 都是描述分辨率的单位，但是两者是有区别的，但是在描述手机分辨率时，可以认为两者意义相同，以前android设备偏向于使用 dpi ，ios设备偏向于使用 ppi ，目前android和ios统一使用 ppi 描述手机屏幕的像素显示密度。 2、ldpi、mdpi、hdpi、xhdpi、xxhdpi android对移动设备不同屏幕分辨率的分类 3、pt，pc，sp pt：磅（point的音译

什么是像素 反转你的手 机看看背后的摄像头 ，像素是构成数码影像的 基本单元 ，通常以像素 每英寸PPI( pixels per inch)为单位来表示影像分辨率的大小。因此 ，像素指的是摄像头的分辨率 ，像素越大，意味着 光敏元件 越多，相应的成本就越大。 如同摄影的相片一样，数码影像也具有连续性的浓淡阶调，我们若把影像放大数倍，会发现这些连续色调其实是 由许多色彩相近的小方点所组 成，这些小方点就是构成 影像的最小单元——像素 。这种最小的图形单元在屏幕上显示通常 是单个的染色点 。越高位的像素，其拥有的色板也就越丰富，也就越能表达颜色的真实感。 摄像头的图像质量部分是由像 素决定的 ，大过一定尺寸再单纯拿像素来比较就没有意义了，目前主流单反摄像头像素在1000万左右,但是普通摄影及家用500万像素已足够用，因为我们使用的 显示器的分辨率有限， 一般 为1024×768至1920×1200 ，这样的分辨率如果显示像素过高的图片是，图片 会被压缩至当前屏幕的大小， 此时有的图片就会出现锐利度过高的情况而失真。 成像质量主要取决于相机的镜头,感光元件大小及质量。 像素越大，照片的分辨率也越 大， 可打印尺寸也更大, 但是。早期的摄像头都是低于100万像素的。从1999年下半年开始，200万像素的产品渐渐成为市场的主流，现在的手机普遍都是500万像素。当前的摄像头的发展趋势

left: calc(20% + 15px); 来源： https://my.oschina.net/u/4196676/blog/3132612

Mac OS、iOS和X11的Retina显示支持 Published 星期四 五月 2nd, 2013 | by Liang Qi 原文链接： Morten Johan Sørvig – Retina display support for Mac OS, iOS and X11 Qt 5.0中添加了对于 retina 显示的基本支持。即将到来的Qt 5.1中提供了新的API和缺陷修复，对于这一问题进行了改进。Qt 4.8也获得了良好的支持，我们 反向移植 了一些Qt 5的补丁。 尽管这些实现的努力和Mac以及iOS程序员最为相关，但是来看一看其它平台是如何处理高DPI显示这一问题，也是很有趣的。这里主要有两种方式： 基于DPI缩放 —— Win32 GDI 和 KDE 。在这种方式中，应用程序在全物理设备分辨率下工作，使用系统提供的一个DPI设定或者缩放因子，用于缩放布局。字体通常会被操作系统自动缩放(只要您使用点数(point)而不是像素(pixel)来指定字体大小) 另一种意义的像素 。在这种方式中，应用程序并不知道物理解析度(在任何程度上)。物理像素被逻辑像素替代： 平台/API 逻辑的 物理的 HTML CSS像素 设备像素 Apple 点 像素 Android 密度无关像素(dp) (屏幕)像素 Direct2D 设备无关像素(DIP) 物理像素 Qt(过去) 像素