Come ridimensionare un’immagine senza deformarla

Mantenere il rapporto larghezza-altezza

Un'immagine 1600 900 ha un rapporto 16:9. Riducendo la sua larghezza a 800 mantenendo le proporzioni dà un'altezza di 450.

Forzare 800 800 senza preservare il rapporto lo allunga. Per riempire un quadrato senza distorsioni, ritagliare il telaio prima o dopo il ridimensionamento.

Riduzione o allargamento

Ridurre le dimensioni riduce il numero di pixel. L'allargamento interpola i pixel esistenti; non può ricreare i dettagli assenti dall'originale.

Le dimensioni dei pixel e dei byte sono misure diverse. Il formato, la qualità e i contenuti dell'immagine influenzano anche la dimensione del file.

1. Caricare un'immagine supportata e verificarne le dimensioni.
2. Abilitare la conservazione aspect-ratio per evitare distorsioni.
3. Immettere la larghezza o l'altezza del bersaglio.
4. Scarica e confronta nitidezza, forma e dimensioni.

Prima della pubblicazione o della stampa

Per un sito web, utilizzare dimensioni adeguate allo spazio di visualizzazione effettivo. Per la stampa, controllare le dimensioni fisiche e la risoluzione richiesta dal processo di stampa.

Mantieni l'originale e controlla bordi, colori e metadati trasparenti: la riesportazione del browser potrebbe alterarli. Il ridimensionamento avviene localmente.

Criteri per la revisione e la consegna del risultato

Inizia con le dimensioni di origine e lo spazio effettivo in cui apparirà la risorsa. Se le loro proporzioni corrispondono, ridurre preservando la forma. Se i rapporti differiscono, scegliere tra il contenuto di ritaglio e lasciare margini. Non forzare le dimensioni indipendenti semplicemente a riempire lo spazio senza controllare la distorsione. Un cerchio, un volto o un logo rivelano rapidamente uno stretching che potrebbe passare inosservato in una texture. La composizione prevista dovrebbe guidare il metodo prima di immettere le dimensioni numeriche.

Per una destinazione quadrata, ritagliare una regione quadrata preservando il soggetto, quindi regolare la quantità di pixel. Ispezionare le scritte e i bordi alla dimensione finale. L'allargamento non produce nuove informazioni, quindi una grande risorsa ha bisogno di una fonte adeguata. Mantieni la versione a più alta risoluzione e registra le misurazioni delle varianti. Se una piattaforma applica il proprio ritaglio al momento del caricamento, ispeziona anche quel risultato per assicurarti di conservare il contenuto che hai conservato. Rivedere le dimensioni dei byte separatamente dalle dimensioni dei pixel e comprimere solo quando richiesto. La preparazione è completa quando sia il download che il posizionamento effettivo mantengono la forma, il contesto e la leggibilità appropriati. Testare la risorsa implementata cattura il comportamento di destinazione che potrebbe essere invisibile in un'anteprima locale autonoma.