Immagini e foto · Ridimensionatore di immagini social
4:5, 0.8 o 1600×2000: tre modi per scrivere le stesse proporzioni
· Sfondo
proporzioni dimensioni dell'immagine ridimensionamento delle immagini
Un rapporto come 4:5, un decimale come 0.8 e una dimensione in pixel come 1600×2000 descrivono tutti la stessa forma e le specifiche li mescolano liberamente. Questo post spiega come effettuare la conversione tra di loro, come ridurre una coppia di dimensioni al rapporto più semplice e dove l'arrotondamento crea confusione.
Tre specifiche, una forma: la confusione concreta quando una fonte dice 4:5, un'altra 0.8 e una terza fornisce pixel
Un brief può descrivere una forma verticale come 4:5, 0.8 o 1600×2000. La prima è una proporzione, la seconda è la larghezza divisa per l'altezza e la terza è una griglia di pixel concreta con quella proporzione. Confondere queste forme può ruotare un ritaglio o produrre dimensioni semplicemente vicine alla forma desiderata.
Social Image Resizer accetta scelte di proporzioni familiari e testo personalizzato come `4:5`, `4/5` o `1.91:1`. Il suo parser restituisce la larghezza divisa per l'altezza, quindi sizeFromRatio combina quel numero con un budget per il lato più lungo per produrre dimensioni intere. L'aritmetica è visibile e testata unitariamente.
Notazione del rapporto: larghezza rispetto all'altezza, perché l'ordine è importante e perché 5:4 e 4:5 sono orientamenti diversi degli stessi numeri
L'ordine del rapporto è prima la larghezza, poi l'altezza. Da quattro a cinque significa un ritratto perché quattro unità di larghezza occupano meno di cinque unità di altezza. Cinque alle quattro è paesaggio. Gli stessi due numeri non descrivono lo stesso orientamento una volta che il loro ordine è invertito.
I rapporti possono essere ridimensionati senza modificare la forma: 4×5, 800×1000 e 1600×2000 si riducono tutti alla stessa relazione. Non contengono una risoluzione di per sé. Un rapporto indica al ritaglio la forma del rettangolo; una coppia di pixel indica al renderer quanti campioni contiene il rettangolo finale.
Forma decimale: divide la larghezza per l'altezza e perché i decimali come 1.78 sono approssimazioni di 16:9
La forma decimale deriva dalla divisione. Quattro diviso per cinque è esattamente 0.8, mentre sedici diviso per nove si ripete ed è comunemente arrotondato in prosa. Un decimale come 1.78 può quindi essere una abbreviazione piuttosto che una sostituzione esatta di 16:9. L'uso della frazione originale evita derive inutili.
Il parser personalizzato di ToolAcre supporta termini decimali su entrambi i lati dei due punti, motivo per cui `1.91:1` è valido. Rifiuta il testo zero e non valido. Il numero JavaScript risultante partecipa ancora alle dimensioni di output dei numeri interi arrotondati, quindi mantieni la notazione richiesta quando è importante la provenienza esatta.
Dai pixel a un rapporto: riduzione di una coppia di dimensioni in base al suo massimo comun divisore e perché accade "quasi 4:5"
Per ridurre le dimensioni dei pixel a un semplice rapporto intero, dividi larghezza e altezza per il loro massimo comun divisore. Per 1600×2000, il divisore è 400, lasciando 4×5. Se una coppia non si riduce al rapporto previsto, confronta la sua larghezza decimale divisa per l'altezza e decidi se l'arrotondamento ha creato la differenza.
Non tutti i rapporti utili presentano una riduzione netta dei piccoli interi dopo l'arrotondamento dell'output. sizeFromRatio arrotonda il bordo più corto calcolato, in modo che un bordo più lungo personalizzato possa produrre una coppia che si avvicina al decimale richiesto. La tela necessita ancora di larghezza e altezza intere positive; i pixel di output frazionari non esistono.
Esempio pratico: ridurre alcune coppie di dimensioni: l'aritmetica e individuare quando una coppia non è esattamente il rapporto affermato
Riduci 1080×1350 del loro massimo comun divisore, 270, per ottenere 4:5. Dividi 1200 per 630 per ottenere circa 1.9048, che l'attuale preimpostazione Open Graph etichetta 1.91:1 come descrizione concisa. Dividi 1584 per 396 e ottieni esattamente 4, corrispondente all'attuale preimpostazione banner etichettato 4:1 LinkedIn.
Questi esempi descrivono le preimpostazioni ToolAcre attuali, non le specifiche di destinazione permanenti. Il loro valore qui è aritmetico. Un revisore può rilevare quando una coppia di dimensioni corrisponde esattamente alla sua etichetta, quando si tratta di una convenzione arrotondata e quando qualcuno ha scambiato accidentalmente l'orientamento.
Parole di orientamento: ritratto, paesaggio, quadrato, verticale e come si mappano sui numeri
Quadrato significa che la larghezza è uguale all'altezza. Ritratto significa che la larghezza è inferiore; orizzontale significa che la larghezza è maggiore. "Verticale" spesso descrive un ritratto alto come 9:16, ma le parole sono meno precise dei numeri. Conservare sempre il rapporto ordinato o la coppia di dimensioni nelle note di produzione.
Le etichette attuali di ToolAcre distinguono Quadrato 1:1, Ritratto 4:5, Ritratto completo 9:16 e Orizzontale 16:9. Queste parole aiutano la navigazione, mentre i valori guidano la geometria. Se uno stakeholder dice solo “ritratto”, chiedi il rapporto o la destinazione invece di indovinare tra diverse forme alte.
Cosa non copre: quale piattaforma utilizza quale rapporto oggi; tratta i numeri qui come esempi aritmetici, non come specifiche
Questo articolo non assegna i rapporti odierni ai prodotti sociali oltre la tabella preimpostata datata. Le piattaforme possono rivedere dimensioni e presentazioni. L'aritmetica rimane valida, ma se una destinazione desidera 4:5 oggi è una domanda esterna sullo stato attuale che deve essere verificata rispetto alle proprie indicazioni.
Inoltre, non afferma che due file con proporzioni uguali abbiano la stessa qualità. Un'immagine 400×500 e un'immagine 1600×2000 condividono la forma ma non il numero di pixel. I dettagli della sorgente, la direzione del ridimensionamento, la codifica e la dimensione di visualizzazione rimangono variabili separate a cui la sola notazione del rapporto non può rispondere.
Conclusione: converti in tutta sicurezza: il Social Image Resizer ti consente di scegliere le proporzioni previste da una piattaforma e di gestire l'aritmetica dei pixel
Traduci la notazione mantenendo i concetti separati: rapporto per forma, decimale per confronto numerico e dimensioni per la griglia di pixel concreta. Utilizzare la riduzione del massimo comune divisore quando le coppie intere lo consentono e prevedere l'arrotondamento quando un rapporto incontra un bordo più lungo intero.
Social Image Resizer esegue l'ultima conversione per rapporti personalizzati e pubblica le dimensioni di output effettive. Controlla la coppia calcolata, preserva il rapporto previsto nelle note di revisione e conferma i requisiti attuali della destinazione. Ciò sostituisce la confusione delle notazioni con un'aritmetica ispezionabile.