AgentSkillsCN

image-batch

批量处理图片,助力营销推广。适用场景:为社交媒体调整图片尺寸;为网页压缩图片;去除图片背景;添加水印;将图片格式转换为WebP;针对Core Web Vitals进行优化。

SKILL.md
--- frontmatter
name: image-batch
description: "Batch process images for marketing. Use when: resizing images for social media; compressing images for web; removing backgrounds; adding watermarks; converting formats to WebP; optimizing for Core Web Vitals"
license: MIT
metadata:
  author: ClawFu
  version: 1.0.0
  mcp-server: "@clawfu/mcp-skills"

Image Batch Processing

Automate repetitive image tasks using Pillow and rembg - resize, compress, remove backgrounds, and watermark hundreds of images in seconds.

When to Use This Skill

  • Social media prep - Resize images for multiple platforms at once
  • Website optimization - Compress and convert to WebP for faster loading
  • Product photos - Remove backgrounds, add consistent styling
  • Brand protection - Add watermarks to marketing assets
  • Batch conversion - Convert legacy formats to modern ones

What Claude Does vs What You Decide

Claude DoesYou Decide
Structures video workflowFinal creative vision
Suggests shot compositionsEquipment selection
Creates storyboard templatesBrand aesthetics
Generates script frameworksFinal approval
Identifies technical requirementsBudget allocation

Dependencies

bash
pip install Pillow rembg click
# For GPU-accelerated background removal:
# pip install rembg[gpu]

Commands

Resize Images

bash
python scripts/main.py resize ./images/ --width 1200
python scripts/main.py resize ./images/ --format instagram  # 1080x1080
python scripts/main.py resize ./images/ --format linkedin   # 1200x627

Compress Images

bash
python scripts/main.py compress ./images/ --quality 80
python scripts/main.py compress ./images/ --max-size 500  # Max 500KB

Remove Background

bash
python scripts/main.py remove-bg photo.jpg
python scripts/main.py remove-bg ./products/ --output ./transparent/

Add Watermark

bash
python scripts/main.py watermark ./images/ --logo logo.png --position bottom-right
python scripts/main.py watermark ./images/ --text "© 2024 Company" --opacity 0.3

Convert Format

bash
python scripts/main.py convert ./images/ --format webp
python scripts/main.py convert ./images/ --format avif --quality 80

Examples

Example 1: Prepare Product Images for E-commerce

bash
# Remove backgrounds
python scripts/main.py remove-bg ./raw-products/ --output ./transparent/

# Resize to standard size
python scripts/main.py resize ./transparent/ --width 1000 --height 1000 --fit contain

# Compress for web
python scripts/main.py compress ./transparent/ --quality 85 --format webp

# Output: ./transparent/*.webp (optimized, transparent background)

Example 2: Social Media Image Kit

bash
# Create multiple sizes from one source
python scripts/main.py resize hero-image.jpg --format instagram --output hero_ig.jpg
python scripts/main.py resize hero-image.jpg --format linkedin --output hero_li.jpg
python scripts/main.py resize hero-image.jpg --format twitter --output hero_tw.jpg
python scripts/main.py resize hero-image.jpg --format facebook --output hero_fb.jpg

# Or batch process entire folder for one platform
python scripts/main.py resize ./campaign-images/ --format instagram --output ./instagram/

Example 3: Website Image Optimization

bash
# Convert all images to WebP
python scripts/main.py convert ./website-images/ --format webp --quality 80

# Ensure no image exceeds 200KB
python scripts/main.py compress ./website-images/ --max-size 200

# Results in 60-80% smaller file sizes

Social Media Format Presets

FormatDimensionsAspect RatioUse Case
instagram1080x10801:1Feed posts
instagram-story1080x19209:16Stories/Reels
linkedin1200x6271.91:1Link previews
linkedin-post1200x12001:1Feed posts
twitter1200x67516:9Cards
facebook1200x6301.91:1Link previews
pinterest1000x15002:3Pins
youtube1280x72016:9Thumbnails

Fit Modes

ModeBehavior
coverFill area, crop excess (default)
containFit inside, add padding
stretchDistort to fit exactly
cropSmart crop focusing on subject

Output Formats

FormatBest ForCompression
webpWeb images25-35% smaller than JPEG
avifModern browsers50% smaller than JPEG
jpgPhotos, gradientsLossy, universal
pngTransparency, graphicsLossless

Skill Boundaries

What This Skill Does Well

  • Structuring video production workflows
  • Creating storyboard frameworks
  • Suggesting technical approaches
  • Providing creative direction templates

What This Skill Cannot Do

  • Replace professional videography
  • Edit video files directly
  • Make final creative judgments
  • Guarantee audience engagement

Related Skills

Skill Metadata

  • Mode: cyborg
yaml
category: automation
subcategory: image-processing
dependencies: [Pillow, rembg]
difficulty: beginner
time_saved: 5+ hours/week