Ridimensiona immagine in percentuale

Lei fornisce la larghezza e l'altezza originali più la percentuale, e lo strumento restituisce le dimensioni risultanti arrotondate a pixel interi, insieme al numero finale di megapixel. È pura aritmetica: nessuna immagine viene caricata, elaborata o archiviata, quindi funziona istantaneamente nel Suo browser e in modo identico tramite l'API quando Le serve all'interno di uno script di build, di una pipeline di miniature o di un calcolo di layout che deve conoscere l'esatto riquadro che un'immagine occuperà prima ancora che esista.

Perché il ridimensionamento in percentuale è ingannevolmente semplice

Scalare un'immagine a una percentuale sembra una semplice moltiplicazione, ma sono i dettagli a decidere se il Suo layout si romperà. Ogni lato deve essere scalato indipendentemente e arrotondato a un pixel intero, perché non esistono 640,5 pixel. Arrotondando 1920 al 33 percento in modo ingenuo si ottiene 633,6, che nessun motore di rendering accetta; questo calcolatore restituisce 634. La regola di arrotondamento conta soprattutto sulle immagini piccole: ridurre un'icona di 11 pixel al 15 percento dà 1,65 pixel, e la risposta onesta è 2, non un 1 troncato che distorcerebbe silenziosamente le proporzioni. Ottenere questi numeri prima di toccare l'immagine Le permette di preallocare la dimensione corretta della tela in un lavoro di miniature, di scrivere gli attributi width e height corretti nel Suo HTML affinché la pagina non si ridisponga al caricamento dell'immagine, e di verificare che un ridimensionatore batch abbia prodotto ciò che aveva richiesto. Lo strumento ridimensiona immagine in percentuale esegue esattamente questo calcolo, in modo deterministico, così la risposta che vede nel browser è identica, byte per byte, a quella che l'API restituisce al Suo codice.

Come funziona il calcolo

La formula è una riga per dimensione: il nuovo lato è uguale al lato originale moltiplicato per la percentuale e diviso per cento, arrotondato al pixel intero più vicino. Una percentuale di 50 dimezza l'immagine, 100 la lascia invariata e 250 la ingrandisce di due volte e mezza. Sia la larghezza che l'altezza usano lo stesso fattore, ed è ciò che preserva le proporzioni, a parte l'inevitabile errore di arrotondamento sub-pixel quando i pixel interi non possono esprimere il rapporto esatto. Il risultato include anche il numero di megapixel dell'output, che è il valore che realmente prevede la dimensione del file e il costo in memoria: scalare al 50 percento non dimezza i pixel, li riduce a un quarto, perché l'area cresce con il quadrato dei lati. La percentuale deve essere positiva; zero o un valore negativo viene rifiutato come input non valido invece di produrre silenziosamente un'immagine a dimensione zero, e un lato calcolato non può mai scendere sotto un pixel. Ogni esempio di questa pagina è stato generato eseguendo il gestore reale, quindi ciò che legge è ciò che ottiene.

Dove si inserisce in un flusso di lavoro reale

Gli sviluppatori front-end lo usano per calcolare le voci srcset responsive: da un'immagine master di 2400 pixel, le varianti al 25, 50 e 75 percento risultano di 600, 1200 e 1800 pixel, e questi numeri finiscono direttamente nel markup. I designer lo usano quando un cliente chiede una foto al 30 percento per una newsletter e qualcuno deve confermare che il risultato rispetti ancora la larghezza minima del modello email. Gli ingegneri backend chiamano l'API all'interno dei controlli di pipeline, confrontando le dimensioni prodotte da un ridimensionatore con quelle che avrebbe dovuto produrre, e facendo fallire il lavoro in caso di discrepanza. Poiché la funzionalità è pura matematica senza gestione di file, eseguirla molte volte non costa nulla: la versione browser di questa pagina è gratuita e illimitata, e l'API addebita solo $0.002 per chiamata quando la automatizza. Se Le serve trasformare i pixel stessi anziché calcolarne le dimensioni, quella è una funzionalità diversa; questa esiste affinché la fase di pianificazione sia esatta, veloce ed economica da eseguire su ogni immagine del batch.