Kalkulator i raportit të pamjes

Si ta përdorësh kalkulatorin e raportit të pamjes

1. Zgjidh një nga Raportet e zakonshme (16:9, 4:3, 21:9, 1:1, 9:16, 3:2, 16:10, 4:5), ose shkruaj vlerat e tua te Raporti ose madhësia origjinale. Mund të japësh një raport (16 dhe 9) ose përmasat reale të një imazhi, videoje apo ekrani (1920 dhe 1080).
2. Lexo rezultatet: Raporti i thjeshtuar, Raporti dhjetor (gjerësia pjesëtuar me lartësinë), Orientimi dhe formati Standardi më i afërt. Shenja “≈” do të thotë se madhësia jote është afër atij standardi, por jo saktësisht e njëjtë me të.
3. Te Madhësia e re (ruan raportin) shkruaj një Gjerësi të re për të marrë lartësinë përkatëse, ose një Lartësi të re për të marrë gjerësinë. Rreshti poshtë tregon llogaritjen. Çaktivizo Rrumbullako në piksele të plota kur të duhet vlera e saktë, për shembull për përmasa printimi në milimetra.
4. Këmbe gjerësinë me lartësinë e kthen një raport horizontal në vertikal (16:9 bëhet 9:16) dhe anasjelltas.
5. Pamja paraprake vizaton një kuti me raportin tënd, ndërsa tabela rendit madhësinë e çdo raporti të zakonshëm me gjerësinë tënde të re.
6. Kopjo Kodin CSS me butonin Kopjo.

Si funksionon llogaritja

Raporti i pamjes është gjerësia pjesëtuar me lartësinë, i shkruar si dy numra të plotë. Për ta thjeshtuar, mjeti i pjesëton të dy anët me pjesëtuesin e tyre më të madh të përbashkët (PMP): PMP i 1920 dhe 1080 është 120, prandaj 1920:1080 = 16:9. Vlerat dhjetore shumëzohen më parë me një fuqi të 10-it (2,39:1 bëhet 239:100).

Për të ndryshuar madhësinë duke ruajtur përpjesëtimet përdoret rregulla e tre:

• lartësia e re = gjerësia e re × lartësia origjinale ÷ gjerësia origjinale
• gjerësia e re = lartësia e re × gjerësia origjinale ÷ lartësia origjinale

Shembull: një video 16:9 me gjerësi 1280 px ka lartësi 1280 × 9 ÷ 16 = 720 px.

Disa ekrane kanë raporte “të çuditshme”. Një laptop 1366 × 768 thjeshtohet në 683:384, pra 1,779:1, vetëm pak larg nga 16:9 (1,778:1), prandaj shfaqet “≈ 16:9”. Monitorët që shiten si 21:9 janë në fakt 64:27 (2560 × 1080) ose 43:18 (3440 × 1440), e për këtë arsye të dy shfaqen në tabelë.

Vetia CSS aspect-ratio

aspect-ratio: 16 / 9; i thotë shfletuesit të llogarisë përmasën që mungon: me width: 100%, lartësia vjen vetvetiu dhe kutia zmadhohet a zvogëlohet bashkë me kontejnerin e saj. Funksionon në çdo shfletues të sotëm (që nga viti 2021) dhe është ideale për video të ngulitura, karta, vendmbajtës imazhesh dhe miniatura. Kombinoje me object-fit: cover te imazhet që t’i presësh në vend që t’i shtrembërosh.

Kodi përfshin edhe teknikën e vjetër me padding-top si zgjidhje rezervë: një padding në përqindje llogaritet nga gjerësia, kështu padding-top: 56.25% (9 ÷ 16) rezervon një zonë 16:9, dhe përmbajtja vendoset absolutisht brenda saj. Të duhet vetëm për shfletues shumë të vjetër.

Rezervimi i hapësirës me një raport ndihmon gjithashtu të shmangen lëvizjet e faqes gjatë ngarkimit të imazheve dhe videove, gjë që përmirëson treguesin Cumulative Layout Shift (CLS).