精华内容
下载资源
问答
  • 手机图片模糊问题原因就是一个像素在电脑上和手机上代表的实际像素的不同。 我们在样式表中使用的px(独立像素)单位其实并不一定代表着实际的一个像素(物理像素),这还要硬件的设置。例如下面盗来的图片,...

    一、移动设备图片模糊问题

    手机上图片模糊问题原因就是一个像素在电脑上和手机上代表的实际像素的不同。

    我们在样式表中使用的px(独立像素)单位其实并不一定代表着实际的一个像素(物理像素),这还要看硬件的设置。例如下面盗来的图片,右图一个独立像素等于四个像素,左图一个独立像素等于一个像素。devicePixelRatio为表示这个比例的值,如果设备宽度为640物理像素,320独立像素,则devicePixelRatio为640/320=2,一个独立像素等于4个物理像素。

            

    所以,如果切了一张10像素宽高的图放在devicePixelRatio为2的屏幕中,设置宽高为10px,实际上就是在20像素宽高的区域中放了一张10像素的图片,而图片被拉长为20像素,这样就糊了。如果要完美显示得放一张20像素宽高的图。

    二、解决办法

    所以我们可以根据设备的devicePixelRatio给出不同的样式。

    如果用脚本可以用window.devicePixelRatio进行判断,目前在移动设备基本支持该属性。

    用css可以用媒体查询,例如:

    @media only screen and (-webkit-min-device-pixel-ratio : 1.5),only screen and (min-device-pixel-ratio : 1.5){
    
             //样式
    
          }
    
     
    
    @media only screen and (-webkit-min-device-pixel-ratio : 2),only screen and (min-device-pixel-ratio : 2){
    
            //样式
    
          }

     

        注意:用媒体查询device-width的值在ios和android是不一样的,一个代表独立像素一个代表物理像素,就跟用window.screen.width取屏幕宽度一样,在两个系统上取得的值也是不一样的。

    现在主流的智能手机devicePixelRatio大部分为2,一部分为1.5,3的比较少,1的则更少(PC为1)。

    三、关于viewport

        这里主要讲一下width和scale两个属性,经过粗略测试:

        Ios上:如果没有设置width而设置了initial-scale,那么width = device-width / initial-scale;如果没有设置initial-scale而设置了width,那么scale=device-width/width。

        Android上:如果没有设置width而设置了initial-scale,那么width = device-width;如果没有设置initial-scale而设置了width,那么scale=device-width/width。

        所以,如果想让图片在手机上显示正常,也可以利用viewport,例如在iphone5s上,device-width为320,物理像素宽度为640,可以在viewport中设置width为640(独立像素),scale为0.5,则图片可以在屏幕中完好显示,相当于把640宽压到了320宽中(独立像素)。

    转载于:https://www.cnblogs.com/plusice/p/3736763.html

    展开全文
  • 但是我们在使用苹果手机的时候,尤其是曾经摔过碰过,有时会出现拍出模糊图片的情况,到底是什么情况呢?接下来,手机维修就来给大家介绍一下苹果手机出现拍照模糊的原因以及解决方法: 1、摄像头脏,通过清理...

    智能手机现在成了人们生活的必需品现在的手机像素越来越高,还自带美颜功能,因此,无论是生活中的美好时刻记录,还是无聊时刻的自拍,手机拍照就显得尤为重要了。但是我们在使用苹果手机的时候,尤其是曾经摔过碰过,有时会出现拍出模糊的图片的情况,到底是什么情况呢?接下来,手机维修就来给大家介绍一下苹果手机出现拍照模糊的原因以及解决方法

    1、摄像头脏,通过清理摄像头,简单处理即可。

    2、在相机设置里设置为较高的像素模式或较大的文件格式

    3、注意你的手势不要晃动

    4、光线问题,摄像是无法开启闪光的,所以,你要在光线合适的地方试一下

    5、镜头有损坏,如果通过以上几种方法能解决好不过的!如果未能解决就属于硬件问题了,需要到官方或是叫个手机上门维修的工程师进行维修了。

    6、用iPhone近距离拍摄时可能模糊,对不上焦一样。我们一般要对焦就是点一下屏幕,让它自动对焦,但有时候却是老对不上焦,模糊。在这时候,我们对焦就不是点一下屏幕,而是让摄像头近距离对着花生时点住屏幕别松手持续3秒左右,直到出现AE/AF锁定。等AE/AF锁定后,就慢慢改变摄像头跟物体之间的距离,直到清晰的显示物体,这时候你就可以按下拍摄键了

    以上六点就是给大家总结出来的苹果手机出现拍照模糊的原因。如果我们在使用过程中,出现这种情况,我们可以先检查一下我们的摄像头是否正常如果摄像头有脏东西,只需要清洁摄像头就可以了,当然了,大家也可以对照以上方法逐一测试,都试过不行的话,那就属于硬件问题只能维修了。希望帮到大家。

     

    展开全文
  • 最近在用手机做网站的时候,发现,用同等比例的图片

    最近在用手机做网站的时候,发现,用同等比例的图片在PC机上很清楚,但是手机上很模糊,原因是什么呢?

    经过研究,是devicePixelRatio作怪,因为手机分辨率太小,如果按照分辨率来显示网页,这样字会非常小,所以苹果当初就把iPhone 4的960*640分辨率,在网页里只显示了480*320,这样devicePixelRatio=2。现在android比较乱,有1.5的,有2的也有3的。
    想让图片在手机里显示更为清晰,必须使用2x的背景图来代替img标签(一般情况都是用2倍)。例如一个div的宽高是100*100,背景图必须得200*200,然后background-size:contain;,这样显示出来的图片就比较清晰了。

    代码可以如下:

    background:url(../images/icon/all.png) no-repeat center center;-webkit-background-size:50px 50px;background-size: 50px 50px;display:inline-block; width:100%; height:50px; 

    background-size:contain;或者指定都可以,大家试试!

    要是还没有解决,就说明手机或者浏览器分辨率了。

    展开全文
  • 待解决。测试对于图片之类的没有影响。但是文字在手机起来比较模糊

    待解决。测试对于图片之类的没有影响。但是文字在手机上看起来比较模糊。

    展开全文
  • unity--项目中图片模糊的处理办法

    千次阅读 2016-08-05 18:35:34
    美术提供的图片都是高清的,但是放到项目中之后就莫名变得模糊,尤其是打包到手机上之后更是,虽然能够接受,但是公司希望越清晰越好。 所以,我们就得找解决方法啦~ 解决办法如下: 将图片资源拖到unity项目中...
  •  项目中有需要点击展示大图的,然而发现手机端的图片展示更多的是黑色背景+图片展示,最多加上个缩放动画。更让强迫症纠结的是:因为android的本身的原因(从nexus到小米魅族),使用activity进行图片展示会有几率...
  • 实现Discuz论坛手机版上传图片质量过低的问题,最近论坛老是有用户反映,手机上传图片模糊很不清晰,不清楚的问题非常影响用户体验,于是各种搜索终于发现有解决方法,如下分享出来帮助大家解决困惑: 第一步:...
  • 然后在手机模板上,图片的高和宽设置得非常小,140像素这样,也就是电脑版游客小图的那么小一丁点。格东站长网  这些都是可以调整的,因为服务器上有原图。调整方法:格东站长网  1、后台设置,后台--全局--...
  • 4K 分辨率明显比之前模糊了,不光是字体,整个屏幕感觉颜色不纯了。 仔细,有黑色横竖线, 这是我手机放大后拍的,这些点点好像也一直在闪烁,导致画面不清楚。 有谁知道原因的吗?谢谢 ![图片说明]...
  • 然后在手机模板上,图片的高和宽设置得非常小,140像素这样,也就是电脑版游客小图的那么小一丁点。这些参数设置都是可以调整的,因为服务器上有原图。 调整方法: 1、后台设置,后台--全局--上传设置--基本...
  • 模糊原因 ...如果遇到了屏幕宽度400px的手机,那么图片会 拉伸,canvas也会拉伸,拉伸则必然会模糊。 那么iphone6确实是375px宽度的手机,还是会出现模糊问题,为什么呢?手机端会存在高清屏的问题
  • 由于移动端的屏幕大小不一,所以我们在做移动端页面的时候,在不同分辨率的手机屏幕下,手机端的图片会显示模糊不清,严重影响了用户体验,所以这篇文章主要给大家介绍了关于移动端小图标模糊问题的解决方法,需要的...
  • android背景进行高斯模糊

    千次阅读 2015-12-30 14:18:28
    写这个东西主要是想把这个东西记下来,根据实际使用的情况来,有些分辨率高的手机进行模糊所花费的时间有点长,使用动画进行掩饰后,发现这个方法可能在不同的手机上有掉帧的情况,进行高斯模糊的性能比较低,最后...
  • 可能在虚拟机中看不出来效果,但是放到手机上后在drawable中的图片明显给人一种因“拉伸”而模糊的感觉, 视觉效果很不好。放到drawable-hdpi中就显得锐利,起来很美观。 如图: 转载于:...
  • 手机网站的几点注意

    2020-03-31 12:33:25
    1、 安卓浏览器背景图片,有些设备会模糊。 用同等比例的图片在PC机上很清楚,但是手机上很模糊,原因是什么呢? 经过研究,是devicePixelRatio作怪,因为手机分辨率太小,如果按照分辨率来显示网页,这样字会...
  • 常见手机端兼容问题

    2018-05-08 10:43:00
    1、安卓浏览器背景图片,有些设备会模糊。 用同等比例的图片在PC机上很清楚,但是手机上很模糊,原因是什么呢? 经过研究,是devicePixelRatio作怪,因为手机分辨率太小,如果按照分辨率来显示网页,这样字会...
  • 1、 安卓浏览器背景图片,有些设备会模糊 用同等比例的图片在PC机上很清楚,但是手机上很模糊,原因是什么呢? 经过研究,是devicePixelRatio作怪,因为手机分辨率太小,如果按照分辨率来显示网页,这样字会非常小...
  • 由于手机内存的限制和网络流量的费用现在,我们在加载图片的时候,必须要做好图片的压缩和缓存。 图片缓存机制一般有2种,软引用和内存缓存技术。 1.压缩图片:压缩图片要既不能模糊,也不能拉伸图片图片操作...

空空如也

空空如也

1 2 3 4 5 ... 12
收藏数 229
精华内容 91
关键字:

手机看图片模糊