CodeKitHub
Italiano
Strumenti immagine

Ridimensiona le immagini online

Modifica le dimensioni delle immagini in pochi secondi: imposta una larghezza esatta in pixel o una percentuale e l'altezza si adeguerà automaticamente per mantenere le proporzioni. Funziona con i formati JPG, PNG e WebP, supporta l'elaborazione in batch e, come per tutti gli strumenti qui presenti, le tue immagini non lasciano mai il tuo browser.

Le proporzioni vengono mantenute automaticamente

    Che cos'è questo strumento?

    Uno strumento di ridimensionamento delle immagini modifica le dimensioni in pixel di un'immagine — a differenza della compressione, che mantiene le dimensioni ma ricodifica il file in modo più efficiente. Il ridimensionamento è ciò di cui hai bisogno quando un modulo richiede "max 800px", un avatar deve essere 256×256, oppure una foto scattata con la fotocamera da 4000px è decisamente eccessiva per una colonna di un blog larga 700px.

    Il downscaling (riduzione delle dimensioni delle immagini) non comporta alcuna perdita visiva e riduce drasticamente le dimensioni del file: dimezzando entrambe le dimensioni, il numero di pixel si riduce del 75%. È supportato anche l'upscaling (ingrandimento), ma non è in grado di ricreare i dettagli: un'immagine allungata risulta sempre leggermente sfocata. Questo strumento mantiene automaticamente le proporzioni, in modo che nulla appaia schiacciato.

    Perché usarlo?

    • Due modalità intuitive: larghezza esatta in pixel (per requisiti specifici) o percentuale (per una riduzione rapida).
    • Formato dell'immagine bloccato automaticamente: niente foto distorte per sbaglio.
    • Se lo desideri, converte anche il formato in uscita (JPG/PNG/WebP).
    • Ridimensiona in blocco decine di immagini con download per singolo file.
    • Locale e privato: non viene caricato nulla, nessun limite di dimensione.

    Come si usa

    1. Trascina le immagini nella casella oppure clicca per selezionarle.
    2. Scegli una modalità: inserisci una larghezza desiderata in pixel o una percentuale.
    3. Se lo desideri, puoi scegliere un formato di output diverso (l'impostazione predefinita mantiene quello originale).
    4. Ogni risultato mostra le nuove dimensioni e la dimensione del file: clicca su "Scarica".

    Esempio

    Input

    camera.jpg — 4032×3024, 3.9 MB, resized to width 1200

    Risultato

    camera-1200x900.jpg — 1200×900, 260 KB

    Il nome del file di output include le nuove dimensioni, in modo che le versioni non vengano mai confuse tra loro.

    Casi d'uso comuni

    • Rispettare i requisiti esatti in termini di pixel indicati in un modulo, nelle specifiche relative all'icona di un'app o nelle linee guida per il caricamento ("l'avatar deve avere dimensioni pari o inferiori a 400×400").
    • Ridimensionare una serie di foto scattate con la fotocamera prima di inserirle in una pagina web, dove gli originali larghi 4000px impiegano molto più tempo del necessario a caricarsi.
    • Preparare una serie di miniature di dimensioni uniformi a partire da una cartella contenente immagini sorgente di dimensioni diverse.
    • Ridurre le dimensioni in pixel di un'immagine prima di incollarla in un documento con limiti rigidi di larghezza della pagina.

    Ridimensionamento vs compressione, e perché l'ordine è importante

    Il ridimensionamento e la compressione riducono entrambi le dimensioni del file, ma agiscono in modi diversi: il ridimensionamento riduce il numero di pixel (un’immagine ridotta del 50% in larghezza e altezza ha il 75% di pixel in meno da memorizzare), mentre la compressione ricodifica gli stessi pixel in modo più efficiente. Se un'immagine è sia di dimensioni eccessive che non compressa, ridimensionarla per prima offre il vantaggio maggiore: ridurre il numero di pixel da 4000px a 1200px elimina molti più dati di quanto potrebbe fare qualsiasi cursore di qualità, e successivamente comprimere l'immagine già ridimensionata elimina l'eccesso rimanente. Anche procedere nell’ordine inverso (prima la compressione, poi il ridimensionamento) funziona, ma ridimensionare per primo significa che la fase di compressione ha meno dati da elaborare, il che la rende leggermente più veloce.

    Perché la modalità percentuale è diversa dal semplice inserimento di una larghezza in pixel inferiore

    La modalità percentuale e quella a larghezza in pixel utilizzano lo stesso calcolo interno — entrambe, in definitiva, calcolano una larghezza di destinazione e un’altezza proporzionale — ma in pratica risolvono problemi diversi. La modalità pixel va utilizzata quando si conosce il numero esatto necessario (ad esempio, se le specifiche indicano 1200px, si digita 1200). La modalità percentuale va utilizzata quando si riduce un intero lotto di immagini con dimensioni originali diverse, ma si desidera che tutte vengano ridimensionate proporzionalmente della stessa quantità : il 50% dimezza in modo uniforme ogni immagine, indipendentemente dal fatto che gli originali avessero una larghezza di 2000px o 6000px, cosa che la modalità pixel non può fare in un unico passaggio su un lotto misto senza distorcere alcune immagini o lasciarne altre inalterate.

    Domande frequenti

    Il ridimensionamento comprometterà la qualità dell'immagine?

    Il downscaling risulta sostanzialmente perfetto: si eliminano pixel che la dimensione di destinazione non è comunque in grado di visualizzare. L'upscaling oltre il 100% non aggiunge dettagli e produce un effetto sfocato; è consigliabile evitarlo, a meno che non sia necessario rispettare un requisito di dimensione minima.

    Come faccio a impostare un'altezza precisa invece della larghezza?

    Calcola la larghezza che ti permette di ottenere l'altezza desiderata: larghezza = altezza × (larghezza originale ÷ altezza originale). Lo strumento mantiene le proporzioni per impostazione predefinita: l'allungamento libero di larghezza e altezza distorce le foto, cosa che quasi mai è ciò che gli utenti desiderano.

    Quali dimensioni dovrei usare per il web?

    Immagini hero a tutta larghezza: 1600–1920 px. Immagini dei contenuti del blog: 800–1200 px. Miniature: 300–400 px. Avatar: 256 px. In caso di dubbio, scegliere la dimensione massima che il layout visualizzerà effettivamente, quindi comprimere l'immagine.

    Ridimensionare o comprimere: quale delle due opzioni mi serve?

    Entrambe le operazioni riducono le dimensioni del file, ma in modi diversi. Se le dimensioni sono superiori al necessario, ridimensiona prima l'immagine: è la soluzione più efficace. Successivamente, la compressione riduce ulteriormente i byte rimanenti. Il nostro Image Compressor gestisce sia la qualità che la larghezza massima in un unico passaggio, se ciò è adatto alle tue esigenze.

    Le mie immagini vengono caricate durante il ridimensionamento?

    No. Il ridimensionamento avviene sul tuo dispositivo tramite l'API canvas del browser. Una volta caricata la pagina, lo strumento funziona offline.

    Strumenti correlati