| 分辨率 | 缩写 | 宽高比 | 典型设备 | 备注 |
|---|
使用说明
- 做响应式布局时，按「分辨率」列确定断点；按「宽高比」列判断纵向能放多少内容。
- 「典型设备」列帮你判断这个分辨率现在还有多少人在用。
- 手机的高分辨率大多是 @2x / @3x 的物理像素，实际 CSS 宽高要除以倍率（备注里写了逻辑分辨率的那几行）。
常见问题
物理分辨率和逻辑分辨率有什么区别？
物理分辨率是屏幕真实有多少个像素点；逻辑分辨率是系统告诉浏览器的「CSS 像素」尺寸。比如 iPhone 13 物理是 1170×2532，逻辑只有 390×844，比值 3 就是常说的 @3x。
做网站要适配多少种分辨率？
不用全适配。桌面重点管 1366×768 和 1920×1080 两档，手机管 375 和 390 两个 CSS 宽度，再加个平板 768 和 1024 基本就覆盖了 95% 以上。
4K 屏上网页会变很小吗？
不会，因为操作系统会做缩放（通常 150% 或 200%）。所以 4K 屏的浏览器实际 CSS 宽度往往和 1080p 差不多，做设计时按逻辑像素考虑就行。
相关工具
图片格式对照表
10 种常见图片格式横向对照：压缩方式、是否支持透明和动画、各自最适合的场景，以及每种的坑
图片文件头签名对照表
常见图片与文件格式的文件头签名（Magic Number）对照表，含十六进制字节、ASCII
图片分辨率对照表
从 VGA 到 8K 的常见分辨率对照表，含像素尺寸、宽高比、总像素数（百万像素）和典型用途
社交平台图片尺寸
微信公众号、朋友圈、小红书、抖音、微博、B站、淘宝等平台常用图片尺寸对照表，含推荐像素、宽高
颜色名称与色值对照表
47 种常用颜色的中英文名称、HEX 色值和 RGB 值对照表，支持中英文和色值搜索，取色命
DPI 与打印尺寸对照
从 72dpi 到 2400dpi 的用途对照表，含每毫米像素数和一张 3000px 图在各
图片文件 · 该分类共 66 个工具，展开查看全部
在线图片压缩图片转 Base64图片格式转换图片尺寸缩放图片裁剪图片按比例裁剪图片旋转图片翻转镜像图片转黑白图片反色（负片）图片怀旧复古图片亮度对比度饱和度图片色阶压缩图片双色调图片模糊打码图片锐化图片边缘检测图片马赛克像素化图片暗角效果图片圆角处理图片圆形裁剪图片加边框图片加文字水印图片自动裁白边图片白底转透明图片压缩到指定大小图片转 ICO 图标图片主色提取图片明度分布分析查看图片 EXIF 信息清除图片元数据图片取色器图片格式对照表图片文件头签名对照表图片分辨率对照表社交平台图片尺寸证件照尺寸标准屏幕分辨率对照表颜色名称与色值对照表DPI 与打印尺寸对照图片压缩参数参考网站图片尺寸建议宽高比对照表色温对照表相机画幅尺寸对照表图片拼接图片九宫格切割证件照尺寸裁剪图片批量重命名图片二值化图片体积分析图片转 PDFPDF 合并PDF 拆分PDF 加水印PDF 加页码PDF 旋转页面PDF 转图片PDF 提取文字PDF 压缩GIF 拆帧GIF 合成GIF 压缩GIF 转 MP4视频转 GIF图片 OCR 识别