Skip to content
Agentic WorkFlow

Image Processor

The Image Processor node processes images by resizing, optimizing, converting formats, and applying filters - all directly in your browser without uploading to external services. Think of it as having a photo editor that works automatically with your workflows.

This is perfect for website optimization, social media preparation, content creation, or any workflow that needs to modify images while keeping everything private and secure.

Illustration of processing and optimizing images

How it works

Section titled “How it works”

The node takes images (from Get All Images or direct URLs) and processes them according to your specifications. All processing happens locally in your browser, so your images never leave your device.

graph LR
  Images[Original Images] --> Processor{Image Processor}
  Processor --> Resize[Resize]
  Processor --> Optimize[Optimize]
  Processor --> Convert[Convert Format]
  style Processor fill:#6d28d9,stroke:#fff,color:#fff

Setup guide

Section titled “Setup guide”
  1. Get Images First: Use Get All Images node or provide image URLs to process.
  2. Choose Processing Type: Select resize, optimize, convert format, or apply filters.
  3. Set Output Preferences: Choose format, quality, and dimensions for processed images.
  4. Run Processing: Images are processed locally in your browser and made available for download or further use.

Practical example: Website optimization

Section titled “Practical example: Website optimization”

Let’s optimize images from a webpage to improve loading speed and performance.

What you configure:

  • Operation: Choose what to do (e.g., optimize, resize, or convert).
  • Format: Select the output file type (like WebP for web use).
  • Quality: Set the balance between file size and image clarity (e.g., 80%).
  • Dimensions: Optional max width and height constraints.

What you get:

  • Processed Images: The new image files ready to use.
  • Details:
    • Savings: How much file size was reduced (e.g., “2.4MB” down to “245KB”).
    • Format: The final file type.
    • Stats: Overall compression ratio and total size saved.

Common settings

Section titled “Common settings”
SettingPurposeWhen to Use
OptimizeReduce file size without losing qualityFor web performance and storage savings
ResizeChange dimensions while maintaining aspect ratioFor specific size requirements or responsive design
ConvertChange image format (JPG, PNG, WebP)For better compression or compatibility

Troubleshooting

Section titled “Troubleshooting”
  • Processing failed: Check that the image URLs are accessible and the images are in supported formats
  • Poor quality results: Increase the quality setting or try a different output format
  • Slow processing: Reduce image size, process fewer images at once, or use a more powerful device