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

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

ruisui884个月前 (02-03)技术分析29

日常工作中,经常要求提供大小不超过多少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的七种组件通信方式,别再说不会组件通信了

写在前面本篇文章是全部采用的<script setup>这种组合式API写法,相对于选项式来说,组合式API这种写法更加自由,具体可以参考Vue文档对两种方式的描述。本篇文章将介绍如下七种组件通信方式:propsemitv-modelrefsprovide/injecteventBusv...

10分钟搞定gitlab-ci自动化部署

gitlab-ci 是持续集成工具/自动化部署工具,类似 jenkins。持续集成 是将代码集成到共享存储库并尽可能早地自动构建/测试每个更改的实践 - 通常一天几次。概述在编码完成时都会进行打包发布过程,如果每次都手动操作这一步骤就会浪费时间,效率低下。所以就有了持续集成。准备事项请提前安装以下软...

7 招教你轻松搭建以图搜图系统

作者 | 小龙责编 | 胡巍巍当您听到“以图搜图”时,是否首先想到了百度、Google 等搜索引擎的以图搜图功能呢?事实上,您完全可以搭建一个属于自己的以图搜图系统:自己建立图片库;自己选择一张图片到库中进行搜索,并得到与其相似的若干图片。Milvus 作为一款针对海量特征向量的相似性检索引擎,旨在...

JS数组过滤元素的方法

引言JavaScript 作为前端开发的核心技术之一,在现代 Web 开发中扮演着举足轻重的角色。随着 Web 应用越来越复杂,高效处理数据集合的需求日益凸显。本文旨在介绍 JavaScript 中数组过滤的基础知识及其在实际项目中的应用技巧。技术概述定义数组过滤是 JavaScript 提供的一种...

vue-router是如何解析query参数呢? #前端

vue-router 中的 query 解析。1. 大家好,我是龙仔。今天来分享 vue-router 是如何解析快乐参数的,因为使用 vue 路由会传 query 参数和快乐参数,所以从 vue 的角度来看如何解析传递的快乐参数。2. 基础知识大家应知道,快乐参数结构如:a、b、c、a、b、c、a...

「干货」Vue+Element前端导入导出Excel

作者:xrkffgg转发链接:https://segmentfault.com/a/11900000189936191 前言1.1 业务场景由前台导入Excel表格,获取批量数据。根据一个数组导出Excel表格。2 实现原理2.1 引入工具库file-saver、xlsx、script-loader...