Ridimensionatore Immagine
Ridimensionare le immagini a dimensioni esatte o in percentuale. Scegliere tra preset per social media o impostare dimensioni personalizzate.
Dimensione originale
Nuova dimensione
AggiornatoInformazioni su questo strumento
Il ridimensionamento delle immagini è una delle operazioni più comuni nei flussi di lavoro dei media digitali, e farlo correttamente fa la differenza tra un risultato professionale e un disastro pixelato. Che si stia ottimizzando immagini per un caricamento web più veloce, rispettando i requisiti dimensionali rigorosi delle piattaforme social, preparando file ad alta risoluzione per la produzione di stampa, o comprimendo foto di grandi dimensioni per rientrare nei limiti degli allegati email, un ridimensionamento corretto garantisce che i contenuti visivi appaiano nitidi a qualsiasi dimensione. Nella sua essenza, il ridimensionamento modifica le dimensioni in pixel di un'immagine — il numero di singoli punti di colore che compongono l'immagine. Una foto da 4000 x 3000 pixel contiene 12 milioni di pixel (12 megapixel). Ridurla a 1200 x 900 scarta circa il 91 percento di quei pixel, ecco perché l'algoritmo di ricampionamento è così importante. L'algoritmo decide come miscelare o selezionare i valori dei pixel durante questa trasformazione. DPI (punti per pollice) e PPI (pixel per pollice) descrivono la densità di stampa piuttosto che la dimensione dell'immagine. Un'immagine di 3000 x 2000 pixel stampata a 300 DPI produce una stampa di 25,4 x 16,9 cm, mentre lo stesso file a 72 PPI riempie un'area molto più grande sullo schermo. Questo strumento si concentra sulle dimensioni in pixel, che sono ciò che conta per la visualizzazione digitale, mantenendo intatti i metadati DPI per i flussi di stampa. Il rapporto d'aspetto — la relazione proporzionale tra larghezza e altezza — è fondamentale per evitare la distorsione. Un'immagine widescreen 16:9 stirata in un quadrato 1:1 apparirà compressa. Bloccare il rapporto d'aspetto assicura che modificare una dimensione regoli automaticamente l'altra, preservando le proporzioni originali dell'immagine. L'output è disponibile in PNG (ISO 15948), JPEG (ITU-T T.81) o WebP (IETF RFC 9649), e tutta l'elaborazione avviene localmente — le immagini non lasciano mai il dispositivo.
Come usare
- Caricare l'immagine trascinandola o cliccando per sfogliare. Supporta tutti i formati immagine più comuni.
- Inserire le dimensioni desiderate in pixel o percentuale. Bloccare le proporzioni per mantenerle, o sbloccarle per un ridimensionamento personalizzato.
- Scegliere la modalità di ridimensionamento (adatta, riempi o stira) e fare clic su Scarica per salvare l'immagine ridimensionata nel formato originale.
Metodologia
Il ridimensionamento delle immagini utilizza l'API Canvas HTML con qualità di interpolazione configurabile controllata dalla proprietà imageSmoothingQuality. Ogni algoritmo di ricampionamento serve uno scopo diverso. Il nearest-neighbor copia il valore del pixel più vicino senza miscelazione, producendo bordi netti ideali per pixel art e screenshot. L'interpolazione bilineare calcola la media di un vicinato di 2x2 pixel, creando transizioni più morbide a un costo computazionale moderato. L'interpolazione bicubica campiona una griglia 4x4 usando polinomi cubici, producendo i gradienti più uniformi e la migliore conservazione dei dettagli — questa è l'impostazione predefinita per i contenuti fotografici. Il ricampionamento Lanczos, usato nei software di imaging avanzati, impiega la convoluzione della funzione sinc per risultati ancora più nitidi, sebbene la Canvas API approssimi questo comportamento all'impostazione di qualità "high". Lo strumento ridimensiona attraverso un canvas fuori schermo: l'immagine sorgente viene disegnata su un elemento canvas alle dimensioni target, permettendo al motore di rendering del browser di gestire l'interpolazione subpixel nativamente. Per riduzioni importanti (oltre il 50%), un approccio multi-step disegna l'immagine a dimensioni intermedie per prevenire artefatti di aliasing. I calcoli del rapporto d'aspetto usano semplice matematica proporzionale. L'elaborazione in batch applica impostazioni identiche a più immagini sequenzialmente, generando file scaricabili singoli o un archivio ZIP.
Capire i tuoi risultati
Ingrandire le immagini oltre la loro dimensione originale riduce la qualità perché nessun algoritmo può creare dettagli che non sono mai stati catturati dal sensore della fotocamera. Per i migliori risultati, partire sempre dalla sorgente a risoluzione più alta disponibile. Un ingrandimento 2x (es., da 1000px a 2000px) introduce una morbidezza evidente, mentre qualsiasi cosa oltre 3x mostrerà una pixelazione o sfocatura ovvia a seconda del metodo di interpolazione utilizzato. Quando si riducono le dimensioni, la percentuale mostrata indica quanto sono più piccole le nuove dimensioni rispetto all'originale. Una riduzione del 50% significa metà larghezza e metà altezza, con il risultato di un quarto del conteggio totale dei pixel. Riduzioni maggiori mantengono generalmente un'eccellente qualità visiva perché l'algoritmo ha più dati sorgente con cui lavorare. Mantenere le proporzioni previene la distorsione — se si vedono soggetti allungati o schiacciati, sbloccare e ribloccare le proporzioni per correggerlo. Usare l'interpolazione nearest-neighbor specificamente per pixel art, icone e screenshot dove i bordi netti e duri devono essere preservati. Per fotografie e immagini naturali, usare sempre l'impostazione bicubica (alta qualità) per i gradienti più morbidi e i risultati dall'aspetto più naturale.
La Scienza della Risoluzione delle Immagini
La risoluzione dell'immagine riguarda fondamentalmente la densità delle informazioni—quanti campioni di colore discreti esistono per unità di area. Un'immagine digitale è una griglia bidimensionale di pixel, ciascuno contenente valori di colore (tipicamente 8 bit per canale per rosso, verde e blu, producendo 16,7 milioni di colori possibili). Il conteggio totale dei pixel determina quanti dettagli visivi l'immagine può rappresentare. DPI (punti per pollice) e PPI (pixel per pollice) sono spesso confusi ma servono contesti diversi. Il PPI descrive quanto sono fitti i pixel quando un'immagine viene visualizzata su schermo o stampata. Un'immagine di 3000x2000 a 300 PPI stampa a 25,4x16,9 cm con nitidezza di qualità fotografica. La stessa immagine a 72 PPI stamperebbe a 105,8x70,6 cm ma apparirebbe sfocata a distanza di lettura. La risoluzione dello schermo aggiunge un'altra variabile—un monitor 4K (3840x2160) racchiude più pixel per pollice rispetto a un display 1080p della stessa dimensione fisica, rendendo le immagini più nitide. Quando si ridimensiona, l'algoritmo di ricampionamento deve scartare informazioni sui pixel (riduzione) o inventare nuovi dati attraverso interpolazione matematica (ingrandimento). L'interpolazione bicubica esamina un vicinato di 4x4 pixel e adatta un polinomio cubico per stimare nuovi valori, producendo gradienti morbidi. Il ricampionamento Lanczos usa la convoluzione della funzione sinc per una nitidezza teoricamente ottimale. Il nearest-neighbor copia semplicemente il pixel esistente più vicino, preservando i bordi netti ma creando artefatti a scaletta visibili. I display moderni complicano ulteriormente la pianificazione della risoluzione. Gli schermi Apple Retina usano densità di 2x o 3x, il che significa che un pixel CSS può corrispondere a 4 o 9 pixel fisici. Servire immagini al doppio della dimensione di visualizzazione garantisce nitidezza su questi schermi ad alta densità senza sprecare larghezza di banda sui display standard.
Esempi pratici
Un fotografo deve preparare le immagini per il suo portfolio online. Le foto DSLR originali sono 6000x4000 pixel (24MP). Le ridimensiona a 2400x1600 per la galleria del portfolio e genera miniature 300x200 per la vista a griglia, usando l'interpolazione bicubica per entrambe per mantenere dettagli fluidi. Un social media manager prepara una singola foto prodotto per più piattaforme: 1080x1080 per Instagram, 1200x630 per le condivisioni link di Facebook, e 1280x720 per le miniature YouTube. I pulsanti preset risparmiano tempo e assicurano che i requisiti di ogni piattaforma siano soddisfatti con precisione. Uno sviluppatore web ottimizza le immagini hero per un sito responsive. La versione desktop necessita di 1920x800 pixel, mentre il mobile richiede 768x400. La modalità batch elabora l'intera libreria di immagini in pochi secondi, producendo file di dimensioni uniformi pronti per il deployment.
Consigli e Buone Pratiche
Conservare sempre una copia non modificata dell'immagine originale prima di ridimensionare. Una volta che i pixel vengono scartati durante la riduzione, non possono essere recuperati. Lavorare dal file sorgente più grande disponibile per avere la massima flessibilità. Quando si ridimensiona per il web, puntare alla dimensione di visualizzazione effettiva invece di caricare immagini sovradimensionate e affidarsi al ridimensionamento CSS. Un contenitore da 600px necessita solo di un'immagine da 600px (o 1200px per display Retina). Questo riduce significativamente i tempi di caricamento e migliora l'esperienza utente. Per operazioni in batch, testare le impostazioni su una singola immagine prima per confermare che l'output soddisfi i propri standard di qualità. Usare la modalità percentuale quando occorre ridurre tutte le immagini nella stessa proporzione, e la modalità pixel quando servono dimensioni di output uniformi indipendentemente dalle dimensioni originali.
Tutti i calcoli vengono eseguiti localmente nel tuo browser. Nessun dato viene inviato a un server.