Python图像处理技能：Pillow脚本生成，支持调整大小、格式转换、网页优化

image-processing by jezweb/claude-skills

594 周安装量

650 GitHub Stars

GitHub

安装命令

npx skills add https://github.com/jezweb/claude-skills --skill image-processing

Python Web框架开发自动化

🇨🇳中文介绍

图像处理

为网页开发处理图像。生成适应于用户环境和特定需求的 Pillow 脚本。

前提条件

Pillow 通常已预装。如果没有：

pip install Pillow

如果 Pillow 不可用，请使用以下替代方案：

替代方案	平台	安装	功能
`sips`	macOS (内置)	无	调整大小、转换格式 (无修剪/OG卡片)
`sharp`	Node.js	`npm install sharp`	完整功能集

广告位招租

在这里展示您的产品或服务

触达数万 AI 开发者，精准高效

联系我们

OG 卡片 (1200x630)

在背景图像或纯色上生成带有标题/副标题叠加的 Open Graph 卡片。应用半透明叠加层以提高文本可读性。水平居中文本。

徽标清理（客户端提供的带白色背景的 JPG）

修剪空白
转换为 PNG（以获得透明度）
创建 favicon 尺寸版本（缩略图 512px）

为生产环境准备主图

调整最大宽度为 1920，转换为 WebP，以质量 85 进行压缩。

对于多个图像，生成一个循环处理所有文件的单一脚本，而不是一次处理一个。

与 Gemini 图像生成结合的工作流

使用 gemini-image-gen 技能生成图像，然后进行处理：

使用 Gemini 生成（原始 PNG 输出）
用户选择最喜欢的
优化：调整到目标宽度，转换为 WebP，压缩

使用场景	格式	原因
照片、主图	WebP	最佳压缩效果，广泛的浏览器支持
徽标、图标（需要透明度）	PNG	无损，支持 Alpha 通道
旧版浏览器回退	JPG	通用支持
缩略图	WebP 或 JPG	优先考虑小文件大小
OG 卡片	PNG	社交平台对 PNG 处理效果最佳

何时	阅读
实现任何 Pillow 操作时	references/pillow-patterns.md

🇺🇸English

Image Processing

Process images for web development. Generate a Pillow script adapted to the user's environment and specific needs.

Prerequisites

Pillow is usually pre-installed. If not:

pip install Pillow

If Pillow is unavailable, adapt using alternatives:

Alternative	Platform	Install	Capabilities
`sips`	macOS (built-in)	None	Resize, convert (no trim/OG)
`sharp`	Node.js	`npm install sharp`	Full feature set
`ffmpeg`	Cross-platform	`brew install ffmpeg`	Resize, convert

Capabilities

Generate a Python script using Pillow for any of these operations. See references/pillow-patterns.md for implementation patterns, especially RGBA-to-JPG compositing and cross-platform font discovery.

Resize

Scale to specific dimensions or by width/height (maintain aspect ratio if only one given). Use Image.LANCZOS for high-quality downscaling.

Convert Format

Convert between PNG, JPG, WebP. Handle RGBA-to-JPG by compositing onto white background. Apply format-specific quality settings (WebP: 85, JPG: 90, PNG: optimize).

Trim Whitespace

Auto-crop surrounding whitespace from logos and icons. Convert to RGBA first, then use getbbox() to find content bounds.

Thumbnail

Fit within max dimensions while maintaining aspect ratio. Use img.thumbnail((size, size), Image.LANCZOS).

Optimise for Web

Resize + compress in one step. Convert to WebP for best compression. Typical settings: width 1920, quality 85.

OG Card (1200x630)

Generate Open Graph card with title/subtitle overlay on a background image or solid colour. Apply semi-transparent overlay for text readability. Centre text horizontally.

Common Workflows

Logo Cleanup (client-supplied JPG with white background)

Trim whitespace
Convert to PNG (for transparency)
Create favicon-sized version (thumbnail at 512px)

Prepare Hero Image for Production

Resize to max width 1920, convert to WebP, compress at quality 85.

Batch Process

For multiple images, generate a single script that loops over all files rather than processing one at a time.

Pipeline with Gemini Image Gen

Generate images with the gemini-image-gen skill, then process them:

Generate with Gemini (raw PNG output)
User picks favourite
Optimise: resize to target width, convert to WebP, compress

Output Format Guide

Use case	Format	Why
Photos, hero images	WebP	Best compression, wide browser support
Logos, icons (need transparency)	PNG	Lossless, supports alpha
Fallback for older browsers	JPG	Universal support
Thumbnails	WebP or JPG	Small file size priority
OG cards	PNG	Social platforms handle PNG best

Reference Files

When	Read
Implementing any Pillow operation	references/pillow-patterns.md

Weekly Installs

563

Repository

jezweb/claude-skills

GitHub Stars

643

First Seen

Feb 27, 2026

Security Audits

Gen Agent Trust HubPass SocketWarn SnykPass

Installed on

opencode534

codex533

gemini-cli532

github-copilot532

kimi-cli531

amp531

agent-browser 浏览器自动化工具 - Vercel Labs 命令行网页操作与测试

136,300 周安装