掌握Flyimg URL参数：20个实用技巧让你轻松实现图片裁剪与压缩

掌握Flyimg URL参数：20个实用技巧让你轻松实现图片裁剪与压缩

【免费下载链接】flyimgDockerized application to resize and crop images on the fly. Get optimised images with AVIF, WebP, MozJPEG or PNG using ImageMagick, with an efficient caching system.项目地址: https://gitcode.com/gh_mirrors/fl/flyimg

Flyimg是一款强大的Docker化图片处理应用，能够实时调整和裁剪图片，并使用ImageMagick提供AVIF、WebP、MozJPEG或PNG等优化格式，配合高效的缓存系统，让图片处理变得简单高效。本文将分享20个实用的Flyimg URL参数技巧，帮助你轻松实现图片裁剪与压缩。

基础几何参数：轻松调整图片尺寸

1.w- 宽度调整

w参数用于设置图片的目标宽度。如果未设置高度，高度将按比例自动计算，保持图片原始比例。

示例：w_500
效果：将图片宽度调整为500像素。

2.h- 高度调整

h参数用于设置图片的目标高度。如果未设置宽度，宽度将按比例自动计算。

示例：h_300
效果：将图片高度调整为300像素。

3.w+h- 同时设置宽高

同时设置w和h参数时，默认会保持图片比例，将图片缩放到适合宽x高的区域，不会裁剪图片。

示例：w_500,h_300
效果：将图片缩放到最大宽度500像素、最大高度300像素的区域内。

使用w_500,h_300参数调整后的横版彩色方块图片

4.c- 裁剪图片

当同时设置w和h参数时，添加c_1可以实现裁剪效果，使图片填充整个宽x高区域。

示例：w_500,h_500,c_1
效果：将图片裁剪为500x500像素的正方形。

5.g- 裁剪重心

使用c参数裁剪时，g参数可以设置裁剪的重心位置，可选值包括NorthWest、North、NorthEast、West、Center、East、SouthWest、South、SouthEast。

示例：w_500,h_500,c_1,g_North
效果：以顶部为重心裁剪图片为500x500像素的正方形。

高级裁剪技巧：智能优化图片构图

6.smc- 智能裁剪

smc_1参数可以启用智能裁剪功能，自动识别图片中的重要区域并进行优化裁剪。

示例：w_500,smc_1
效果：智能识别图片主体并裁剪为宽度500像素的图片。

原始图片

使用smc_1参数智能裁剪后的结果

7.fc- 人脸检测裁剪

fc_1参数可以启用人脸检测功能，自动识别图片中的人脸并进行裁剪。

示例：fc_1
效果：检测图片中的人脸并裁剪保留人脸区域。

8.fcp- 人脸位置选择

当图片中有多个人脸时，fcp参数可以指定要裁剪的人脸位置，从0开始计数。

示例：fc_1,fcp_1
效果：裁剪图片中第2个人脸区域。

图片压缩与格式转换：优化图片大小与质量

9.q- 质量调整

q参数用于设置图片的压缩质量，取值范围为0-100，默认值为90。值越高，图片质量越好，但文件体积越大。

示例：q_75
效果：将图片质量设置为75%。

10.o- 输出格式

o参数用于指定图片的输出格式，可选值包括auto、jpg、png、webp、avif等。auto会根据浏览器支持自动选择最佳格式。

示例：o_webp
效果：将图片输出为WebP格式。

11.webpl- WebP无损压缩

webpl_1参数可以启用WebP格式的无损压缩，适合需要高画质的场景。

示例：o_webp,webpl_1
效果：将图片输出为无损WebP格式。

12.moz- MozJPEG压缩

moz_1参数可以启用MozJPEG压缩算法，在保持高画质的同时进一步减小JPEG图片体积。

示例：o_jpg,moz_1,q_80
效果：使用MozJPEG算法压缩JPEG图片，质量为80%。

图片特效与调整：增强图片视觉效果

13.r- 旋转图片

r参数用于旋转图片，正值为顺时针旋转，负值为逆时针旋转，单位为度。

示例：r_90
效果：将图片顺时针旋转90度。

14.blr- 模糊效果

blr参数用于为图片添加模糊效果，格式为半径x标准差。

示例：blr_5x2
效果：为图片添加半径5、标准差2的模糊效果。

15.sh- 锐化效果

sh参数用于锐化图片，格式为半径x标准差。

示例：sh_0x5
效果：为图片添加半径0、标准差5的锐化效果。

16.clsp- 颜色空间转换

clsp参数用于转换图片的颜色空间，例如转换为灰度图。

示例：clsp_Gray
效果：将图片转换为灰度图。

17.mnchr- 黑白效果

mnchr_1参数可以将图片转换为黑白图像。

示例：mnchr_1
效果：将图片转换为黑白图像。

水印与文字：添加图片标识

18.t- 添加文字

t参数用于在图片上添加文字水印，配合tc、ts、tbg等参数可以调整文字颜色、大小和背景。

示例：t_Flyimg,tc_white,ts_24,tbg_%2300000080
效果：在图片上添加白色、24号大小、半透明黑色背景的"Flyimg"文字水印。

缓存与刷新：管理图片缓存

19.rf- 刷新缓存

rf_1参数可以强制刷新缓存，重新获取原始图片并进行处理。

示例：rf_1
效果：忽略缓存，重新处理并生成图片。

20.v- 缓存版本

v参数用于添加版本号，避免浏览器缓存旧图片，值可以是任意字符串或数字。

示例：v_2023
效果：生成新的图片URL，强制浏览器获取最新版本。

总结

通过以上20个Flyimg URL参数技巧，你可以轻松实现图片的裁剪、压缩、格式转换和特效处理。无论是调整图片尺寸、优化图片质量，还是添加水印和文字，Flyimg都能满足你的需求。更多参数详情可以参考docs/url-options.md文档，开始尝试使用这些参数，让你的图片处理工作更加高效和专业！

【免费下载链接】flyimgDockerized application to resize and crop images on the fly. Get optimised images with AVIF, WebP, MozJPEG or PNG using ImageMagick, with an efficient caching system.项目地址: https://gitcode.com/gh_mirrors/fl/flyimg