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

PS分辨率的设置与理解,淘宝为什么要设置成72?

zhezhongyun 2025-03-14 22:28 52 浏览

{ 1 }

我店铺的商品图片用PS做出来时可以,放到店铺里为什么就不清晰,都变模糊了,人家店铺都是好漂亮好高清的。是不是我的PS分辨率设置有问题还是哪里设置不对?

对于这个,出现这种问题,要么是本身你的图片质量就不清晰。或者在存储WEB所有格式时品质太低。但是他说做出来是清晰的,那么就是如上图。在点击上传时要记得把箭头指向的【添加水印】和【图片宽度调整】两个钩去掉。还有不要自动加水印。水印一般用PS或其它软件批量添加。不能用相册空间添加,用相册空间添加。图片就会被压缩,会变得不清晰。

上几天我说了只要是在网上用屏幕浏览观看的分辩率都设置成72,颜色模式是RGB,也就是72PPI(Pixels Per Inch) 即每英寸有多少像素。如果是要印刷的或打印的一般就设置高一点如300,喷绘写真我一般是设置成150。印刷的颜色模式一般是CMYK模式,

(不过做印刷时可以联系印刷厂具体要哪种格式哪种颜色模式,我就遇到帮朋友切图改做电视背景墙,他要的也是RGB模式,也是设置成72。他的那个机器就是要这种模式的,CMYK的反而不行。我想可能多少年以后RGB模式的印刷机出来,CMYK模式就会变成历史了。)

如下图:电视背景墙的宽是3.9米高是2.5米,所以就设置成390CM*250CM。不过那个250.01就不要在意了。不然又得纠接没玩没了了。

下面可以看到也是用的RGB颜色模式,换算成像素就是11055*7087PX了。

其实这些概念我现在也讲不出所以然。如果你刚学习这个可能你越看会越头痛。大家有兴趣可以网上搜索。我们是做美工设计的。有时一些概念原理的东西不要深究。知道用了就可以了。用多了就慢慢的理解了,但是用语言表达又表达不出来。

比如PS里的通道以及混合模式,那些原理概念我到现在还是不明白,我想很多的用PS好多年的前辈也可能不理解,说不出个所以然,但是并不代表不会用他。就比如我们现在人人都在用手机。你要说手机里面的东西是怎么做出来的。怎么又可以打电话的。这些原理概念还是丢给那些专业的研究人员搞就可以了。我们就学会使用,体验使用当中的快乐就OK。

{ 2 }

用单反拍出来的图片,一般都是先处理好然后再统一修改尺寸大小,以及分辨率300设置成72的吗?

对于这个,

第一:就看你的电脑硬盘够不够了用了。如果硬盘够大,完全可以用原大小的图片。我一般喜欢统一成宽度1200,高度按比例自动,不然到时做描述多拉几个图片PS原文件就会很大,很暂内存。

也不要修改尺寸哦。原片记得要保留一份,以防万一以后图片举报或举报盗用你图片的,申诉要原片了你得拿得出啊。不然都不会成立的。

第二:我感觉设置成300和72,好像又没什么差别。比如,你就做两张750*350PX的海报,

一张设置成72PPI,一张设置成300PPI。然后保存成统一品质的JPEG格式,然后可以查看他们的容量大小一般是一样的,并没有分别。如下图:

这一张分辨率是72像素/英寸,然后看右下角图像大小:769.0k

这一张分辨率是300像素/英寸,然后看右下角图像大小也是:769.0k

所以我们得出只要是在网络上用屏幕观看的只要像素尺寸是对的,这个分辨率感觉并没有多大作用。

但是。。。。。。我们继续往下试验

上面这个是300像素/英寸的宽高换算成厘米:是6.35*2.96CM,

而这个的是72像素/英寸的宽高换算成厘米:是26.46*12.35CM,嗯是不是又有差别了。如果你要是印相片的话就存在很大的差异了。一个是26.46*12.35CM,一个是6.35*2.96CM,后面的这张照片就要小多了。

但是清晰度我想6.35*2.96CM肯定要清晰一些,这个就没法试验了。有打印机的朋友可以试一下。

但是在存储为WEB所有格式JPEG以后容量大小基本差不多。不信我们可以再试验。

-----------------------------------------------

为了公证,下面我用了同一张图片不同的分辨率来存储对比。

还有你再把这两张图片全部拉到PS里面再查看全都变成72像素/英寸,这个不知是PS的WEB所有格式本身有这个功能还是。。。。。。。

-----------------------------------------

72像素/英寸的图片和300像素/英寸保存的容量大小基本是一样的。

所以用在淘宝或网络,这个分辨率可以忽略。不存在300像素/英寸做出来的图片暂空间就要比72像素/英寸的图片要大。

(但是注意一点PS格式的原文件高像素比低像素是要大很多的,所以改成72也有利于在工作时提高速度,特别是电脑配置不是很高时特别明显)

最后我要回答的是,72只是我跟据大多数以及屏幕的分辨率是用72,以及大都数都是用72,还有就是个人习惯吧。

如果你要较真,用别的也可以。不强求了。只是到时如果你在公司团队合作,有很多同事,有的同事用72,你又用个96或300的,到时原文件修改就有点不方便了。

相关推荐

3 分钟!AI 从零开发五子棋全过程曝光,网友:这效率我服了

<!DOCTYPEhtml><htmllang="zh-CN"><head><metacharset="UTF-8...

一行代码实现display&quot;过渡动画&quot;原理

作者:Peter谭老师转发链接:https://mp.weixin.qq.com/s/XhwPOv62gypzq5MhhP-5vg写本文的起因上篇文章,提到如何让display出现过渡动画,却没有仔...

脑洞:琼恩·雪诺、蝙蝠侠和魔形女的灵魂宠物了解一下

AlekseiVinogradovisaRussianfreelancedigitalartistwhoshareshisskillsandtalentwith120k...

浏览器的渲染机制、重绘、重排

1、什么是重排和重绘网页生成过程:HTML被HTML解析器解析成DOM树css则被css解析器解析成CSSOM树结合DOM树和CSSOM树,生成一棵渲染树(RenderTree)生成布局(flo...

托福写作高频考题写作思路&amp;词汇丨考虫独家

科技话题与媒体话题是托福写作的常考话题很多考生对这两类话题里的专有词汇表达也许很不了解所以今天就跟随考虫托福写作老师刘云龙老师一起来学习在这些话题的写作里你可以使用哪些有用的表达。希望大家有收获!记得...

在优麒麟上使用 Electron 开发桌面应用

使用Web标准来创建桌面GUI,上手快、成本低、跨平台、自适应分辨率,这些都是Electron的优势。作者/来源:优麒麟Electron是由Github开发,用HTML、CSS和...

php手把手教你做网站(三十八)jquery 转轮盘抽奖,开盲盒

抽奖和开盲盒性质一样的都是通过ajax读取后台的随机数据。1、转轮盘本来是想直接绘图实现轮盘,但是没有找到怎么填充文字,只好把轮盘弄成了背景图,通常用于游戏抽道具,商城积分抽奖,公司年末员工抽奖点击抽...

用 CSS 整活!3D 轮播图手把手教学,快乐代码敲出来

兄弟们,今天咱来搞点好玩的——用CSS整一个3D轮播图!咱野生程序员就是要在代码里找乐子,技术和快乐咱都得要!代码是写不完的,但咱能自己敲出快乐来,走起!一、先整个容器,搭个舞台咋先写一个...

实现一个超酷的 3D 立体卡片效 #前端开发

今天我们来实现一个超酷的3D立体卡片效果。正常情况下就是一个普通的图片展示卡片,鼠标悬停的时候图片会跳出卡片,并将影子投射到背景卡片上,在视觉上有一个3D立体感。html主要分成3个部分:容器→背景层...

Vue 3 Teleport与Suspense:解决UI难题的两个&quot;隐藏大招&quot;

模态框的"层级噩梦"与Teleport的救赎"这个模态框怎么又被父容器截断了?"团队协作开发后台系统时,小张第N次遇到这个问题。多层嵌套的组件结构里,弹窗被overfl...

让交互更加生动!有意思的鼠标跟随 3D 旋转动效

今天,群友问了这样一个问题,如下所示的鼠标跟随交互效果,如何实现:简单分析一下,这个交互效果主要有两个核心:借助了CSS3D的能力元素的旋转需要和鼠标的移动相结合本文,就将讲述如何使用纯CSS...

填坑:transform元素导致zindex失效终极方法

今天遇到了使用css3动画的元素层级被放大置顶的问题,ios浏览器上没问题,安卓原生浏览器和安卓微信上有问题。使用了css3动画的元素z-index失效,兄弟元素设置多高的z-index都盖不住解决办...

诡异的层级错乱:一个被transform隐藏的CSS陷阱

周五下午三点十七分,设计部突然发来紧急截图——原本应该悬浮在顶部的导航菜单,此刻正诡异地被下方的轮播图遮挡。我盯着屏幕上错乱的层级关系,手指下意识地敲下z-index:9999,心里清楚这不过是程序...

动画篇--碎片动画

本文授权转载,作者:Sindri的小巢(简书)前言从最开始动笔动画篇的博客,至今已经过去了四个多月。这段时间回头看了看自己之前的动画文章,发现用来讲解动画的例子确实不那么的赏心悦目。于是这段时间总是想...

Nature:大洋转换断层处的拉张构造与两阶段地壳增生

Nature:大洋转换断层处的拉张构造与两阶段地壳增生转换断层是三种基本的板块边界之一,全球总长度超过48000km(Bird,2003),它们的发现为板块构造理论的建立奠定了重要的基础(Wil...