首先分辨率是什么？
打个比方。分辨率为1366×768时，就是指在等离子屏幕的横向上划分了1366
 个像素点，竖向上划分了 768 个像素点。所以在同一个屏幕上设置分辨率越高，同一个图片就显得越小越清晰，因为图片的像素是定了的，比如240x240。自己脑补一下，自己的电脑是不是设置分辨率低一点的时候，桌面图标就会变大变模糊呀。1024*768的分辨率是现在比较常见的。
所以前期设计时就应该考虑不同分辨率的问题，1024的话理论上应该不超过1000px的宽度。写一个宽度小于1000的容器，设置为margin:0 auto（居中）;然后把所有内容装到里面去。

由于手机开发需要面对各种不同分辨率的屏幕，所以，往往需要让图片能够自动调整高度或者宽度。


如果你的图片的横向宽度是根据父对象自动匹配的，那么往往希望图片的高度能自动成比例的缩放，否则图片会变形。可以按照如下设置CSS：
.img{width : 100%;height : auto}
如果你的图片的高度是根据父对象自动匹配的，那么希望图片的宽度能自动成比例的缩放，可以按如下设置CSS：

.img{width : auto;height : 100%}

把要用的那张图片放到一个更高分辨率的文件中，比如mipmap-xxxhdpi

相信大家都碰到过这样的问题：找到了一张心仪的图片打算用作素材/壁纸，结果发现这张图片的像素太低，画面太糊，放大之后惨不忍睹，遂放弃之。
例如：
这张图片的分辨率是487*326，能看到，细节部分基本都是糊的。
实际上，想挽救这张画质不高的图片，只需要一点小技巧，今天就和大家分享一下。
首先，我会把模糊的照片分成两类：①网络上流传的照片 ②自己拍糊的照片 。恢复这两类照片清晰度的解决方案是不同的。
可以看到上面那张泰坦尼克号的照片应该归属于分类①，这时候的解决方法就是运用“百度识图”。
1.搜索“百度识图”，点击进入百度图片官网。
2.会弹出一个识图的半透明框，点击“本地上传”，上传那张有些糊的泰坦尼克号图片。
3.显示搜索引擎找到了一堆相同的图片。点击“更多尺寸”。
4.点击“尺寸从大到小”进行排序。可以看到最大尺寸的图片分辨率为3004*2032，二话不多说，点击进入，右键“图片另存为”直接下载。
5.高清版图片到手！
如果碰到第②种情况又该如何处理呢？毕竟一张自己拍糊的照片，在网上是找不到清晰版本的。
例如这张(放大来看，边缘各种模糊)：
这时候我们就要借助强大的Photoshop了。
1.打开Ps→置入图片→复制背景图层。
2.对复制出来的图层进行操作，点击“滤镜”→“其它”→“高反差保留”。
3.高反差保留这个滤镜作用在图像中颜色过渡明显的地方，保留制定半径内的边缘细节，并隐藏图像的其它部分。其半径值越大保留的原图像素越多,但半径过大又会导致色彩差异过大，所以这次我调成了折中的12.5。高反差保留可以去除图像中低频细节，其效果与高斯模糊正好相反。
4.将右下方图层混合属性的选框改为“叠加”。
5.点击“滤镜”→“锐化”→“USM锐化”。
6. USM锐化参数含义：
数量：用于调节锐化的程度。该值越大，锐化效果越明显。
半径：用于设置图像轮廓周围被锐化的范围，该值越大，锐化效果越明显。
阈值：用于设置锐化相邻像素必须达到的最低差值。只有对比度差值高于此值的像素才会得到锐化处理。
由于在调整过程中可以直观地预览效果，所以能够很轻松地调整到适合的参数。
这次调整的参数是：数量367，半径23，阈值4。
7.最后，点击“调整”→“亮度/对比度”，稍微拉高一下亮度，让图片不那么暗沉。
点击保存，至此大功告成！以下是前后对比图。
放大后可以看到原本模糊的细节得到了较好的改善。
如需获得更多修图/摄影技巧，可以翻看我的其余文章∩▂∩