Using Workflow Builder
Automate multi-step image processing with visual workflows.
What is Workflow Builder?
Workflow Builder lets you chain multiple image operations together into a single automated process. Instead of using multiple tools separately, you create a workflow that does everything in one click.
Why Use Workflows?
Benefits:
- Save time - One click instead of multiple steps
- Consistency - Same settings every time
- Automation - Complex processes made simple
- Reusability - Save and reuse workflows
- Efficiency - Process multiple images faster
How to Use Workflow Builder
Step 1: Access the Tool Go to Workflow Builder
Step 2: Start New Workflow
- Click "Create New Workflow"
- Give your workflow a name
- Choose starting image(s)
Step 3: Add Operations
- Click "Add Step" or drag from toolbox
- Choose operation (compress, resize, etc.)
- Configure settings for each step
Step 4: Arrange Steps
- Drag steps to reorder
- Operations execute top to bottom
- Preview workflow structure
Step 5: Test Workflow
- Upload test image
- Run workflow
- Review results at each step
Step 6: Save & Reuse
- Save workflow for later
- Export/import workflows
- Share with team (future feature)
Available Operations
Compression Operations
- Compress Image - Reduce file size
- PNG Compress - Optimize PNG specifically
- WebP Compress - Convert and compress to WebP
Transformation Operations
- Resize - Change dimensions
- Crop - Cut to specific area
- Rotate - Rotate by degrees
- Flip - Horizontal or vertical flip
- Convert - Change file format
Enhancement Operations
- Watermark - Add text or image watermark
- Add Text - Overlay custom text
- Filter - Apply color filters
- Adjust - Brightness, contrast, saturation
Utility Operations
- EXIF Remove - Strip metadata
- Rename - Change filename
- Format Change - Convert format
Workflow Examples
Example 1: Social Media Post
Goal: Prepare photo for Instagram
Workflow:
- Resize → 1080x1080 px (square)
- Compress → 85% quality
- Convert → JPEG format
- Rename → "instagram-[original]"
Time saved: 4 separate tools → 1 click
Example 2: E-commerce Product Photo
Goal: Standardize product images
Workflow:
- Crop → Remove background edges
- Resize → 1500x1500 px
- Compress → 90% quality
- Watermark → Add logo (bottom right)
- Convert → WebP format
Time saved: 5 separate tools → 1 click
Example 3: Email Attachment Prep
Goal: Reduce photos for email
Workflow:
- Resize → 1200px width (maintain ratio)
- Compress → 75% quality
- Convert → JPEG format
- Rename → "email-[original]"
Time saved: Multiple steps → 1 click
Example 4: Web Optimization
Goal: Optimize images for website
Workflow:
- Resize → Match display dimensions
- Compress → 82% quality
- Convert → WebP format
- EXIF Remove → Strip metadata
Time saved: 4 tools → 1 click
Advanced Features
Conditional Operations
Coming Soon:
- If width > 2000px, then resize
- If file size > 1MB, then compress
- If format = PNG, then convert
Batch Processing
How it works:
- Upload multiple images
- Apply workflow to all
- Download processed batch
- Each image gets same treatment
Best for:
- Product photo catalogs
- Event photo galleries
- Real estate listings
- Portfolio preparation
Workflow Templates
Pre-built templates:
- Instagram Post
- Facebook Cover
- YouTube Thumbnail
- E-commerce Product
- Web Banner
- Email Attachment
Custom templates:
- Save your own workflows
- Name and organize
- Quick access for repeat tasks
Best Practices
Workflow Design
DO:
- ✅ Start with high-quality originals
- ✅ Test with sample images first
- ✅ Use logical step order
- ✅ Save versions of workflows
- ✅ Document workflow purposes
DON'T:
- ❌ Skip testing step
- ❌ Use lossy operations first
- ❌ Create overly complex workflows
- ❌ Forget to save workflows
- ❌ Ignore file size limits
Step Order Matters
Recommended Order:
- Crop (remove unwanted areas first)
- Resize (work with final dimensions)
- Enhance (adjustments, filters)
- Compress (reduce file size last)
- Convert (final format)
Why This Order:
- Cropping first reduces processing load
- Resizing before compression is more efficient
- Enhancements work better on full-resolution
- Compression last maximizes quality
Troubleshooting
Problem: Workflow produces poor quality
Solutions:
- Check compression settings (increase quality)
- Reorder steps (compress last)
- Test with higher quality original
- Review each step's settings
Problem: Workflow is slow
Solutions:
- Reduce number of steps
- Optimize individual settings
- Process fewer images at once
- Check browser performance
Problem: Workflow doesn't save
Solutions:
- Give workflow a unique name
- Check browser storage (localStorage)
- Export workflow as backup
- Try different browser
Problem: Results vary between images
Solutions:
- Check source image differences
- Use absolute values (not percentages)
- Standardize input formats
- Test with similar images
Tips & Tricks
1. Name Your Workflows Clearly
- "Instagram-Square-Post"
- "Ecommerce-Product-Standard"
- "Email-Attachment-Small"
2. Test Before Batch Processing
- Run on one image first
- Verify results meet expectations
- Adjust settings if needed
- Then process entire batch
3. Keep Originals
- Workflows modify copies
- Originals remain unchanged
- Always keep backups
- Re-process if needed
4. Share Workflows
- Export workflow JSON files
- Share with team members
- Import on other devices
- Collaborate on standards
5. Update Workflows
- Review periodically
- Optimize as needs change
- Create versions (v1, v2, v3)
- Document changes
Keyboard Shortcuts
- Ctrl/Cmd + S - Save workflow
- Ctrl/Cmd + Z - Undo last step
- Ctrl/Cmd + Y - Redo step
- Delete - Remove selected step
- Arrow keys - Navigate steps
- Space - Preview workflow
Related Tools
- Image Compressor - Individual compression
- Image Resizer - Individual resizing
- Image Converter - Individual conversion
- All Image Tools - Complete tool suite
Need help building a workflow? Contact us.