当前位置:首页 > 技术分析 > 正文内容

图片容量要限制大小,怎么把图片压缩变小到符合要求呢?

ruisui883个月前 (02-03)技术分析16

日常工作中,经常要求提供大小不超过多少KB的图片,比如上传免冠照片、设置头像、上传图片附件等,不压缩就通不过。我们的图片通常都是几十MB,而提交的照片都是以KB为单位的,怎么生成符合要求的图片似乎成了刚需。本文就介绍两种方法让你随时生成符合要求的图片,处理图片不求人。

处理成符合指定要求的图片主要来说就是两类需求:

一是:符合尺寸要求的图片(如将图片调整为640*480大小)

二是:符合容量要求的图片(如图片大小不超过200KB)

下面介绍两种方法,都可以处理照片,一种专业些,另一种傻瓜些,任君使用,分别是:

  • 在Photoshop中处理(专业)
  • 在Windows种用默认软件处理(简单)

在Photoshop中调整图片大小和尺寸

以下操作在Photoshop 2022中完成,其他版本大同小异。

1、在Photoshop中打开待修改的图片

2、选择菜单:【图像】-【图像大小】的选项,或者按快捷键[Alt]+[Ctrl]+[I]打开对话框,如下图:

3、在对话框中可以看到原始图片的尺寸(图片的高度和宽度)和大小,你可以根据自己的要求输入图片要求的新尺寸,要注意宽度和高度左侧的锁链图标要为锁定状态,这是锁定图像比例用的(锁定比例后,输入宽度的时候高度会自动生成),否则新图像的尺寸可能会拉伸。如下图:

4、修改完尺寸后点击确定,图片就完成了尺寸的修改。

注意,此时不建议直接保存图片,因为直接保存会修改原始图片,万一日后图片再作他用,就只能用修改尺寸的图片了,图片效果会受影响,因此还是保留原始图像的好。

5、选择菜单:[图文件]-[存储为]的选项,在另存为对话框中选好图像保存位置,设置好文件名。如果是JPG格式的图片,还可以设置图片的压缩比。在对话框中可以看到保存后图片的大小,压缩比根据实际情况调整,太高的压缩比虽然图片会小,但图片也会模糊不清晰。因此在这里需要根据实际情况自行设置,如下图:

说明:如果图片不需要修改尺寸,则可以直接选择另存为(存储为)菜单,通过调整压缩比滑动条来实现调整图片大小的目的。如果无论怎样调整压缩比,图片大小都很大,可以考虑是不是图片过大所致。先修改下图片尺寸再压缩,这样既不影响图片观看,又能满足需求,当然前提是图片的用途说明中明确表示可以调整图片尺寸。

在Windows种用默认软件处理文件尺寸和大小

以下操作在Windows 10 中完成,其他版本大同小异。

1、右键点击需要修改的图片,在快捷菜单中选择打开方式,然后选择”照片”项,如下图:

2、在打开的图片软件中选择标题栏的三个点(或右击图片),然后在菜单中选择重设大小项,如下图:

3、在调整图像调整大小对话框中有4项调整图片大小的项目可以选择,图片的尺寸和大小也都有提示,根据自己的需求选择相应的项目即可。

4、如果系统给出的图片尺寸不能满足需求,可以选最下面的“定义自定义尺寸”按钮,并在新对话框中输入需要调整图片的新尺寸和调整质量百分比。同时建议勾选“保持纵横比”来锁定比例。最后点击按钮“保存调整大小后的副本”按钮,将调整后的图片保存一下。

总结

如果您有Photoshp使用经验,可以使用第一种方法。如果对PS不熟悉或者恰巧比较懒,第二种方法一样可以实现。调整图片尺寸和大小日常其实很常用,根据本文稍加练习就能轻松掌握,日后再也不会被这个问题困扰了。

扫描二维码推送至手机访问。

版权声明:本文由ruisui88发布,如需转载请注明出处。

本文链接:http://www.ruisui88.com/post/1472.html

标签: img 大小
分享给朋友:

“图片容量要限制大小,怎么把图片压缩变小到符合要求呢?” 的相关文章

Vue3 中有哪些值得深究的知识点?

众所周知,前端技术一直更新很快,这不 vue3 也问世这么久了,今天就来给大家分享下vue3中值得注意的知识点。喜欢的话建议收藏,点个关注!1、createAppvue2 和 vue3 在创建实例时,有很大的区别,具体对比如下://Vue 2 Vue.use({ router, store,...

VIM配置整理

一、基本配色set number set showcmd set incsearch set expandtab set showcmd set history=400 set autoread set ffs=unix,mac,dos set hlsearch set shiftwidth=2 s...

别让“跑焦”毁所有!仅需这一项设置,即可显著改善镜头对焦精度

我常常会收到一些摄影爱好者的私信,也一直在努力的帮助大家解决更多摄影中常见问题。在我收到的所有问题中。有一个问题是最麻烦的,那就是“为什么我的图像看起来模糊?”。这个问题几乎每个人都遇到过,究其原因可以说是多种多样相对复杂。起初我一直认为是对焦问题所导致,也就有了我之前所写的“后按对焦”以及“对焦模...

Vue2的16种传参通信方式

前言先直入主题列出有哪些传参方式,下面再通过事例一一讲解。props(父传子)$emit与v-on (子传父)EventBus (兄弟传参).sync与update: (父子双向)v-model (父子双向)ref$children与$parent$attrs与$listeners (爷孙双向)pr...

Vue Router 4 路由操作 - 路由导航

路由导航分为 声明式导航 和 编程式导航。通过 <router-link to="..."> 标签跳转的方式为声明式导航。通过 路由实例对象(router.push(...))跳转的为编程式导航。导航到不同的位置想要导航到不同的URL,使用 router.push 方法。...

企业微信自建应用和消息发送配置对接系统指南

本文介绍企业微信应用创建、消息提醒、自动回复、自定义菜单和服务端接口对接过程。企业微信登录:https://work.weixin.qq.com/企业微信接口对接,应用授权和发送消息代码:https://www.easywechat.com/docs/5.x/wework/oauth一、创建自建应用...