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

基于Java和Spring:实现图片压缩、WebP格式转换与水印添加

haoteby 2025-02-14 23:21 6 浏览

应用业务场景

大多数公司通常会拥有面向企业端(B端)和消费者端(C端)的应用,如淘宝IOS/Android端和PC端。对于C端产品而言,往往具备访问量大、数据量庞大的特点,例如类似淘宝的商品详情页,其中包含大量且尺寸较大的图片。在这种前提下,为了确保良好的用户体验,需要在保证图片质量的基础上,尽可能地压缩图片的体积。

这种情况下,网络带宽往往是一种有限资源。因此,为了确保页面加载速度和用户体验,对图片进行有效的压缩是至关重要的。通过优化图片压缩算法,可以在减少图片体积的同时尽量保持其视觉质量。这种优化可以通过使用现代的压缩技术(如WebP格式)以及使用适当的分辨率和压缩比例来实现。这样既可以降低页面加载时间,又能够提供高质量的图片展示,从而提升用户体验。

本篇文章将基于JDK 17 + Spring 3.0webp-imageio实现将图片压缩、转换为WebP格式,并添加文字、图片水印。

什么是WebP

WebP官网

WebP是一种由Google开发的现代图像格式,旨在提供更高的压缩率和更好的图像质量,相比于传统的JPEG、PNG等格式,能够显著减少图像文件的大小。WebP图像通常具有更小的文件大小,因此可以加快网页加载速度,节省带宽和用户的流量消耗。

WebP图像支持有损压缩和无损压缩两种模式。在有损压缩模式下,WebP图像通常能够实现较高的压缩比,而在无损压缩模式下,WebP图像则可以保留原始图像的质量而实现较小的文件体积。

WebP格式的优势主要包括:

  1. 更高的压缩率: WebP图像通常比JPEG图像具有更小的文件大小,同时保持相近甚至更好的图像质量。
  2. 更快的加载速度: 由于文件大小更小,WebP图像能够更快地加载,从而改善网页加载性能,提升用户体验。
  3. 广泛的兼容性: WebP图像在现代浏览器中得到了广泛支持,包括Chrome、Firefox、Edge等浏览器,同时也可以通过Polyfill等方式在不支持WebP的浏览器上进行兼容性处理。

WebP格式已经成为常用的图像格式之一,特别是对于需要大量图片展示的网站,如电子商务平台、社交媒体和新闻网站等。


使用第三方库处理图片

第三方库名称:webp-imageio

maven坐标:



    org.sejda.imageio
    webp-imageio
    0.1.6

maven库地址:

WebP ImageIO

使用webp-imageio DEMO

/**
 * Author:      微信公众号:种棵代码技术树
 * Date:        2024/2/24
 * Description: webp-imageio 处理图片
 * Version: 1.0
 */
public class PicWebPTest {
 public static void main(String[] args) throws IOException {
  LocalDateTime startTime = LocalDateTime.now();
        //添加图片水印
  addPictureWatermarkAndConvert("your_master_picture_path",
                                      "your_output_picture_path",
                             "your_water_image_path");

        //添加文字水印
  addWatermarkAndConvert("your_master_picture_path", 
                               "your_output_picture_path",
                               "种棵代码技术树");

        //计算压缩率
  double compressionRatio = calculateCompressionRatio("your_master_picture_path",
    "your_output_picture_path");
  LocalDateTime endTime = LocalDateTime.now();
  Duration duration = Duration.between(startTime, endTime);
  long secondsDifference = Math.abs(duration.getSeconds());
  System.out.println("Time: " + secondsDifference + "s");
  System.out.println("Compression ratio: " + compressionRatio + "%");
 }

 /**
  * 添加图片水印
  *
  * @param input              原图位置
  * @param output             输出图片位置
  * @param watermarkImagePath 水印图片位置
  * @throws IOException IO异常
  */
 public static void addPictureWatermarkAndConvert(String input, String output, String watermarkImagePath) throws IOException {
  // 读取原始图片
  File inputFile = new File(input);
  BufferedImage image = ImageIO.read(inputFile);

  // 创建一个带有水印的新图片
  BufferedImage watermarkedImage = new BufferedImage(image.getWidth(), image.getHeight(), BufferedImage.TYPE_INT_RGB);
  Graphics2D graphics = watermarkedImage.createGraphics();
  graphics.drawImage(image, 0, 0, null);

  // 加载水印图片
  File watermarkFile = new File(watermarkImagePath);
  BufferedImage watermarkImage = ImageIO.read(watermarkFile);

  // 计算水印图片的大小,使其适应原图大小
  int watermarkWidth = (int) (image.getWidth() * 0.125); 
  int watermarkHeight = watermarkWidth * watermarkImage.getHeight() / watermarkImage.getWidth();
  BufferedImage scaledWatermarkImage = new BufferedImage(watermarkWidth, watermarkHeight, BufferedImage.TYPE_INT_ARGB);
  Graphics2D watermarkGraphics = scaledWatermarkImage.createGraphics();
  watermarkGraphics.drawImage(watermarkImage, 0, 0, watermarkWidth, watermarkHeight, null);
  watermarkGraphics.dispose();

  // 设置水印位置
  int x = watermarkedImage.getWidth() - watermarkWidth - 10;
  int y = watermarkedImage.getHeight() - watermarkHeight - 10;

  // 添加水印
  graphics.drawImage(scaledWatermarkImage, x, y, null);

  // 输出带有水印的图片
  File outputFile = new File(output);
  ImageIO.write(watermarkedImage, "webp", outputFile);

  // 释放资源
  graphics.dispose();
 }


 /**
  * 给图片添加文字水印
  *
  * @param originInput         原图地址
  * @param output        处理后的图片位置
  * @param watermarkText 水印文字
  * @throws IOException IO异常
  */
 public static void addWatermarkAndConvert(String originInput, String output, String watermarkText) throws IOException {
  // 读取原始图片
  File inputFile = new File(originInput);
  BufferedImage image = ImageIO.read(inputFile);

  // 创建一个带有水印的新图片
  BufferedImage watermarkedImage = new BufferedImage(image.getWidth(), image.getHeight(), BufferedImage.TYPE_INT_RGB);
  Graphics2D graphics = watermarkedImage.createGraphics();
  graphics.drawImage(image, 0, 0, null);

  // 计算水印字体大小
  addTextWatermark(watermarkText, image, graphics, watermarkedImage);

  // 输出带有水印的图片
  File outputFile = new File(output);
  ImageIO.write(watermarkedImage, "webp", outputFile);

  // 释放资源
  graphics.dispose();
 }

 /**
  * 给原图添加文字水印
  *
  * @param watermarkText    水印文字
  * @param image            图片
  * @param graphics         图形
  * @param watermarkedImage 水印图
  */
 private static void addTextWatermark(String watermarkText, BufferedImage image, Graphics2D graphics, BufferedImage watermarkedImage) {
  int fontSize = calculateFontSize(image);
  System.out.println("fontSize: " + fontSize);

  // 设置水印文本样式
  Font font = new Font("Arial", Font.BOLD, fontSize);
        // 设置水印文本颜色和透明度
  Color color = new Color(255, 255, 255, 128); 

  // 添加水印
  graphics.setColor(color);
  graphics.setFont(font);
  graphics.setRenderingHint(RenderingHints.KEY_TEXT_ANTIALIASING, RenderingHints.VALUE_TEXT_ANTIALIAS_ON);
  graphics.drawString(watermarkText, 10, watermarkedImage.getHeight() - 10);
 }

 /**
  * 计算水印文字大小
  *
  * @param image 图片
  * @return 文字字号
  */
 private static int calculateFontSize(BufferedImage image) {
  // 获取图片的高度
  int imageHeight = image.getHeight();
  // 计算字体大小,可以根据需要调整比例系数,最小字体12
  return Math.max(imageHeight / 20, 12);
 }


 /**
  * 计算图片压缩率
  *
  * @param originalFilePath   原图路径
  * @param compressedFilePath 压缩后的图片路径
  * @return 压缩率
  */
 public static double calculateCompressionRatio(String originalFilePath, String compressedFilePath) {
  File originalFile = new File(originalFilePath);
  File compressedFile = new File(compressedFilePath);

  long originalFileSize = originalFile.length();
  long compressedFileSize = compressedFile.length();
  return ((double) originalFileSize - compressedFileSize) / originalFileSize * 100;
 }

}

1.关于文件位置的获取

本地文件图片位置:

举个例子,我将图片放在resource目录下的image中,可以使用IDEA的Copy Path/Reference功能获取。

image

避免大家在测试过程中出现:先帝创业未半而中道崩殂的悲惨事件。

关于图片名称、水印信息配置调整

由于本Demo是以测试webp-imageio功能性和效果为目的,所以处理后的图片名称、水印位置、大小、样式等均可自定义或作为参数传入,以实现个人需求。

功能点

  • 图片压缩:压缩率49%-97%
  • 压缩时间:1-7秒
  • 水印:支持文字水印、图片水印

测试数据

测试平台

  • 系统:Windows 11
  • CPU:AMD R5 4600H
  • 内存:16G
  • 硬盘:三星PM981A

image

测试样张 文字水印-压缩前后图片信息对比

out_www.yalijuda.com_image--1-__qT8RW0iBZ

image

压缩结果:

image

图片水印-压缩前后图片信息对比

image

out_www.yalijuda.com_image--2-_1hm57UKpzY

image

测试样张来源:

image

侵权请联系删除。

后续内容文章持续更新中...

近期发布。


关于我

你好,我是Debug.c。微信公众号:种棵代码技术树 的维护者,一个跨专业自学Java,对技术保持热爱的bug猿,同样也是在某二线城市打拼四年余的Java Coder。

在掘金、CSDN、公众号我将分享我最近学习的内容、踩过的坑以及自己对技术的理解。

如果您对我感兴趣,请联系我。

若有收获,就点个赞吧。

相关推荐

蜗牛矿机改NAS后远程访问教程,花生壳盒子完美解决

今年不少烧友都在玩星际蜗牛的机器,,我也跟风入手一台,用星际蜗牛改装了一台NAS,在星际蜗牛上安装了多个版本的NAS系统,各方面都不错,就是远程访问功能实现不了。由于本地运营商不提供公网IP,就只能考...

不吹不黑,揭秘网工提升效率的7大神器!

作为一个网络工程师,在日常工作中肯定会使用许多方便的实用软件来提高效率,下面就简单介绍一下网络工程师常用的7种软件。01、FileZilla...

有线网间歇性断网?3个步骤帮你解决 90% 有线网中断问题

有线网络偶尔中断可能由硬件故障、网络设置、线路问题或外部干扰等多种因素导致。一、常见原因及验证方法1.硬件设备...

「这 25 年我被天气 PUA 的日常」

翻出手机相册里每年6月拍的天空,白到发亮的云层下总配着同一句文案:"热到裂开"。掐指一算被高温暴打的四分之一个世纪里,每个夏天都在上演《关于我和天气互相折磨的那些年》。2003年绝对...

数码爱好者必备工具:POWER-Z KM001C多功能测试仪

作为一名数码类爱好者,平时要测试手机、平板、充电器、充电宝等等电子产品,一款好用的测试工具尤为重要。近期,通过充电头网购入了一款POWER-ZKM001C多功能测试仪,主要用来平日里测试快充头和充电...

监控摄像头常用测试命令大全(摄像头测试项目)

以下是监控摄像头在Linux系统中常用的测试命令大全,涵盖设备检测、参数调整、视频录制、网络监控等方面,结合多个来源的信息整理而成:一、摄像头设备检测与调用1.查看摄像头设备①`ls/dev/v...

中级消防设施操作员考试-计算机基础知识学习笔记

消防设施操作员模块八计算机基础课程摘要消防设施操作员模块八主要介绍了计算机基础知识,包括计算机系统的组成和功能、硬件和软件、输入输出设备、外存储器、内存条、中央处理器、机箱等硬件部分,以及系统软件和应...

今日揭秘:上网行为监控软件是如何监控的?7个功能图文介绍

同事A:“哎,你们听说了吗?隔壁部门小王昨天上班刷短视频被领导抓包了!”同事B:“真的假的?公司不是没装摄像头吗?怎么知道的?”...

USB详细介绍(usb简介)

USB概念1.概念USB是通用串行总线(UniversalSerialBus),分为HOST/DEVICE两个角色,所有的数据传输都由主机主动发起,而设备只是被动的负责应答。例如,在读数据时,U...

程序员必备,Fiddler和spy-debugger的远程调试手机APP

背景笔者从事Web开发,不论是PC端还是APP端,调试抓包都是必不可少的环节,懂前端的人都知道,PC端调试非常方便,Chrome或者火狐等浏览器等都自带了非常方便且易于使用的开发者工具,便于我们抓包调...

通用无线网络破解抓包跑包教程(wifi抓包跑包教程)

由于很多的信号很强,但是后面都没有带WPS,怎么办呢,现在我给大家介绍一个简单的抓包跑字典的办法来解决这个难题,首先搜索信号,水滴,关注我的这个应该都会了吧!选择一个信号,点击启动,记住不是点...

抓包神器wireshark安装保姆级教程

简介当我们进行网络抓包时,我们通常需要借助其他的工具进行抓取,比如Charles,fiddler等,今天我们给大家介绍一款同样非常流行的抓包工具——wireshark,本文将介绍wireshark的安...

别让资料拖后腿!STM32开发‘作弊包’开源,工程师直呼内行!

一、开发环境与编译工具...

背完这套 Java 面试八股文,自动解锁面试牛逼症被动技能

前言国内的互联网面试,恐怕是现存的、最接近科举考试的制度。很多人对八股文都嗤之以鼻,认为无法衡量出一个程序员的真是水平。还有一部分人则是深恶痛绝,因为实在太难背了。但是国内大环境如此,互联网IT行...

混合云的多活架构指南(混合云架构图)

文/董晓聪吕亚霖在之前的《如何正确选择多云架构?》一文中介绍了混合云(广义的多云)的诸多架构以及各自的优势,本篇会重点来介绍下混合云下的多活架构。...