在盐城网站建设公司开发中,压缩图片是非常重要的一步.这是因为图片往往占用了网页中大部分的带宽,而压缩图片可以很好地减小图片的体积,从而加快网页的加载快速,提高客户体验.

　　此外,压缩图片还有助于减少服务器的存放空间和流量消耗,降低网站的运营成本.

　　因此,在盐城网站建设公司开发中,大家强烈建议开发人员对图片开展压缩处理,以提高网站的配置和客户体验.

　　网页开发中常见的图片格式有什么方面?

　　·jpeg：jpeg是一种常用的有损压缩图片格式,适用于网络和打印使用.它能够以较小的体积产生质量不错的图片,但不兼容透明度.

　　·png：png是一种标准的网络图片格式,兼容透明度.它提供无损压缩,能够保留图片的细节,但体积相对较大.

　　·网站p：网站p是谷歌在2010年开发的一种图片格式,专为提供更好的无损和有损压缩的网络图片而制作.它能够以更小的体积产生质量不错的图片,并兼容透明度和动画.

　　这些格式各有优缺点,可以依据实际需求往选择合适的格式.

　　如何压缩图片?

　　压缩图片的方式可以分为在线压缩和本地压缩：

　　·在线压缩：比较常用的是 tinypng,压缩 png 格式的图片压缩率很高,能够最大的保留图片的细节,压缩后体积很小,这里是比较推荐的,不过在线压缩也有限制,不收费版是只兼容最多同时上传20张图片,单张最大的5mb的图片.

　　·本地压缩：本地压缩的方式有越来越多种,这里不一一举例了,这里着重介绍下 ffmpeg和 pngquant

　　1. ffmpeg

　　ffmpeg是一个不收费且开源的软件项目,包含一套用于处理视频、音频和其他多媒体文件和流的库和程序.它的核心是命令行工具ffmpeg,专为处理视频和音频文件而制作.它被普遍用于格式转换、基本编辑(修剪和连接)、视频缩放、视频后期制作效果和标准符合性(smpte、itu),同时也可以用它来对图片开展处理,这一款功能非常较强的软件,这里大家主要用来处理压缩 jpg 图片.

　　可以前往官网,安装完成后,在 windows 环境下,大家可以根据一段简单的 shell 命令脚本来批量处理图片.

　　例子一：批量压缩当前目录的 jpg 图片

　　forfile in*.jpg; do

　　ffmpeg -i"$file"-q:v 3"${file%.*}-compressed.jpg"

　　done

　　·for file in *.jpg; do：这一行开始一个循环,遍历当前目录下所有以.jpg结尾的文件.

　　·ffmpeg -i "$file" -q:v 3 "${file%.*}-compressed.jpg"：这一行使用ffmpeg压缩每个jpg文件.-i "$file"指定输进文件,-q:v 3指定输出质量为中等(取值范围内为2-31,值越小质量越高),${file%.*}-compressed.jpg指定输出文件名,它在输进文件名的基础上添加了-compressed后缀.

　　·done：这一行结束循环.

　　这段代码的功能是将当前目录下的所有jpg图片压缩为中等质量,并在文件名后添加-compressed后缀.

　　例子2： 将当前目录下的所有png图片转换为网站p格式

　　forfile in*.png; do

　　ffmpeg -i"$file"-quality50"${file%.*}.网站p"

　　done

　　·for file in *.png; do：这一行开始一个循环,遍历当前目录下所有以.png结尾的文件.

　　·ffmpeg -i "$file" -quality 50 "${file%.*}.网站p"：这一行使用ffmpeg将每个png文件转换为网站p格式.-i "$file"指定输进文件,-quality 50指定输出质量为50,${file%.*}.网站p指定输出文件名,它将输进文件名中的.png替换为.网站p.

　　·done：这一行结束循环.

　　这段代码的功能是将当前目录下的所有png图片转换为质量为50的网站p格式.

　　2. pngquant

　　pngquant是一个用于有损压缩png图片的命令行工具和库.它根据将图片转换为更高效的8位png格式(带alpha通道),显著减小文件大小(通常比24/32位png文件小60-80%).压缩后的图片彻底符合标准,而且被所有网站浏览器和实际操作系统兼容.

　　pngquant提供了高质量的调色板生成,使用先进的量化算法兼容伽马校正和预乘alpha.它还提供了独特的抖动算法,不会向图像中添加不必要的噪声.您可以配置质量水平,全全自动找到所需的颜色数量,并跳过无法以所需质量转换的图像.

　　可以前往官网,安装完成后,在 windows 环境下,大家可以根据一段简单的 shell 命令脚本来批量处理图片.

　　例子一：批量压缩当前目录的 png 图片

　　forfile in*.png; do

　　pngquant --ext.png --force"$file"

　　done

　　·for file in *.png; do：这一行开始一个循环,遍历当前目录下所有以.png结尾的文件.

　　·pngquant --ext .png --force "$file"：这一行使用pngquant压缩每个png文件.--ext .png指定输出文件扩展名为.png,--force指定涵盖原始文件,"$file"指定输进文件.

　　·done：这一行结束循环.

　　这段代码的功能是将当前目录下的所有png图片压缩,并涵盖原始文件.

　　综上所述,在盐城网站建设公司开发中,大家应该尽量处理压缩图片,降低网站的带宽和存放空间需求,从而减少页面加载所需的时间,提高客户体验.