图像与媒体工具链：ImageMagick、ffmpeg 与格式选型实战

照片/复杂图像 → JPEG（兼容）或 WebP/AVIF（省体积）
图标/Logo/图形 → SVG；需透明 → PNG 或 WebP；截图/UI → PNG 或 WebP 无损
动画 → WebP/AVIF 替代 GIF

magick input.jpg -resize 800x output.jpg              # 宽 800，高自适应
magick input.jpg -resize 800x600\> output.jpg         # 内接不放大
magick input.jpg -resize 200x200^ -gravity center -extent 200x200 thumb.jpg  # 方形
magick input.jpg -crop 300x200+100+50 +repage cropped.jpg                    # 裁剪

magick input.png -quality 82 -interlace Plane output.jpg   # 渐进式 JPEG
magick input.jpg -quality 80 output.webp                   # 转 WebP（60 可转 AVIF）
for f in *.jpg; do magick "$f" -quality 80 "${f%.jpg}.webp"; done   # 批量

magick input.jpg -gravity southeast -pointsize 32 -fill white -annotate +20+20 "© 2026" out.jpg
magick input.jpg logo.png -gravity southeast -geometry +10+10 \
  -compose dissolve -define compose:args=60 -composite out.jpg   # 图片水印 60%
magick a.png b.png +append row.png      # 横向拼接
magick input.png -fuzz 10% -transparent white out.png   # 去白底成透明

identify -verbose input.jpg          # 详细信息（尺寸/色彩/EXIF/质量）
identify -format "%wx%h %m" *.jpg    # 批量看尺寸与格式
magick input.jpg -colorspace sRGB out.jpg   # 统一色彩空间；-strip 去元数据

无损：PNG（Deflate）、WebP 无损
  技巧：pngquant（有损量化到 256 色，体积大降但视觉接近）、oxipng/zopfli（更优 Deflate）
有损：JPEG、WebP 有损、AVIF
  技巧：先缩放再压缩（尺寸是体积的第一决定因素）

JPEG 质量 90 → 100：体积涨 2~3 倍，肉眼几乎无差
质量 80 → 90：涨 40%，轻微差异；60 → 80：涨 60%
→ 质量 75~85 是多数场景的甜点；先缩到目标尺寸再压

# 4000px 照片要展示成 800px：直接压 4000px 是错的（传到前端再缩放，浪费带宽）
magick big.jpg -resize 800x -quality 80 small.jpg    # 先缩到 800px 再压

pngquant --quality=65-80 in.png -o out.png && oxipng -o max --strip safe out.png
jpegoptim --strip-all --max=85 in.jpg    # JPEG 无损优化（不改像素）

# 转 MP4（H.264 + AAC），CRF 越小质量越高
ffmpeg -i input.mov -c:v libx264 -crf 23 -preset medium -c:a aac -b:a 128k out.mp4
ffmpeg -i input.mp4 -c:v libvpx-vp9 -crf 32 -b:v 0 -c:a libopus out.webm   # 转 WebM
ffmpeg -i input.mkv -c copy output.mp4                        # 只换容器（秒级）

ffmpeg -ss 00:01:00 -t 30 -i input.mp4 -c copy clip.mp4     # 从 1:00 截 30 秒
ffmpeg -ss 10 -i input.mp4 -frames:v 1 frame.png            # 抽第 10 秒一帧
ffmpeg -i input.mp4 -vf fps=1 thumb_%03d.jpg                # 每秒抽 1 帧
ffmpeg -i input.mp4 -vf "fps=1/10,scale=160:-1,tile=5x5" sprite.jpg   # 雪碧图

ffmpeg -i in.mp4 -vf scale=1280:-2 out.mp4        # 缩放到宽 1280
ffmpeg -i in.mp4 -vf transpose=1 out.mp4          # 顺时针旋转 90 度
ffmpeg -i in.mp4 -i logo.png -filter_complex "overlay=W-w-10:H-h-10" out.mp4   # 水印

ffmpeg -i in.mp4 -vn -c:a copy out.m4a            # 提取音频
ffmpeg -i in.mp4 -an out_silent.mp4               # 去掉声音
ffmpeg -f concat -safe 0 -i list.txt -c copy merged.mp4   # 拼接（同编码）
ffprobe -v error -show_format -show_streams input.mp4      # 查看媒体信息

H.264（AVC）  兼容性最好，硬件支持最广 → 通用首选
H.265（HEVC） 同质量体积省 30~50%，但专利复杂、兼容一般
VP9           开放，WebM 常用，编码慢
AV1           比 H.265 再省 20~30%，编码最慢，新设备渐支持

CRF（恒定质量因子）：-crf 越小质量越高
  H.264：18~28（23 是甜点）；VP9：30~35；AV1：28~35
两遍编码（目标大小）：-b:v 定码率 + -pass 1/2
恒定码率（CBR，直播）：-b:v + -maxrate + -bufsize
preset：越慢压缩率越高；离线用 slow、实时用 veryfast

-c:v / -c:a      指定视频/音频编码器（copy = 不重编码）
-crf / -b:v      恒定质量 / 目标码率
-vf / -af        视频/音频滤镜；-map 选择流（多轨场景）
-pix_fmt yuv420p 兼容性最好的像素格式（Web 播放必备）

EXIF   → 相机型号、光圈快门 ISO、GPS 坐标、拍摄时间、方向
IPTC/XMP → 版权、作者、关键词 / Adobe 扩展元数据（可含编辑历史）
ICC    → 色彩配置文件（影响颜色呈现）

exiftool photo.jpg                  # 查看全部元数据
exiftool -gps:all photo.jpg         # 只看 GPS
exiftool -all= photo.jpg            # 清理全部元数据（上传前必做）
magick photo.jpg -strip out.jpg     # 等价清理
exiftool -all= -tagsfromfile @ -Orientation photo.jpg   # 只保留方向

上传用户图片前：1) -strip / exiftool -all= 去全部元数据
2) 如需保留拍摄参数 → 白名单式保留（只留 ISO/光圈等）
3) 重新编码（部分缩略图藏在元数据里，strip 才彻底）
4) 检查 ICC：去掉可能致颜色变化，需按需保留

# 用全部 CPU 核并行转 WebP
find ./images -name '*.jpg' -print0 \
  | xargs -0 -P "$(nproc)" -I{} sh -c \
    'magick "{}" -resize 1600x -quality 80 "${1%.jpg}.webp"' _ {}
find . -name '*.png' | parallel -j8 'oxipng -o max --strip safe {}'   # GNU parallel

for f in src/*.jpg; do
  out="dist/$(basename "${f%.jpg}.webp")"
  [ -f "$out" ] && [ "$out" -nt "$f" ] && continue   # 产物更新则跳过
  magick "$f" -quality 80 "$out"
done

for f in raw/*.mov; do
  ffmpeg -nostdin -i "$f" -c:v libx264 -crf 23 -preset slow \
         -c:a aac -b:a 128k -pix_fmt yuv420p "out/${f%.mov}.mp4" || echo "FAIL $f"
done

<picture>
  <source type="image/avif" srcset="hero-800.avif 800w, hero-1600.avif 1600w" sizes="100vw">
  <source type="image/webp" srcset="hero-800.webp 800w, hero-1600.webp 1600w" sizes="100vw">
  <img src="hero-800.jpg" srcset="hero-800.jpg 800w, hero-1600.jpg 1600w"
       sizes="100vw" width="1600" height="900" alt="hero" loading="lazy" decoding="async">
</picture>

for w in 400 800 1600; do
  magick hero.jpg -resize ${w}x -quality 82 hero-${w}.jpg
  magick hero.jpg -resize ${w}x -quality 80 hero-${w}.webp
done   # 三档尺寸 × 两格式

1. 声明 width/height → 避免布局抖动（CLS）
2. loading="lazy" + decoding="async" → 延迟加载、不阻塞渲染
3. srcset + sizes → 让浏览器选最合适的
4. 现代格式回退：AVIF → WebP → JPEG 三级
5. 占位（LQIP/blurhash）：先出模糊占位再替换

1. 用 JPEG 存截图/文字 → 边缘振铃噪点（该用 PNG/WebP）
2. 透明 PNG 转 JPEG → 透明区变黑（需先铺底色）
3. 不先缩放就压缩 → 体积没降多少（尺寸才是大头）
4. 忘记 -auto-orient → 手机图"躺着"；元数据没清理 → GPS 泄露隐私
5. 生成物进 git → 仓库膨胀；色彩空间不统一 → 色差；策略过宽 → RCE/解压炸弹

1. -c copy 拼接不同编码的片段 → 音画不同步/损坏
2. 忘 -pix_fmt yuv420p → Safari/部分播放器黑屏
3. 用 -ss 在 -i 之后 → 慢（放 -i 之前是快速定位）
4. CRF 与 -b:v 同时给 → 行为不明确；帧率不匹配拼接 → 卡顿

magick input.jpg -profile /usr/share/color/icc/sRGB.icc \
  -colorspace sRGB -strip -quality 82 out.jpg