Please bookmark this page to avoid losing your image tool!

Image Soft Program

(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.

/**
 * Applies a softening (blur) effect to an image.
 *
 * @param {Image} originalImg The original Javascript Image object.
 * @param {number} intensity The intensity of the blur effect, specified in pixels. Defaults to 5.
 * @returns {HTMLCanvasElement} A new canvas element with the softened image.
 */
function processImage(originalImg, intensity = 5) {
  // Create a new canvas element
  const canvas = document.createElement('canvas');

  // Set the canvas dimensions to match the original image
  canvas.width = originalImg.naturalWidth;
  canvas.height = originalImg.naturalHeight;

  // Get the 2D rendering context
  const ctx = canvas.getContext('2d');

  // Sanitize the intensity parameter to ensure it's a non-negative number
  const blurValue = Math.max(0, Number(intensity));

  // Apply a blur filter to the canvas context.
  // This is the most efficient way to achieve a "soften" effect.
  if (blurValue > 0) {
    ctx.filter = `blur(${blurValue}px)`;
  }

  // Draw the original image onto the canvas. The filter will be applied during this step.
  // We draw the image slightly offset and smaller to prevent edge artifacts that can
  // sometimes occur with canvas filters, then scale it back up.
  // However, for simplicity and common use cases, a direct draw is fine.
  ctx.drawImage(originalImg, 0, 0);

  // Return the canvas element
  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

Image Soft Program is an online tool that allows users to apply a softening or blur effect to images. This tool can be useful for enhancing photographs, creating artistic effects, reducing sharpness in images, or preparing images for presentations where a softer appearance is desired. Users can specify the intensity of the blur effect, providing flexibility to achieve the desired outcome. Whether for personal, educational, or professional use, this tool helps to easily modify images to suit various aesthetic needs.

JavaScript Code (For Advanced Users)

Free Image Tool Creator

Description

Leave a Reply Cancel reply

Other Image Tools: