image-editing
SKILL.md
Image Editing (图片编辑)
Overview
Image editing is the process of enhancing, retouching, and transforming photos for Xiaohongshu content using mobile editing apps to create visually appealing, professional-looking images that attract attention and convey information effectively.
When to Use
Use when:
- Preparing photos for Xiaohongshu posts
- Enhancing image quality (brightness, colors, sharpness)
- Creating before/after comparisons
- Adding text overlays and graphics
- Fixing photo issues (poor lighting, blemishes)
- Creating cohesive visual style across content
Do NOT use when:
- Image quality is already excellent (don't over-edit)
- Creating misleading edits (false before/after)
- Editing makes photo look unnatural (presets too heavy)
Core Pattern
Before (unedited photos):
❌ "Posted raw photos, dull lighting, poor colors"
❌ "No consistent style, images look amateur"
❌ "Blemishes and imperfections visible"
❌ "Photos don't match aesthetic of account"
❌ "Low engagement on image posts"
After (professionally edited):
✅ "Consistent editing style, all photos cohesive"
✅ "Enhanced colors and lighting, photos pop"
✅ "Professional look, higher perceived quality"
✅ "Branded aesthetic, followers recognize my style"
✅ "Before/after edits show transformations clearly"
✅ "Engagement increased 40% after improving image quality"
5 Image Editing Elements:
- Basic Adjustments - Exposure, brightness, contrast, saturation
- Color Correction - Temperature, tint, vibrance, color grading
- Retouching - Blemish removal, skin smoothing, body shaping
- Creative Effects - Filters, presets, blurs, vignettes
- Text and Graphics - Overlays, stickers, frames, watermarks
Quick Reference
| Editing Tool | Best For | Learning Curve | Platform |
|---|---|---|---|
| Xingtu (醒图) | All-purpose editing | Low | iOS, Android |
| Meitu (美图秀秀) | Beauty retouching | Low | iOS, Android |
| Snapseed | Professional adjustments | Medium | iOS, Android |
| Canva | Text and graphics | Low | iOS, Android, Web |
| Lightroom Mobile | Color grading, presets | Medium-High | iOS, Android |
Implementation
Step 1: Master Basic Adjustments
Fundamental Photo Enhancements:
Basic Adjustments Framework:
1. Exposure and Brightness
Purpose: Fix lighting issues
Overexposed (too bright):
- Decrease exposure: -0.3 to -0.7
- Decrease highlights: -20 to -50
- Result: Recover blown-out details
Underexposed (too dark):
- Increase exposure: +0.3 to +0.7
- Increase shadows: +20 to +50
- Result: Brighten dark areas
Pro Tip:
✅ Use histogram (if available)
✅ Aim for balanced distribution (not clipped)
✅ Check for blown highlights (red areas in preview)
2. Contrast and Tone
Purpose: Add depth and dimension
Low Contrast (flat, dull):
- Increase contrast: +10 to +30
- Increase highlights: +10 to +20
- Decrease shadows: -10 to -20
- Result: More dynamic range
High Contrast (harsh):
- Decrease contrast: -10 to -20
- Increase shadows: +10 to +20
- Result: Softer, more balanced
Rule of Thumb:
Most photos benefit from: Contrast +15
3. Saturation and Vibrance
Purpose: Enhance or mute colors
Boost Colors:
- Increase vibrance: +15 to +30 (skin-safe)
- Increase saturation: +10 to +20 (cautiously)
- Result: Richer, more appealing colors
Mute Colors (muted aesthetic):
- Decrease saturation: -10 to -30
- Increase brightness: +5 to +10
- Result: Soft, minimal look
Pro Tip:
✅ Use vibrance first (skin-safe)
✅ Use saturation sparingly (can oversaturate skin)
✅ Match aesthetic to niche (bright for lifestyle, muted for fashion)
4. Sharpness and Clarity
Purpose: Enhance details and edges
Soft Photo (lacked focus):
- Increase sharpness: +20 to +40
- Increase clarity: +10 to +20
- Result: Crisper details
Over-Sharp (harsh edges):
- Decrease sharpness: -10 to -20
- Decrease clarity: -10 to -20
- Result: Softer look
Pro Tip:
✅ Apply sharpening last (after all other edits)
✅ Zoom to 100% to check for halos (oversharpening)
✅ Less is more (subtle sharpness looks more natural)
Basic Adjustments Recipe (Starting Point):
- Exposure: 0 (adjust based on lighting)
- Brightness: +5 (slight brighten)
- Contrast: +15 (add depth)
- Warmth: +5 (slight warmth, flattering)
- Saturation: +10 (color boost)
- Vibrance: +20 (skin-safe color boost)
- Sharpness: +25 (crisp details)
- Clarity: +10 (subtle definition)
Step 2: Apply Color Grading
Create Consistent Aesthetic:
Color Grading Techniques:
1. Temperature and Tint
Temperature (Warmth):
- Cool (blue): -10 to -20 (clinical, modern)
- Warm (yellow): +10 to +20 (cozy, friendly)
Best for Skincare/Beauty:
✅ Warmth +5 to +15 (flattering skin tones)
Best for Fashion:
⚪ Cool -5 to -15 (editorial look)
Tint (Green-Magenta):
- Most photos: 0 (neutral)
- Correct color cast: -5 to +5
- Creative: Adjust for mood
2. HSL (Hue, Saturation, Luminance)
Hue (Color Color):
- Shift specific colors (red → orange)
- Creative: Change color palette
- Example: Shift blue to teal for aesthetic
Saturation (Color Intensity):
- Boost specific colors: +10 to +30
- Mute specific colors: -10 to -30
- Example: Boost orange (skin flattering), mute green
Luminance (Color Brightness):
- Brighten specific colors: +10 to +30
- Darken specific colors: -10 to -30
- Example: Darken blue sky for drama
Common HSL Adjustments:
✅ Orange (skin): Saturation +10, Luminance +5
✅ Blue (sky): Saturation +20, Luminance +10
✅ Green (nature): Saturation -10 (muted look)
3. Curves (Advanced)
Purpose: Precise tonal control
S-Curve (Contrast Boost):
- Shadows: Lower left point slightly down
- Highlights: Upper right point slightly up
- Result: More contrast, pop
Brighten Midtones:
- Lift middle of curve upward
- Result: Brighter image without blowing highlights
Darken Highlights:
- Lower upper part of curve
- Result: Recover bright areas
Pro Tip:
✅ Subtle curves adjustments (5-10 points)
✅ Avoid extreme curves (unnatural look)
✅ Use histogram as guide
4. Color Grading (Split Toning)
Purpose: Creative color in highlights/shadows
Warm Highlights, Cool Shadows:
- Highlights: Yellow/orange, 10-20% saturation
- Shadows: Blue, 10-20% saturation
- Result: Cinematic, dimensional look
Matching Popular Aesthetics:
Instagram Aesthetic:
- Highlights: Warm (yellow, 15% sat)
- Shadows: Cool (blue, 10% sat)
Minimal Aesthetic:
- Highlights: Neutral (low saturation)
- Shadows: Neutral (low saturation)
Vintage Aesthetic:
- Highlights: Warm (yellow, 20% sat)
- Shadows: Warm (red, 15% sat)
5. Create and Save Presets
Process:
1. Edit photo to desired look
2. Save adjustments as preset
3. Name preset descriptively ("Warm Skincare", "Cool Fashion")
4. Apply to future photos (one-tap consistency)
Preset Benefits:
✅ Consistent aesthetic across account
✅ Faster editing workflow
✅ Recognizable brand style
Preset Strategy:
- Create 2-3 presets for different content types
- Example: "Product Shot" (bright, clean), "Lifestyle" (warm, soft)
- Apply preset, then fine-tune per photo
Step 3: Retouch Photos
Enhance Without Being Misleading:
Retouching Ethics and Techniques:
1. Skin Retouching
Blemish Removal:
- Use: Healing brush or blemish tool
- Remove: Acne, scars, spots
- Keep: Skin texture (don't blur completely)
Skin Smoothing:
- Light: Reduce pores slightly (natural look)
- Medium: Smooth skin texture (common in beauty)
- Heavy: Airbrushed (highly edited)
Ethical Guideline:
✅ Remove temporary blemishes (acne, redness)
✅ Keep permanent features (moles, scars)
✅ Don't oversmooth (uncanny valley)
✅ Disclose significant edits if misleading
2. Body and Face Reshaping
Tools Available:
- Slim face, enlarge eyes, smooth jawline
- Lengthen legs, slim waist
Ethical Concerns:
⚠️ Can create unrealistic expectations
⚠️ May promote body image issues
⚠️ Followers may feel inadequate
Recommendation:
✅ Use minimally (subtle enhancements)
✅ Avoid extreme reshaping (obviously fake)
✅ Consider impact on audience (especially younger followers)
✅ Disclose edits if promoting body positivity
3. Background Cleanup
Remove Distractions:
- Use: Healing brush, clone tool
- Remove: Trash, people in background, messy areas
- Keep: Natural environment (don't fake backdrop)
Background Replacement:
- ⚠️ Can be misleading (not real location)
- ✅ Acceptable if disclosed (studio backdrop)
- ✅ Creative choice (artistic background)
Ethics:
✅ Remove distractions (clutter, random objects)
❌ Fake location or setting (misleading)
❌ Create false context (not real situation)
4. Before/After Edits
Purpose: Show transformation
Ethical Before/After:
✅ Same lighting (no manipulation)
✅ Same angle (no perspective trick)
✅ Honest time gap (realistic timeline)
✅ Disclose products used (transparency)
Misleading Before/After:
❌ Different lighting (after is brighter/better)
❌ Different angle (more flattering in after)
❌ Fake time gap (results not realistic)
❌ Heavily edited after photo
Example (Ethical):
Before: Acne breakout (real photo)
After: After using skincare product for 30 days (real photo)
Edits: Color correction only (no fake skin)
Example (Misleading):
Before: Poor lighting, bad angle
After: Great lighting, better angle, heavy retouching
Claim: "Product transformed my skin in 1 week" (unrealistic)
5. Transparency and Disclosure
When to Disclose:
✅ Heavily edited photos (obviously retouched)
✅ Reshaped body/face significantly
✅ Fake background or setting
✅ Before/after with manipulated results
How to Disclose:
- Caption: "Edited for brightness/color"
- Hashtag: #edited #notreal
- Honest: "This took 20 minutes of editing"
- Educate: Show before/after of edit process
When Not Required:
✅ Basic adjustments (exposure, color)
✅ Blemish removal (temporary)
✅ Normal retouching (industry standard)
Ethics Rule of Thumb:
If edit creates unrealistic expectation → Disclose
If edit is minor/basic → No disclosure needed
Step 4: Add Creative Effects
Enhance Visual Appeal:
Creative Enhancement Options:
1. Filters and Presets
Filter Types:
- Bright/Airy: High exposure, low contrast, warm
- Moody: Low exposure, high contrast, cool
- Vintage: Fade, warm tone, slight vignette
- Black & White: Classic, timeless
Best Practices:
✅ Match filter to content mood
✅ Use consistently (build aesthetic)
✅ Don't over-filter (subtle is better)
✅ Create own presets (unique style)
Filter Recommendations by Niche:
Skincare/Beauty:
- Bright, airy, warm
- Low contrast, high exposure
- Clean, fresh look
Fashion:
- Moody or minimal
- Low saturation or black & white
- Editorial style
Food:
- Warm, vibrant
- High saturation (appetizing)
- Slight contrast boost
2. Blur and Bokeh
Purpose: Focus attention, create depth
Radial Blur (Focus Subject):
- Center sharp, edges blurred
- Use for: Product shots, portraits
- Settings: Blur amount 20-40%
Tilt-Shift (Miniature Effect):
- Horizontal blur band
- Use for: Creative flat lay, scenes
- Settings: Blur position top/bottom
Background Blur (Portrait Mode):
- Subject sharp, background blurred
- Use for: portraits, product isolation
- Settings: Blur amount 30-50%
3. Vignette
Purpose: Draw attention to center
Subtle Vignette:
- Dark edges, bright center
- Use for: Portraits, product shots
- Settings: Vignette amount 10-20%
Creative Vignette:
- Strong dark edges
- Use for: Dramatic effect
- Settings: Vignette amount 30-40%
Pro Tip:
✅ Subtle is better (10-15% is usually enough)
✅ Don't overuse (every photo doesn't need vignette)
4. Grain and Texture
Purpose: Add film-like quality
Film Grain:
- Adds texture, reduces digital look
- Use for: Vintage aesthetic, moody photos
- Settings: Grain amount 15-30%
Light Leaks:
- Adds warm, dreamy spots
- Use for: Creative, artistic photos
- Settings: Leak opacity 20-40%
Dust and Scratches:
- Adds vintage, aged look
- Use for: Retro aesthetic
- Settings: Texture amount 10-20%
5. Duotone and Color Effects
Duotone (Two-Color):
- Shadows: One color
- Highlights: Another color
- Use for: Creative, artistic effect
Gradient Map:
- Maps grayscale to color gradient
- Use for: Unified color scheme
Color Splash:
- Selective color (rest is B&W)
- Use for: Focus attention on color element
Step 5: Add Text and Graphics
Create Informative Overlays:
Text and Graphic Elements:
1. Text Overlays
When to Add Text:
✅ Titles (product name, topic)
✅ Key points (summary slides)
✅ Call-to-action (follow, link in bio)
✅ Quotes (testimonials, tips)
Text Design Principles:
- Font: Readable, matches aesthetic (avoid overly decorative)
- Size: Large enough to read on mobile screen
- Color: High contrast (dark text on light, or vice versa)
- Position: Don't cover focal point
- Background: Semi-transparent box or blur behind text
Tools:
- Canva (text templates)
- Xingtu (text overlays)
- Phonto (custom fonts)
2. Stickers and Decorations
Types:
- Arrows (point to features)
- Circles/Underlines (highlight text)
- Icons (checkmarks, hearts, stars)
- Frames (borders, corners)
Usage:
✅ Highlight key information
✅ Add visual interest
✅ Guide viewer's eye
⚠️ Don't overuse (cluttered)
3. Watermarks
Purpose: Protect content, brand image
Placement:
- Corner (least intrusive)
- Center (harder to remove)
- Tiled (repeating across image)
Design:
- Logo or username
- Semi-transparent (30-50% opacity)
- Small but visible
Pro/Con:
✅ Protects from theft
❌ Distracts from image
❌ Reduces aesthetic quality
Recommendation:
- Use on high-value content (product photography)
- Skip on personal photos (lifestyle, behind-the-scenes)
4. Frames and Borders
Types:
- Simple border (white, black line)
- Polaroid frame (white bottom, text space)
- Rounded corners (soft look)
- Decorative frame (designer border)
Usage:
✅ Separate image from background
✅ Add space for text
✅ Create cohesive look for carousel
5. Comparison Graphics
Before/After Layout:
- Side-by-side (before left, after right)
- Split screen (vertical or horizontal divider)
- Labels: "Before" and "After" text
Design:
✅ Consistent lighting (no manipulation)
✅ Same size/scale (fair comparison)
✅ Clear labels (viewer knows which is which)
✅ Arrow or line highlighting difference
Tools:
- Before/After maker apps
- Manual layout in Canva
- Split screen in editing app
Common Mistakes
| Mistake | Why Happens | Fix |
|---|---|---|
| Over-editing (too much filter) | Want perfect photo | Edit subtly, less is more |
| Inconsistent style across posts | Edit each photo individually | Create and use presets for consistency |
| Misleading before/after | Want dramatic results | Use same lighting/angle, disclose edits |
| Oversmoothing skin | Think flawless is best | Keep skin texture, natural look |
| Ignoring composition | Focus only on edits | Edit good photos (editing can't fix bad composition) |
| Heavy watermarks on all content | Fear of theft | Use selectively, or small unobtrusive watermark |
| Not saving presets | Recreate edits each time | Save successful edits as presets for efficiency |
Real-World Impact
Case Study: Image Quality Transformation
- Before: Posted raw phone photos, inconsistent style, 5% engagement rate
- After: Learned image editing, created preset, consistent aesthetic
- Result: 40% increase in engagement, follower growth doubled, brand partnerships increased (professional look attracted brands)
Data-Backed Insights:
- Edited images receive 2-3x more engagement than unedited photos (same subject matter)
- Accounts with consistent editing aesthetic grow 2x faster than inconsistent accounts
- Bright, warm-toned photos get 20% more engagement than cool, dark photos (lifestyle niche)
- Before/after posts with honest edits get 3x more saves than other content types
- Over-edited photos (heavy filters, oversmoothed skin) reduce trust by 30%
- Professional-looking photos (clean edits) attract 2x more brand partnerships
- Light, airy presets most popular for skincare/beauty (70% of top accounts)
Related Skills
REQUIRED: Use cover-design (image editing enhances cover design) REQUIRED: Use image-text-content (polished images for图文 posts)
Recommended for image editing:
- photo-editing-tools (master specific editing apps)
- content-layout (combine edited images into carousels)
- visual-branding (create consistent editing style)
- seeding-copywriting (edited images support product content)
Use image-editing WITH:
- cover-design (edit cover images for maximum appeal)
- image-text-content (polish images for图文 content)
- carousel-creation (edit all carousel images cohesively)
Weekly Installs
7
Repository
vivy-yi/xiaohon…u-skillsGitHub Stars
50
First Seen
11 days ago
Security Audits
Installed on
amp7
cline7
opencode7
cursor7
kimi-cli7
codex7