Cum se folosește
- Pentru a redimensiona, introduceți raportul (de exemplu 16 și 9) sau alegeți unul dintre rapoartele comune, apoi introduceți o lățime sau o înălțime. Cealaltă latură se calculează.
- Pentru a afla un raport, introduceți lățimea și înălțimea unei imagini, a unui ecran sau a unui videoclip.
- Verificați previzualizarea și copiați regula CSS aspect-ratio dacă aveți nevoie de ea pentru un layout web.
Cum funcționează
Redimensionarea proporțională folosește formula înălțime = lățime × înălțimea raportului ÷ lățimea raportului (și invers). Dimensiunile în pixeli sunt de obicei numere întregi, astfel încât rezultatul poate fi rotunjit; când un raport nu se împarte exact, cum este 16:9 la o lățime de 1000, înălțimea rotunjită (563) este o aproximare apropiată, nu o potrivire exactă.
O dimensiune se simplifică împărțind ambele laturi la cel mai mare divizor comun al lor: 1920 și 1080 au divizorul comun 120, obținându-se 16:9. Unele dimensiuni reale nu se reduc la un raport familiar. 1366×768 este exact 683:384, care este foarte aproape de 16:9, astfel încât instrumentul afișează și cel mai apropiat raport comun atunci când diferența este sub 2 %. De asemenea, monitoarele „21:9” sunt de fapt 64:27 (2560×1080) sau 43:18 (3440×1440); 21:9 este o denumire de marketing.
În CSS, aspect-ratio: 16 / 9 face ca un element să își păstreze forma pe măsură ce lățimea se modifică, ceea ce este util pentru încorporări video și spații rezervate pentru imagini care nu ar trebui să deplaseze layout-ul în timpul încărcării.
Exemple
Dimensiunea unei miniaturi video
O miniatură 16:9 care trebuie să aibă lățimea de 1280 de pixeli are nevoie de o înălțime de 720 de pixeli.
Identificarea raportului unui ecran
2560×1600 se simplifică la 8:5, ceea ce este echivalent cu 16:10, un raport comun la laptopuri.
Decupare portret pentru social media
Cu un raport de 4:5 și o lățime de 1080, înălțimea este 1350, o dimensiune portret acceptată de multe feeduri.
Întrebări frecvente
Este 16:9 același lucru cu 1,78:1?
Da. 16 ÷ 9 ≈ 1,778, așadar cele două descriu aceeași formă. Formatele de cinema sunt adesea exprimate ca numere zecimale, de exemplu 2,39:1.
De ce rezultatul meu are zecimale?
Nu orice lățime se împarte exact la raport. Activați rotunjirea pentru dimensiunile în pixeli; rezultatul este apoi cel mai apropiat pixel întreg, care poate fi la o fracțiune de pixel distanță de raportul exact.
Proprietatea CSS aspect-ratio funcționează peste tot?
Este acceptată în toate browserele majore actuale. Dacă un element are atât lățimea, cât și înălțimea setate explicit, acestea au prioritate față de aspect-ratio.
Confidențialitate
Toate calculele rulează în browser. Nimic nu este trimis sau stocat.