SOTER-RESIZER

www.soter.fun → Resizer

Resize images for X and Dexscreener in one click.

Tools

Tool	Output Size	Use Case
Resize my PFP	500×500	Profile pictures
Resize my Banner	1500×500	X banners, Dexscreener headers

Resize Algorithm

Center "cover crop" with high-quality downsampling:

function drawCoverCrop(
  ctx: CanvasRenderingContext2D,
  source: ImageBitmap,
  targetW: number,
  targetH: number
) {
  const sw = source.width;
  const sh = source.height;
  const targetRatio = targetW / targetH;
  const sourceRatio = sw / sh;

  let sx = 0, sy = 0;
  let sWidth = sw, sHeight = sh;

  if (sourceRatio > targetRatio) {
    // Source too wide → crop left/right
    sWidth = Math.round(sh * targetRatio);
    sx = Math.round((sw - sWidth) / 2);
  } else if (sourceRatio < targetRatio) {
    // Source too tall → crop top/bottom
    sHeight = Math.round(sw / targetRatio);
    sy = Math.round((sh - sHeight) / 2);
  }

  ctx.imageSmoothingEnabled = true;
  ctx.imageSmoothingQuality = 'high';
  ctx.drawImage(source, sx, sy, sWidth, sHeight, 0, 0, targetW, targetH);
}

Export

async function exportAsJpeg(canvas: HTMLCanvasElement, quality = 0.92) {
  return new Promise<Blob>((resolve) => {
    canvas.toBlob((blob) => resolve(blob!), 'image/jpeg', quality);
  });
}

function downloadBlob(blob: Blob, filename: string) {
  const url = URL.createObjectURL(blob);
  const a = document.createElement('a');
  a.href = url;
  a.download = filename;
  a.click();
  URL.revokeObjectURL(url);
}

How It Works

1. Import: upload any image.

2. Resize: click "Resize" — SOTER crops and scales to the exact ratio.

3. Download: get a perfectly sized JPG, ready to upload.