关于2倍图的理解

在电脑上,1个CSS像素等于1个物理像素,但移动端如苹果8,实际像素750px压缩成375px的视网膜屏。100px的照片直接显示为100×100px,而200×200px的图片缩放2倍后,虽然视觉大小相同,但更清晰。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

在电脑端1个css像素=1个物理像素
所以一个长宽都是100px的照片,需要100✖100px的物理像素

而在移动端存在多倍图的关系,假如是2倍图的关系
即:1个css像素需要2个物理发光点
假如现在有一个长宽都是100px像素的照片
放在手机上也是长宽也是100✖100px

苹果8的实际像素宽度是750px,然后通过视网膜屏技术给压缩成375px
所以一个长宽都是100px像素的照片
直接放在手机上显示的也是100×100px的空间大小。
但是准备一个200×200px的照片,然后缩放2倍,再在手机上显示,同样的视觉大小
都是100×100px的空间大小。但是会更清晰
在这里插入图片描述

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值