Utilia
Kategooriad ▾
Keel: et ▾

Kuvasuhte kalkulaator

Kuvasuhte kalkulaator lihtsustab laiuse ja kõrguse, muudab suurust proportsioone säilitades, võrdleb 16:9 ja 4:3 mõõte ning annab CSS aspect-ratio koodi.

Levinud kuvasuhted

Kuvasuhe või algsuurus

Sisesta kuvasuhe (16 ja 9) või tegelikud mõõtmed (1920 ja 1080).

Uus suurus (kuvasuhe säilib)

Sisesta uus laius, et saada kõrgus, või uus kõrgus, et saada laius.

Lihtsustatud kuvasuhe
–
Kuvasuhe kümnendmurruna
–
Orientatsioon
–
Lähim standard
–

Eelvaade

Levinud kuvasuhted

KuvasuheKümnendmurdSuurusTüüpiline kasutus

Kuidas kuvasuhte kalkulaatorit kasutada

  1. Vali üks Levinud kuvasuhetest (16:9, 4:3, 21:9, 1:1, 9:16, 3:2, 16:10, 4:5) või sisesta oma väärtused väljale Kuvasuhe või algsuurus. Sisestada võib kuvasuhte (16 ja 9) või pildi, video või ekraani tegelikud mõõtmed (1920 ja 1080).
  2. Vaata tulemusi: Lihtsustatud kuvasuhe, Kuvasuhe kümnendmurruna (laius jagatud kõrgusega), Orientatsioon ja Lähim standard. Märk „≈“ tähendab, et sinu mõõtmed on standardile väga lähedal, kuid mitte täpselt samad.
  3. Jaotises Uus suurus (kuvasuhe säilib) sisesta Uus laius, et saada sobiv kõrgus, või Uus kõrgus, et saada laius. Allolev rida näitab arvutuskäiku. Võta linnuke maha valikult Ümarda täispiksliteks, kui vajad täpset väärtust, näiteks trükimõõtude jaoks millimeetrites.
  4. Nupp Vaheta laius ja kõrgus muudab rõhtpaigutuse püstpaigutuseks (16:9 saab 9:16) ja vastupidi.
  5. Eelvaade joonistab sinu kuvasuhtega kasti ning tabelis on iga levinud kuvasuhte suurus sinu uue laiuse korral.
  6. Kopeeri CSS-kood nupuga Kopeeri.

Tööriist töötab sinu brauseris. Midagi, mida sisestad, ei saadeta serverisse.

Kuidas arvutus töötab

Kuvasuhe on laiuse ja kõrguse jagatis, mida kirjutatakse kahe täisarvuna. Lihtsustamiseks jagab tööriist mõlemad pooled suurima ühisteguriga (SÜT): arvude 1920 ja 1080 suurim ühistegur on 120, seega 1920:1080 = 16:9. Kümnendmurdudega sisendid korrutatakse enne kümne astmega (2,39:1 muutub kujule 239:100).

Suuruse muutmine proportsioone säilitades on lihtne kolmeliikmeline võrdus:

  • uus kõrgus = uus laius × algkõrgus ÷ alglaius
  • uus laius = uus kõrgus × alglaius ÷ algkõrgus

Näide: 16:9 video, mille laius on 1280 px, on 1280 × 9 ÷ 16 = 720 px kõrge.

Mõnel ekraanil on „ebatavaline“ kuvasuhe. Sülearvuti 1366 × 768 lihtsustub kujule 683:384, see on 1,779:1 ehk vaid pisut 16:9 (1,778:1) kõrval, seega „≈ 16:9“. Monitorid, mida müüakse nimetusega 21:9, on tegelikult 64:27 (2560 × 1080) või 43:18 (3440 × 1440), mistõttu on mõlemad tabelis olemas.

CSS-i omadus aspect-ratio

Deklaratsioon aspect-ratio: 16 / 9; käsib brauseril puuduva mõõtme ise arvutada: kui width: 100%, kujuneb kõrgus automaatselt ja kast skaleerub koos oma konteineriga. See töötab kõigis tänapäevastes brauserites (alates 2021. aastast) ning sobib suurepäraselt videosisestuste, kaartide, pildikohahoidjate ja pisipiltide jaoks. Piltidel kasuta lisaks object-fit: cover, et pilt kärbitaks, mitte ei veniks.

Kood sisaldab varuvariandina ka vanemat padding-top võtet: protsentuaalne padding arvutatakse laiuse põhjal, seega padding-top: 56.25% (9 ÷ 16) reserveerib 16:9 ala ning sisu paigutatakse selle sisse absoluutselt. Seda läheb vaja vaid väga vanade brauserite jaoks.

Ruumi reserveerimine kuvasuhtega hoiab ära ka paigutuse hüplemise piltide ja videote laadimise ajal, mis parandab Cumulative Layout Shift (CLS) näitajat.

Korduma kippuvad küsimused

Mis on 1920 × 1080 kuvasuhe?

16:9. Sama kuvasuhe on ka mõõtudel 1280 × 720, 2560 × 1440 ja 3840 × 2160 (4K UHD).

Millist kuvasuhet kasutada püstvideotel?

Story’de, Reels’i, TikToki ja Shortsi jaoks sobib 9:16 (1080 × 1920). Voogu minevate postituste puhul eelistab Instagram kuvasuhet 4:5 (1080 × 1350).

Kas 16:10 on sama mis 16:9?

Ei ole. 16:10 (1,6:1) on pisut kõrgem kui 16:9 (1,78:1). See on levinud sülearvutitel, näiteks 1920 × 1200 või 2560 × 1600.

Miks ei ole mu uus kõrgus täisarv?

Sest valitud laius ei ole kuvasuhte kordne. 1000 px kuvasuhtega 16:9 annab 562,5 px. Valik Ümarda täispiksliteks ümardab selle 563-le; laiuse valimine 16 kordsena väldib ümardamist täielikult.

Kas suuruse muutmine mõjutab pildi kvaliteeti?

See tööriist arvutab ainult mõõtmeid. Pildi suurendamine üle selle algsete pikslite muudab selle ähmasemaks. Faili tegelikuks suuruse muutmiseks kasuta pildi suuruse muutjat ja sisesta sinna siit saadud arvud.

Seotud tööriistad