This asset is a dynamic image filtering component that enables users to load an image using binary or base64 data, apply visual enhancements, and export the processed result. It is designed for real-time image manipulation using both predefined presets and manual adjustment controls.

Preset Filters

The component includes multiple preset styles that instantly apply a combination of filter values:

• Normal – Default view with no enhancements; preserves the original image.
• Vivid – Increases brightness, contrast, and saturation to make colors more vibrant.
• Noir – Converts the image into a high-contrast black-and-white style.
• Warm – Adds a warm tone using slight hue shift and sepia effect.
• Cool – Applies a cooler tone with a blue hue adjustment.
• Fade – Reduces contrast and saturation to create a washed-out effect.
• Sepia – Gives a classic brownish vintage look.
• Dream – Softens the image with slight blur and gentle brightness.
• Negative – Inverts all colors to create a negative image effect.

Adjustable Filters

Users can fine-tune the image using slider controls:

• Brightness – Controls overall lightness or darkness of the image.
• Contrast – Adjusts the difference between light and dark areas.
• Saturate – Enhances or reduces color intensity.
• Hue – Rotates colors across the spectrum.
• Blur – Adds softness to the image.
• Sepia – Applies a warm brown tone effect.
• Invert – Reverses colors to their opposite values.

Features & Actions

• Supports image input via binary/base64 data.
• Displays output in a canvas with real-time preview.
• Reset button restores default filter settings.
• Clear removes the loaded image and resets the UI.
• Download saves the filtered image as a file (PNG).
• Save as Base64 converts the processed image into a base64 string for database storage or API transmission.