function processImage(originalImg, targetAspectRatio = 2.55) {
// Ensure the target aspect ratio is a valid number
const ratio = parseFloat(targetAspectRatio);
if (isNaN(ratio) || ratio <= 0) {
console.error("Invalid target aspect ratio provided.");
return null;
}
const canvas = document.createElement('canvas');
const ctx = canvas.getContext('2d');
// Handle natural dimensions of the image
const width = originalImg.naturalWidth || originalImg.width;
const height = originalImg.naturalHeight || originalImg.height;
// To preserve the visual size without losing or adding an excessive amount of pixels,
// we keep the total pixel area consistent and calculate the new width and height accordingly.
const area = width * height;
// newHeight = sqrt(Area / Ratio)
// newWidth = newHeight * Ratio
const newHeight = Math.round(Math.sqrt(area / ratio));
const newWidth = Math.round(newHeight * ratio);
canvas.width = newWidth;
canvas.height = newHeight;
// Draw the image stretched to the new dimensions
ctx.drawImage(originalImg, 0, 0, newWidth, newHeight);
return canvas;
}This tool converts images to a specific 2.55:1 aspect ratio by stretching the visual content to fit the new dimensions. It calculates new width and height parameters based on the original image’s pixel area to maintain consistent scale while adjusting the ratio. This is useful for creators working with cinematic ultra-wide formats or specific display requirements that necessitate a 2.55:1 aspect ratio.