Calcolatrice di ridimensionamento immagini

Scala larghezza, altezza o percentuale bloccando il rapporto. Ridimensiona 1920×1080 a 800 px di larghezza per altezza 450, e vedi quando 801 px introduce deriva.

01 calcolatrice

I risultati si aggiornano mentre digiti. Ctrl/Cmd+Invio copia il risultato principale.

Risultato

    Mostra il procedimento

      La Calcolatrice di ridimensionamento immagini scala le dimensioni in pixel per nuova larghezza, nuova altezza, percentuale o un lato massimo, mantenendo il rapporto d'aspetto salvo che l'arrotondamento forzi un compromesso di un pixel. Riporta il fattore di scala, il rapporto risultante, il conteggio megapixel e una stima grezza della dimensione non compressa a 24 bit. Quando l'arrotondamento cambia il rapporto ridotto, compare un avviso di deriva con l'altezza frazionaria esatta prima dell'arrotondamento.

      Tutti i calcoli avvengono nel browser. Niente di ciò che inserisci viene inviato a un server.

      Ridimensionare un'immagine a una nuova larghezza

      Concept diagram: Input leads to Ridimensionare un'immagine a una nuova larghezza leads to RisultatoInputRidimensionareun'immagine a una nuovalarghezzaRisultato
      Ridimensionare un'immagine a una nuova larghezza.

      Inserisci larghezza e altezza originali, poi una larghezza obiettivo in pixel. Il fattore di scala è la nuova larghezza divisa per la larghezza originale. L'altezza corrispondente è l'altezza originale moltiplicata per quella scala, arrotolata a un pixel intero. Il dimensionamento guidato dalla larghezza si adatta alle colonne web che fissano una larghezza di contenuto e lasciano seguire l'altezza al rapporto bloccato.

      scale = new_width ÷ original_width
      new_height = round(original_height × scale)

      Scegliere la larghezza è il percorso comune per i layout web che fissano una larghezza di colonna e lasciano seguire l'altezza. La calcolatrice non ricampiona i dati dell'immagine; calcola solo il riquadro pixel obiettivo. Il ricampionamento vero avviene in un editor o in una pipeline di build che legge questi numeri.

      Ridimensionare un'immagine a una nuova altezza

      Concept diagram: Input leads to Ridimensionare un'immagine a una nuova altezza leads to RisultatoInputRidimensionareun'immagine a una nuovaaltezzaRisultato
      Ridimensionare un'immagine a una nuova altezza.

      La modalità altezza obiettivo rispecchia la modalità larghezza per gli slot che vincolano il lato verticale. La scala è la nuova altezza divisa per l'altezza originale, e la nuova larghezza è la larghezza originale moltiplicata per quella scala, poi arrotolata. Usala per una fascia hero con altezza massima, o qualsiasi fotogramma bloccato sul lato corto, guidando una sola dimensione.

      scale = new_height ÷ original_height
      new_width = round(original_width × scale)

      Usa la modalità altezza quando uno slot verticale è fisso, come una fascia hero con altezza massima, o quando si allinea un fotogramma vincolato sul lato corto. Mescolare una larghezza forzata e un'altezza forzata che non concordano con il rapporto originale è come nasce la distorsione; questo strumento la evita accettando un lato guidato alla volta nelle modalità proporzionali.

      Scalare un'immagine di una percentuale

      Scale bar: 1 Unità di input equals 2.05 Unità di output1 Unità di input2.05 Unità di output
      Scalare un'immagine di una percentuale.

      La modalità percentuale moltiplica entrambi i lati per lo stesso fattore derivato dalla percentuale scelta. Il cinquanta percento dimezza ogni dimensione; il duecento percento le raddoppia. L'area scala con il quadrato di quel fattore, quindi una riduzione del cinquanta percento lascia circa un quarto dei pixel originali, rilevante quando si stima il peso del file dopo l'export.

      PercentualeSignificato
      25%Un quarto della dimensione lineare
      50%Metà della dimensione lineare
      100%Invariato
      150%1,5× la dimensione lineare
      200%Doppia dimensione lineare

      L'area scala con il quadrato della percentuale. Una riduzione del 50 percento lascia circa il 25 percento dei pixel. Ingrandire oltre il 100 percento non inventa dettaglio reale; allunga solo i pixel esistenti, ecco perché partire da un originale più grande di solito rende meglio che ingrandire un export piccolo.

      Adattare un'immagine entro una dimensione massima

      Concept diagram: Input leads to Adattare un'immagine entro una dimensione massima leads to RisultatoInputAdattare un'immagineentro una dimensionemassimaRisultato
      Adattare un'immagine entro una dimensione massima.

      La modalità dimensione massima vincola il lato più lungo a un limite in pixel scelto e scala il lato più corto dello stesso fattore. La modalità adattamento in un riquadro prende una larghezza massima e un'altezza massima e sceglie la scala che entra in entrambe. Miniature e limiti di upload CMS spesso richiedono uno di quei comportamenti così l'immagine non supera mai un rettangolo senza ritaglio.

      Il letterbox in un player è una scelta di visualizzazione successiva; la calcolatrice riporta solo la dimensione pixel adattata.

      Ridimensionare 1920x1080 a 800 pixel di larghezza

      Concept diagram: Input leads to Ridimensionare 1920x1080 a 800 pixel di larghezza leads to RisultatoInputRidimensionare1920x1080 a 800 pixeldi larghezzaRisultato
      Ridimensionare 1920x1080 a 800 pixel di larghezza.

      Il Full HD scalato a 800 pixel di larghezza è l'esempio pulito in cui l'altezza cade su un intero. Il fattore di scala è 800 ÷ 1920, circa 0,416667, e 1080 volte quella scala fa esattamente 450. Il risultato 800×450 mantiene il rapporto 16:9 senza avviso di deriva, il percorso felice quando una larghezza web divide la sorgente in modo pulito.

      1. Fattore di scala. 800 ÷ 1920 = 0.4166… ≈ 0.416667

      2. Altezza prima dell'arrotondamento. 1080 × (800 ÷ 1920) = 450 exactly

      3. Risultato. 800×450

      Il rapporto ridotto resta 16:9, allineato all'originale. I megapixel scendono da circa 2,07 MP a 0,36 MP. Poiché 450 è un intero, non compare alcun avviso di deriva. Questo è il percorso felice a cui mira la Calcolatrice di ridimensionamento immagini quando le larghezze web dividono la sorgente in modo pulito.

      Evitare la distorsione dall'arrotondamento

      Number line from 0 to 100 with the value 49 marked025507510049
      Evitare la distorsione dall'arrotondamento.

      Le griglie di pixel sono intere. Quando l'altezza originale per la scala non è un intero, l'arrotondamento al pixel più vicino spinge il rapporto effettivo lontano dalla sorgente. Il motore segnala quella deriva, mostra l'altezza frazionaria esatta e avvisa quando la coppia ridotta w:h non corrisponde più. La larghezza 801 su una sorgente 1920×1080 è l'esempio che attiva l'avviso.

      Esempio: 1920×1080 a larghezza 801.

      scale = 801 ÷ 1920 = 0.4161875
      exact height = 1080 × 801 ÷ 1920 = 450.5625
      rounded height = 451

      Il riquadro di output è 801×451. Il rapporto originale 16:9 non corrisponde più al rapporto ridotto di 801×451, quindi viene sollevato un avviso. Un pixel sembra piccolo; accumulato su una galleria di larghezze miste produce jitter visibile e complica il CSS che si aspetta un rapporto bloccato.

      Le mitigazioni usate nelle pipeline di produzione includono scegliere larghezze che dividono in modo uniforme, letterboxare su un canvas a rapporto bloccato, o consentire un ritaglio di un pixel su un lato. La calcolatrice porta in superficie il problema; scegliere una politica resta una decisione editoriale.

      Scegliere le dimensioni per usi comuni

      Concept diagram: Input leads to Scegliere le dimensioni per usi comuni leads to RisultatoInputScegliere le dimensioniper usi comuniRisultato
      Scegliere le dimensioni per usi comuni.

      Le dimensioni obiettivo variano per canale e le regole delle piattaforme cambiano, quindi tratta le cifre sotto come default di pianificazione. Le immagini blog stanno spesso vicino a 800 fino a 1200 pixel di larghezza, gli hero servono più margine, le miniature si adattano con un tetto di dimensione massima, e la stampa a 300 DPI converte dai pollici fisici. Esporta una volta dall'originale pulito più grande, poi riduci.

      UsoLarghezza tipicaNote
      Immagine inline blog800 to 1200 pxBilancia peso e nitidezza
      Hero sito1600 to 2400 pxSpesso ritagliato; fornisci margine
      Miniatura150 to 400 pxLa modalità dimensione massima si adatta bene
      Post social orizzontaleclasse 1200 pxConferma il rapporto attuale della piattaforma
      Story / verticale socialclasse 1080×1920Sorgente 9:16 preferita
      Intestazione email600 to 800 pxImmagini pesanti danneggiano i client
      Stampa a 300 DPIpollici × 300Conteggio pixel dalla dimensione fisica

      Esporta dall'originale pulito più grande disponibile, poi riduci. Cicli di salvataggio ripetuti su formati con perdita accumulano artefatti; calcola il riquadro pixel finale una volta, poi codifica.

      Domande frequenti

      Come si ridimensiona per larghezza senza stirare?

      Moltiplica l'altezza originale per la scala new_width ÷ original_width, poi arrotonda a un pixel intero. Non impostare l'altezza in modo indipendente a un valore che rompe il rapporto. Per 1920×1080 a larghezza 800, l'altezza diventa 450.

      Che dimensione è 1920×1080 scalato a 800 px di larghezza?

      800×450. La scala è 800 ÷ 1920, e 1080 × quella scala è esattamente 450, quindi il rapporto 16:9 è preservato.

      Perché la larghezza 801 avvisa sulla deriva?

      1080 × 801 ÷ 1920 = 450,5625, che arrotonda a 451. Il riquadro 801×451 non si riduce più a 16:9, quindi la calcolatrice avvisa che l'arrotondamento ha cambiato il rapporto d'aspetto.

      Cosa fa scalare del 50 percento?

      Sia la larghezza sia l'altezza sono moltiplicate per 0,5 e arrotolate. Un'immagine 1920×1080 diventa 960×540. L'area in pixel scende a circa un quarto dell'originale.

      Come funziona il dimensionamento a dimensione massima?

      Il lato più lungo è impostato al massimo, e il lato più corto scala dello stesso fattore. Un'immagine 1920×1080 con massimo 800 diventa 800×450, perché la larghezza era il lato più lungo.

      Questo strumento ricampiona il file immagine?

      No. Calcola le dimensioni obiettivo e i metadati correlati. Applicare quelle dimensioni ai dati pixel richiede un editor di immagini, uno script o un CDN che esegue il ricampionamento.

      Cos'è la deriva di arrotondamento?

      La deriva di arrotondamento è il piccolo cambiamento di rapporto introdotto quando una dimensione proporzionale è arrotolata a un pixel intero. Uno spostamento di un pixel può cambiare la coppia ridotta w:h ed è segnalato esplicitamente quando succede.

      Come si calcolano i megapixel?

      I megapixel sono width × height ÷ 1,000,000 per il riquadro risultato. La stima non compressa a 24 bit assume tre byte per pixel senza compressione, che sovrastima le dimensioni reali di file JPEG o PNG ma aiuta a confrontare i buffer grezzi.

      Si deve usare l'ingrandimento oltre il 100 percento?

      Solo quando non esiste una sorgente più grande. L'ingrandimento aumenta il conteggio pixel senza aggiungere dettaglio vero. Preferisci scattare o esportare un originale più grande, poi ridurre alla dimensione di visualizzazione.

      Il rapporto d'aspetto è spiegato qui in profondità?

      La conservazione del rapporto è dichiarata e la deriva è diagnosticata. La riduzione con massimo comun divisore e gli standard nominati sono documentati sulla Calcolatrice del rapporto d'aspetto per evitare insegnamento duplicato tra le pagine.

      Riepilogo

      La Calcolatrice di ridimensionamento immagini scala le dimensioni per larghezza, altezza, percentuale o lato massimo tenendo traccia del fattore di scala e del rapporto risultante. Ridimensionare 1920×1080 a 800 px di larghezza produce altezza 450 px con 16:9 intatto; la larghezza 801 arrotonda l'altezza a 451 e attiva un avviso di deriva perché 450,5625 non è un intero.

      Lo strumento dimensiona solo il riquadro pixel; ricampionare l'immagine vera resta un passo separato in un editor o in una pipeline.