百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 技术文章 > 正文

怎样解决图片不清晰的问题

myzbx 2025-02-07 18:32 26 浏览

文章:图片不清晰还咋做设计

来自公众号:研习设


“清晰度”是指人眼宏观看到的图像的清晰程度,是由系统和设备的客观性能的综合结果造成的人们对最终图像的主观感觉。所以就会产生两个人对一张图片清晰度的认知不同,虽然是主观的感受,但也不是不能用客观的标准来衡量,所以就需要先了解有关清晰度的三要素——位图、像素、分辨率。


图片的格式很多,但总体上可以分为位图和矢量图两大类,在我们平时接触的图片当中,大多数属于位图,位图是由数千个,有时甚至是百万个微小的像素组成。


像素是指由一个数字序列表示的图像中的一个最小单位,通俗来讲也就是构成图像的最小单位,称为像素。

在photoshop中用放大镜工具,把图片放大到一定程度就能看到这样的像素方块。

注:一个像素只有一个颜色,像素没有实际大小,只是一个计量单位。

相信很多80后的同学都玩过魂斗罗、超级玛丽等一些电子游戏,里面的画风就是像素风格,是因为当时的游戏硬件性能不够完善,所以游戏画面就会出现很多小方格,而现在像素风格又成为了时下比较流行的一种游戏形式和设计风格,比如:我的世界、FlappyBrid。


我们常说清晰度不够,其实也就是分辨率不够。而提到分辨率,就一定会涉及到像素,图像的分辨率是指单位长度中像素的总和,也就是指像素的密度。相同尺寸的画面,分辨率越高,其像素的密度越大(像素格越多),图像的细腻程度也越细,清晰度也就越高。反之,分辨率越低,像素密度就会越小(像素格越少),图像会越粗糙,清晰度越低。

通过两个图片我们简单了解一下像素与分辨率的关系:

上方是两个相同尺寸的图片,第一张图片分辨率较高,包含的像素数量较多,所以会比较清晰,能看清细节部分,而第二张图片包含的像素数量较少,细节不清晰,画面相对就模糊。


在photoshop软件当中,有两个分辨率的设置单位:像素/英寸和像素/厘米,顾名思义也就是每英寸(厘米)长度中有多少个像素,那么首先我们需要了解英寸和厘米的关系,厘米是公制单位,也就是国际通用的单位,是现在绝大对数使用的单位制,英寸是英制单位,源自英国的度量衡单位制,1英寸等于2.54厘米,根据这个数值就可以在两个分辨率之间进行转换。


也就是在我们新建画布的时候,用72像素/英寸或28.346像素/厘米所得到的画面是一样的,所以两者单位之间并没有差别,在工作中使用哪一种都可以,常用的是像素/英寸。

换算成网站链接:

http://www.gaitubao.com/tools/pixel2cm.html

比如我们新建一个画面尺寸为2.54cm×2.54cm,像素为30像素/英寸,我们知道1英寸=2.54厘米,也就是每2.54厘米长度中有30个像素,整个画面的像素为30×30=900个像素。

再举个例子:比如我们新建一个画面尺寸为800像素×1200像素,像素为72像素/英寸,那么整个画面就是800×1200=960000个像素。

通俗来讲,一个房间只有4个座位能容纳4个人,另一个有12个座位能容纳12个人,这和像素分辨率的关系是一样的,也就是说照片里的信息越多也就意味着图片的精细度越高越接近真实人眼看到的景象。


PPI表示设备上点的密度,也就是每英寸有多少个像素,比如我们电脑的显示器,主要用于网页设计的设置。

photoshop中我们看到网页的默认设置分辨率为72ppi,是因为最早的图形设计是在mac电脑上进行的,mac本身的显示器分辨率就是72ppi,所以这里我们选择默认的分辨率就可以了。


DPI表示印刷品点的密度,也就是打印时候每英寸多少个墨点,常用于印刷品的设置。


在ps当中打印分辨率默认是300ppi,实际上dpi和ppi很多时候也是混用的,没必要去纠结,所以一般情况下打印分辨率设置为300ppi就可以了。


我们把鼠标放到图片上会自然显示出图片尺寸与大小,第一张图片是400×400像素,第二张图片是800×800像素,前面我们说过了,一个图片中像素越多越清晰,所以这两张照片第二张更清晰。

看这两个图有什么区别?尺寸都一样10×10,唯一的不同的是大小,图1是8.24KB,图2是8.32KB,可能有的同学会说图2的清晰度大于图1,可是事实上是两个图片都是10×10个像素格,所以它们清晰度是相同的。

分辨图片的清晰度最主要的还是要凭自身的主观感受,也就是看,根据实际需要而判断图片清晰度是否可用,比如下载好的图片,放到设计的画面中,以100%的大小观察,如果噪点过多,甚至像素纹理比较明显,那就说明它的清晰度不够,这个度靠设计经验去把握。


原图72分辨率——100%尺寸查看图片——清晰

改为300分辨率——100%尺寸查看图片——细节不清晰

一张图片分辨率是72像素/英寸,如果我们直接把它的分辨率调整为300像素/英寸,它的清晰度反而会变得模糊。因为原本每英寸有72个像素,而现在每英寸有300个像素,多出来的信息就是软件通过复制旁边的颜色而产生的,由于不能准确模拟像素位置的色值和明暗,图像就会变得模糊。

设计一个DM,分辨率给出500dpi,印刷出来的效果会更清晰吗?

在印刷中,相对于大部分打印机来说,300-350dpi就已经是极限了,这个时候人眼已经不能分辨像素颗粒的精度了。所以当你设置500dpi甚至更高的时候,打印的效果是一样的,更高的分辨率只会增加机器的负荷和处理时间,所以,通常冲印或印刷的分辨率均设置为300dpi。


首先我们需要了解一下,什么样的图片是有救的,什么样的图片是没救的。

这张图像素是足够的,稍微不清晰,画面色调比较平,黑白灰的层次不够,雾气比较重,但是它属于有救的图片,只要稍加调整就会提高它的清晰度。

这张图很模糊,几乎看不清画面中的内容,我们很难还原它的真实感,这类照片也属于没有办法还原清晰度的,但是不代表这张图片是不好的,有可能是摄影师刻意而为之,追求一种模糊的意境。

这张图片像素本身像素不够多,出现比较重的马赛克的现象,所以是不能还原清晰度的。

调整清晰度的办法多种多样,今天我们介绍常用的几个——Camera Raw滤镜当中的对比度、清晰度、锐化,分别简单的了解一下。


图1为原图,图2是把对比度值调整到最大值,可以看出原本暗的部分更暗了,原本亮的地方也更亮了,黑白对比更加强烈。图3是把对比度降到最低值,和原图相比,色调整体发灰,黑白灰的层次不明显了。大家可以在ps中自己做一下这个实验,可以看出对比度的调整是可以影响照片全局的。


图1是原图,图2清晰度增加为100%,可以看出手上的纹理边缘部分锐化得很重,增加清晰度其实就是增加物体边缘的反差,让轮廓和纹理更加清晰,细节增加很多,这也就是当你清晰度调整过大时候画面显得有些脏的原因,而图3清晰度为-100%,细节不见了,反而有种我们平时修照片磨皮的效果。


数量:决定了锐化的强度,增加边缘的反差,数量值越大锐化的程度越明显。

半径:决定了锐化的范围,半径越大,作用的区域就越广,一般使用默认值。

细节:决定了画面中细微的地方会不会被锐化,数值越大越多微小反差的边缘也会被锐化。

蒙版:识别不需要锐化的区域(比如:天空),实现局部锐化。

两个色块代表两个像素,我们给它进行锐化处理,放大两个像素的衔接处,可以发现边缘部分多出了很多锐利的竖条,所以可以知道锐化只是作用于边缘处。

图1是原图,图2我们适当地进行锐化处理,让建筑物更清晰,属于合理的锐化程度,而图3锐化数量与细节都很大,画面上的噪点就很多,我们在给图片锐化时要注意不能一味的追求清晰的质感,不然整个画面会显得很燥,过犹不及。锐化数值是由图片大小,内容,输出媒介等很多因素决定的,锐化这个工具是相对来说比较复杂的,一切根据实际情况而定。


调整下面图片的清晰度

1.首先我们以100%的数值查看图片,可以观察到小猴子的毛发不是很清晰,画面雾气比较重,显得灰蒙蒙的。

2.在Camera Raw滤镜中,有一个去除薄雾的工具,数量给+40,先去除画面的雾气。

3.对比度+10,丰富画面整体明暗的层次,清晰度+23,猴子的轮廓和毛发更加清晰。

4.锐化数量28,半径不变,细节不变,蒙版20,提升清晰度。

5.最后调整一下画面的自然饱和度+21。

原图

调整后

调整前后对比

相关推荐

怎么恢复7z文件 7z文件删除了怎么恢复

7z是一种压缩格式的文件,它运用LZMA压缩算法,该压缩算法的输出稍后被算数编码进行处理以便后续进一步压缩,压缩比十分高。我们可以将文件压缩成这种格式,便于传输,保存,占空间少。了解更多7z文件知识...

郎酒让消费者喝得明明白白 算术题里有答案

日前,『郎酒酱香产品企业内控准则』颁布,郎酒首次公开酱香产品生产全过程,公布酱香产品产能、储能及投放计划。随后,郎酒官微向消费者发出「品控算术题」有奖问答。郎酒亮出家底,消费者踊跃留言。8天后,谜底揭...

学龄前,比识字、算术更重要的是这三件事

“为了给孩子选择一家合适的幼儿园,我曾穿梭于纽约各家幼儿园的开放日,这些幼儿员既包括主流的公立幼儿园,还包括那些遥不可及的私人幼儿园。我的目的就是想了解他们的教育理念是什么,到底厉害在哪里,看看对于我...

参加CSP-J信奥赛需要掌握数学知识

在C++语法的学习中需要储备的数学知识如下①数据类型:需要知道整数、正整数、负整数、小数、判断对错②算术运算符:加法、减法、乘法、除法、取模运算③关系表达式:大于、大于等于、小于、小...

1g米饭能做多少深蹲?今天我们来算一算

减重我们都知道3分在练,7分在吃,吃这件事情上,真的是每一口都算数。今天我们来算一笔账,1粒米饭可以做多少事情?本着认真负责的态度,今天在食物秤上称了1g米饭,是16粒。根据能量换算:100g米饭是4...

web 自动化测试,一定得掌握的 8 个核心知识点

使用cypress进行端对端测试,和其他的一些框架有一个显著不同的地方,它使用JavaScript作为编程语言。传统主流的selenium框架是支持多语言的,大多数QA会的pytho...

大话C语言:赋值运算符(c语言中赋值运算符是什么)

赋值运算符是最基本的运算符之一,用于将右侧的值或表达式的计算结果赋给左侧的变量。它是一个二元运算符,意味着它需要两个操作数:一个是目标变量(左侧),另一个是要赋给该变量的值或表达式(右侧)。赋值运算符...

Vue进阶(幺幺伍):js 将字符串转换为boolean

Boolean();参数为0、null和无参数返回false,有参数返回true。Boolean("");//输出为:falseBoolean(null);//输出为...

mongodb查询的语法(大于,小于,大于或等于,小于或等于等等)

1).大于,小于,大于或等于,小于或等于$gt:大于$lt:小于$gte:大于或等于$lte:小于或等于例子:db.collection.find({"field":{$gt:valu...

Python学不会来打我(21)python表达式知识点汇总

在Python中,表达式是由变量、运算符、函数调用等组合而成的语句,用于产生值或执行特定操作。以下是对Python中常见表达式的详细讲解:1.1算术表达式涉及数学运算的表达式。例如:a=5b...

C|数据存储地址与字节偏移、数据索引

话说C是面向内存的编程语言。数据要能存得进去,取得出来,且要考虑效率。不管是顺序存储还是链式存储,其寻址方式总是很重要。顺序存储是连续存储。同质结构的数组通过其索引表示位置偏移,异质结构的结构体通过其...

下班后累懵?4 个 JS 手写题帮你搞定前端面试高频考点

打工人下班后最痛苦的事,莫过于拖着疲惫的身子还要啃前端面试题吧?看着那些密密麻麻的JS代码,脑子都快转不动了!别担心,今天咱就用轻松的方式,带你吃透4道高频手写题,让你在面试时自信满满,再也不...

嵌入式数据库sqlite3【进阶篇】-子句和函数的使用,小白一文入门

sqlite在《嵌入式数据库sqlite3命令操作基础篇-增删改查,小白一文入门》一文中讲解了如何实现sqlite3的基本操作增删改查,本文介绍一些其他复杂一点的操作。比如where、orderby...

前缀表达式与后缀表达式(前缀表达式后缀表达式中缀表达式计算)

昨天晚上和儿子一起学习了前缀表达式和后缀表达式。这应该是字符串算式如何被计算机识别并计算的2种方法。本来是想先给他讲一个逆波兰式(后缀表达式),以后再讲前缀表达式。没想到他还挺聪明,很快就把2个都掌握...

Python快速入门教程1:基本语法、数据类型、运算符、数字字符串

Python3的基础教程,涵盖了基本语法、数据类型、类型转换、解释器、注释、运算符、数字和字符串等内容,并附有使用实例场景。Python3的基础教程,涵盖了基本语法、数据类型、类型转换、解释器、注释、...