Dedicated with ♥ love and devotion to

Alon Y., Daniel B., Denis Z., Tal S., Adi B.
and the rest of the Animation Taskforce 2026

🎯 Image Aligner

Geometric alignment with background-aware color matching

📷 Source Image

Click to upload

🎯 Target Reference

Click to upload

Aligning images...

✨ Visualization


Download Aligned Image

📡 API Usage

POST to /api/align with multipart form data:

// JavaScript (fetch)
const formData = new FormData();
formData.append('source', sourceFile);
formData.append('target', targetFile);
formData.append('pp', '2');  // 0=none, 1=weak, 2=medium, 3=strong

const response = await fetch('/api/align', {
    method: 'POST',
    body: formData
});
const blob = await response.blob();
const url = URL.createObjectURL(blob);

// Or use /api/align/base64 for base64 response:
const response = await fetch('/api/align/base64', {
    method: 'POST',
    body: formData
});
const data = await response.json();
console.log(data.image); // data:image/png;base64,...