你有没有想过，手机拍的照片、电脑上看的图片，放大到一定程度为什么会变得模糊或者出现一个个小方块？这些小方块其实就是“像素”。
像素到底是什么
“像素”是“picture element”的缩写，中文意思是“图像元素”。它是构成数字图像的最小单位。你可以把一张图片想象成由很多彩色小点拼成的马赛克画，每一个小点就是一个像素。
比如你在手机上截图，然后用相册工具放大到最大，就会看到画面开始变成一个个小格子。这些格子就是像素。每个像素都有自己的颜色值，可能是红色、蓝色、灰色，或者是某种混合色。
像素和分辨率的关系
我们常听到“1920×1080”这样的说法，这其实就是在描述一幅图像有多少个像素。横向有1920个像素，纵向有1080个，总共大约207万像素，也就是常说的“200万像素”。
分辨率越高，像素数量越多，图像就越清晰。举个例子：你在淘宝买商品图，如果图片只有320×240像素，放大后就会模糊；但如果是1200×800像素，细节就更丰富，看起来也更清楚。
像素在设计软件中的体现
如果你用过Photoshop或Canva这类设计工具，新建文件时一定会设置尺寸，比如“800×600像素”。这意味着你创建的画布由800列、600行的像素组成，总共48万个可操作的小点。
当你在上面画一条线，其实是让某些特定位置的像素变成某个颜色。修改某个区域的颜色，本质上就是改变对应像素的色彩值。
像素和打印尺寸
有时候你会发现，一张网上下载的图片在电脑上看很清晰，但一打印出来就糊了。这是因为屏幕显示和打印对像素密度的要求不同。
通常屏幕显示每英寸需要72到96个像素（PPI），而打印则需要至少300 PPI才能保证清晰。所以一张宽800像素的图，在屏幕上可能占半屏，但打印出来可能只有2.7厘米宽，再大就会失真。
代码里的像素怎么表示
在网页开发中，像素是最常见的长度单位之一。比如设置一个div的宽度：
<div style="width: 200px; height: 100px; background-color: red;"></div>这里的“200px”就是指200像素宽。浏览器会按照这个数值精确地分配屏幕空间。
即使是做简单的PPT或Word排版，调整图片大小时看到的“像素”选项，也是在控制这些基本单元的显示范围。
了解像素，不只是为了看懂技术参数，更是为了在日常使用手机、修图、发朋友圈配图时，能避免图片模糊、变形的问题。下次你裁剪照片前，不妨先看看它的像素尺寸，心里就有底了。