【GIMP教程探索系列】GIMP将照片修改为符合要求的证件照吗,修改尺寸与像素,压缩图像大小

article/2025/10/10 4:24:09

【GIMP教程探索系列】GIMP将照片修改为符合要求的证件照吗,修改尺寸与像素,压缩图像大小

对于图片的处理,笔者推荐使用开源软件GIMP,由于其强大的功能可以几乎实现所有的高级图片的操作处理,以及其开源的特性,而广泛使用,并且其同时可以使用在Windows以及Linux平台,跨平台的使用可以使不同主机的合作更加便利。

GIMP的官方下载网站及链接:
https://www.gimp.org/
分有Windows版本,以及linux版本,本版本是GIMP 2.10.32,不同的win可能支持的版本会略有不同,不同版本的GIMP的操作可能也会略有不同。

首先我们先选择一张要处理的照片
在这里插入图片描述

Photo by Faria Anzum on Unsplash

现在我们的任务就是将这张仙人掌的照片裁剪成为证件照要求的模式:
352*440像素,DPI300, 20-50KB的要求

好的,开始操作,首先呢,我们需要找到需要编辑的文件:
GIMP主菜单栏的 文件>>打开: 从而选择需要编辑的图片
在这里插入图片描述
导入之后,首先我们先看一下大小
在这里插入图片描述
可以看到像素是3024 x 4032 像素,分辨率是72 × 72 ppi,文件大小是719.7KB,除了文件的格式类型JPEG可能会满足大多数的证件照的要求之外,其他的都不太符合,这个时候我们就需要对其进行编辑。

由于画面中多肉占比空间较小,所以我们首先选择裁剪的方式将其尺寸降低为一寸照片的尺寸
在这里插入图片描述
在这里插入图片描述
但是这个时候我们会发现直接裁剪的时候,由于图片没有缩放,导致直接裁剪一寸照片脸太大而裁剪区域脸超过了一寸,从而我们应当缩小我们的图片大小来实现一寸照片的顺利裁剪到首要人像,这里是多肉的头像。
在这里插入图片描述

点击缩放之后的对话框可以看到可以按照多种方式调整大小。在这里插入图片描述在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

在缩放图像中,我们可以进一步调整我们的px像素值,以及dpi在这里插入图片描述

最后一步是压缩,在我们确定好了尺寸与像素的设定之后,我们需要对图像进行一种压缩,这里先说明一下压缩技术的分类:

压缩技术分为
1.无损压缩技术,是一种可逆的压缩技术,主要原理是通过列出所有的颜色,通过颜色索引来代替具体的颜色数值的排列,就仿佛单一用数字1代替红色的具体数值(纯红色的色值应为C0 M100 Y100 K0,十六进制应当为FF0000),
这种压缩技术是一种可以还原,无损的暂时的压缩格式

2.有损压缩技术,是一种不可逆的压缩技术,JPEG本身就是一种有损压缩的方式。它们更多是利用人们心理学和统计学帮助人们去抛弃一些对感官影响不大的图像数据来实现压缩,在反复的压缩之后,会出现模糊不清品质不高的感觉,但是大多数情况下这并不影响人们的识别,多用于网站展示的成品图像。

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

最后让我们看一下最终的效果,参数是没有问题的,格式仍然是jpeg,缩略图可以看到图片整体也没有什么异常:在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

最终我们还是制作出来了满足要求的图片,20-50KB满足要求,但是与预览相比较还是有一些差距,这个差距笔者还会在后续尝试使用GIMP中继续进行原因的探索,初步想法是由于还存在其他表头等附加的图片信息导致实际存储的增加,但是也仅仅是猜想,建议还是以小一些为好,可以多尝试几次。
由于这种比例的压缩图像还是有一定的压缩比例与范围,能否实现全大小的比例压缩也在笔者未来的尝试之中,有相关经验的人士可以解答与留言。

感谢欣赏!


http://chatgpt.dhexx.cn/article/kNBKhuS3.shtml

相关文章

GIMP教程 1 图片剪裁

为啥要写这篇教程呢?肯定有人会这样问。 photoshop个人版一年都大几千rmb,这个价格对轻度使用者实在不友好, 而用盗版可能牵扯法律问题,所以还是转向开源免费的GIMP吧。 笔者在网上搜了GIMP的教程,中文教程寥寥无几…

GIMP教程 2 文字工具

首先切换到文字工具,然后利用文字工具进行文字输入。 将鼠标切换为文字工具的方法有以下几种: 方法1: 点击【窗口----新建工具箱】,快捷键是 ctrlB ,呼出工具箱菜单 点击 文字工具,就是那个大写的A&…

GIMP 基本教程(1)

GIMP 是开源PhotoShop的替代品, 目前 Photoshop 只支持 Windows、Mac 平台,不便于其他平台的用户使用。而 GIMP 就不一样了,GIMP 是一个跨平台的图像编辑器,可用于 GNU/Linux、macOS、Windows 等更多操作系统,还可利用…

gimp教程:gimp界面介绍

GIMP(跨平台图像处理程序)是一个开发源代码的光栅与图像编辑的先进功能,关于GIMP的界面,初学者都了解吗?下面是小编整理的关于gimp教程中gimp界面介绍,快来分享吧! gimp界面介绍:gimp图像窗口 Gimp图像窗口是打开图形图像文件时…

GIMP 基本教程

版本:GIMP 2.10.10 OS:Win10 图片素材来源:https://pixabay.com,www.pexels.com,https://wpclipart.com/,遵循免费共享协议 本文主要记录笔者使用GIMP的心得,有些具体操作内容会省略,读者可以酌…

腾讯移动Web整体解决方案--Spirit

移动Web开发是一块新的领域,给Web带来更多机会的同时,也带来了更多的挑战。为了让开发者在移动Web的道路上走得更加顺畅,开发更加高效,Spirit(勇气号)由此而生。 Spirit 官网:http://alloyteam.…

移动Web初级入门

最好的阅读是输出。 –玉伯 即将开始涉入移动Web了,有点小兴奋也有点小紧张,希望能在未来的团队里带来一些价值。记录一下我现在所认识的移动Web。 一些基本名词 初涉移动Web,会有一些基本的名称需要掌握,什么设备像素比呀&…

chrome 移动Web H5 调试

在Chrome中,点击F12,进入如下页面,通过点击Toggle device toolbar,切换至移动Web调试模式。 然后,点击选择区域,可以选择相关的手机设备,以及屏幕分辨率等,可以看到,这…

移动web中的常用技术选型

我们在开发移动端网页时,由于手机屏幕尺寸的不同,需要一些适配方案以达到界面自适应的效果,这里记录一下移动web开发的一些基本概念和常用适配方案,先了解一下视口的概念: 一、视口(viewport). 视口是指浏览器显示页面的区域范围,分为布局视口、视觉视口、理想视口. 1.布局视…

移动web的适配

我在另一篇文章中谈到过一些移动端分辨率自适应问题,主要是基于个人实际开发中遇到的问题提出的解决方法。 近期有幸听到他人对移动web开发的分享,特来补充上一篇文章,向大神讨教。 Part 1 理解关于长度单位的一些概念 1、设备像素或逻辑像…

移动Web开发实战专栏总结(PPT分享)

以下为我将专栏《移动Web开发实战》重新从不同的角度进行整体的梳理之后,在团队分享的PPT。在这里分享给大家。 写PPT之前,先将要分享的内容用脑图梳理出来,有了框架填内容就比较快了。 1、禁止ios和android用户选中文字 2、禁…

移动web端页面如何调用手机QQ?

文章目录 手机web页面调用手机QQ实现在线聊天的效果方法一:html代码如下:js代码如下: 方法二:代码如下: 效果图截图如下: 统计表1 - 浏览器默认拦截统计表2 - 设备端与协议类型 手机web页面调用手机QQ实现在…

【前端学习笔记】移动web-黑马程序员学习笔记

移动web-黑马程序员学习笔记 1 字体图标2 平面转换2.1 绝对定位元素居中:2.2 双开门效果2.3 旋转效果2.4* 转换原点2.5 多重转换效果2.6 缩放 3* 渐变4 空间转换(3D转换)4.1 空间位移4.2 透视效果4.3 空间旋转4.4 立体呈现4.5 缩放 5 动画5.1…

移动Web UI组件库汇总

1、 Ant Design Mobile 介绍:一个基于 Preact / React / React Native 的 UI 组件库 组件库地址:https://mobile.ant.design/index-cn 组件库来源:蚂蚁金服体验技术部 2、SUI Mobile 介绍:SUI Mobile 是一套基于 Framework7 开发的…

移动web网页开发——动画

一、动画 1.1 动画 使用animation添加动画效果 思考:过渡可以实现什么效果? 答:实现2个状态间的变化过程 动画效果:实现多个状态间的变化过程,动画过程可控(重复播放、最终画面、是否暂停&#xff09…

移动web学习总结

最近学习了些移动web开发的基础知识,稍微做下记录总结: Hello,移动web: https://www.imooc.com/learn/494 一、基础知识 1. 关于Pixel px : CSS px,逻辑像素,浏览器使用的抽象单位dp,pt: dev…

02-移动WEB

网站 favicon 图标 制作 favicon 图标 把图标切成 png 图片 把 png 图片转换为 ico 图标 , 借助第三方平台转换网站 如 https://www.bitbug.net/ favicon 图标放到网站根目录下 HTML 页面引入 favicon 图标 . <link rel"shortcut icon" href"/favicon.ic…

移动web(看这一篇就够了)

文章目录 移动web第一天&#x1f525;今日学习目标字体图标1、字体图标的使用2、购物车案例3、上传SVG矢量图 平面转换1、平面转换概念2、平面转换之位移3、平面转换之旋转4、平面转换之缩放 渐变 移动web第二天&#x1f525;今日学习目标2、透视效果3、空间转换之旋转4、立体呈…

移动web简介

什么是移动web 移动web就是在手机浏览器里面访问的web页面&#xff0c;除了一般的手机浏览器之外&#xff0c;好友一些程序内置的浏览器访问的页面也称之为移动web&#xff0c;例如微信公众号、小程序中的webview访问的页面等。 移动web与PCweb的区别 页面大小不一样。手机页…

什么是web移动端-移动端布局特点

文章目录 前言一、web移动端是什么&#xff1f;二、如何调试移动web网页1.真机调试&#xff1a;2.chrome浏览器调试&#xff1a;3.移动Web的发展历史 三.移动Web布局核心思想1.不允许网页出现横向滚动2.页面盛满屏幕&#xff0c;盒子宽度与屏幕一致 100%3.让盒子的内容宽高widt…