Please bookmark this page to avoid losing your image tool!

Online Image Tools

(Free & Supports Bulk Upload)

The result will appear here...

JavaScript Code (For Advanced Users)

You can edit the below JavaScript code to customize the image tool.

function processImage(originalImg, tool = "grayscale", amount = "100") {
    // Create a canvas element
    const canvas = document.createElement('canvas');
    canvas.width = originalImg.width;
    canvas.height = originalImg.height;
    const ctx = canvas.getContext('2d');
    
    // Normalize parameters
    const toolName = tool.toLowerCase().trim();
    const amountVal = parseFloat(amount) || 0;
    
    let filterString = "none";
    
    // Determine the CSS filter to apply based on the specified tool
    switch(toolName) {
        case 'grayscale':
        case 'sepia':
        case 'invert':
        case 'saturate':
        case 'brightness':
        case 'contrast':
            filterString = `${toolName}(${amountVal}%)`;
            break;
        case 'blur':
            filterString = `blur(${amountVal}px)`;
            break;
        case 'hue-rotate':
            filterString = `hue-rotate(${amountVal}deg)`;
            break;
        case 'opacity':
            filterString = `opacity(${amountVal}%)`;
            break;
        case 'original':
        default:
            filterString = "none";
            break;
    }
    
    // Apply the filter and draw the image
    ctx.filter = filterString;
    ctx.drawImage(originalImg, 0, 0, canvas.width, canvas.height);
    
    // Reset the filter to avoid affecting future operations on this context (if reused)
    ctx.filter = "none";
    
    return canvas;
}

Free Image Tool Creator

Can't find the image tool you're looking for?
Create one based on your own needs now!

Create a custom image tool

Description

Online Image Tools is a versatile web-based utility that allows users to apply various visual filters and adjustments to their images. The tool supports a wide range of effects, including color transformations like grayscale, sepia, inversion, and hue rotation, as well as lighting and clarity adjustments such as brightness, contrast, saturation, and opacity. Additionally, users can apply stylistic effects like blurring. This tool is useful for photographers, social media creators, or web designers looking to quickly edit or stylize images for specific aesthetic purposes or technical requirements.

JavaScript Code (For Advanced Users)

Free Image Tool Creator

Description

Leave a Reply Cancel reply

Other Image Tools: