Ridimensionatore di Immagini
Scegli un'immagine e ridimensionala a una larghezza e altezza esatte oppure per percentuale. L'immagine viene elaborata interamente nel tuo browser con l'API Canvas — non viene mai caricata su un server.
Ridimensiona un'immagine senza caricarla da nessuna parte
Questo strumento carica la tua immagine in un <img>, legge le sue dimensioni reali in pixel
da naturalWidth/naturalHeight, poi la
disegna su un <canvas> con la larghezza e
l'altezza che scegli usando ctx.drawImage(img, 0, 0, nuovaL, nuovaH). Il canvas
gestisce il ricampionamento, e canvas.toBlob()
trasforma il risultato in un file scaricabile — ogni passaggio
avviene dentro la tua scheda del browser, così una foto privata
non deve mai lasciare il tuo dispositivo solo per essere
ridimensionata.
Esempio pratico
Supponiamo che la tua foto originale sia 1200 × 800 px. Scrivi 50 nel campo percentuale ed entrambi i campi si aggiornano istantaneamente a 600 × 400 px — esattamente la metà in ogni direzione, perché la scalatura percentuale applica lo stesso fattore a entrambe le dimensioni. Preferisci una dimensione esatta? Non serve cambiare altro — con "Blocca rapporto d'aspetto" attivo, scrivere 600 solo nel campo larghezza calcola automaticamente un'altezza di 400 (600 × 800/1200 = 400), così l'immagine ridimensionata mantiene le sue proporzioni originali senza calcoli manuali.
Domande frequenti
L'immagine viene caricata su un server?
No. Il file viene letto localmente con l'API FileReader del browser, disegnato su un elemento <canvas> nella pagina, e la versione ridimensionata viene generata con canvas.toBlob() — tutto avviene sul tuo dispositivo. Niente viene inviato a un server, quindi non c'è nessun caricamento, nessuna attesa, e nessun pensiero per le foto private.
Perché larghezza e altezza cambiano insieme?
Quando "Blocca rapporto d'aspetto" è selezionato, modificare una dimensione ricalcola l'altra usando il rapporto dell'immagine originale, così il risultato non esce mai deformato. Deselezionalo se vuoi deliberatamente un rapporto diverso — ad esempio per forzare una miniatura quadrata da una foto panoramica.
Qual è la differenza tra pixel esatti e il campo percentuale?
Entrambi guidano lo stesso ridimensionamento, solo da punti di partenza diversi. I pixel esatti ti permettono di puntare a una dimensione specifica, come 800×600 per la foto di un annuncio. Il campo percentuale scala entrambe le dimensioni dello stesso fattore in un solo passaggio — 50% dimezza istantaneamente larghezza e altezza — il che è più rapido quando non ti interessa il conteggio esatto dei pixel finali.
Il ridimensionamento riduce la qualità dell'immagine?
Rimpicciolire un'immagine (downscaling) di solito viene bene — il renderer canvas del browser smussa i pixel durante il ricampionamento. Ingrandire un'immagine (upscaling) non può inventare dettagli che non c'erano, quindi le foto sorgente molto piccole risulteranno più sfocate se ingrandite. Per i risultati migliori, parti sempre dall'originale più grande che hai.