Használata
- Az átméretezéshez adja meg az arányt (például 16 és 9), vagy válasszon egy gyakori arányt, majd írjon be egy szélességet vagy magasságot. A rendszer kiszámítja a másik oldalt.
- Egy arány meghatározásához adja meg egy kép, képernyő vagy videó szélességét és magasságát.
- Ellenőrizze az előnézetet, és másolja ki a CSS aspect-ratio szabályt, ha webes elrendezéshez kell.
Hogyan működik
Az arányos átméretezés a magasság = szélesség × arány magassága / arány szélessége képletet használja (és fordítva). A pixelméretek általában egész számok, ezért az eredmény kerekíthető; ha az arány nem osztható pontosan, például 16:9-es aránynál 1000 szélesség esetén a kerekített magasság (563) közeli közelítés, nem pedig pontos egyezés.
Egy méretet úgy egyszerűsítünk, hogy mindkét oldalt elosztjuk a legnagyobb közös osztóval: 1920 és 1080 közös osztója 120, így 16:9-et kapunk. Néhány valós méret nem egyszerűsíthető ismert arányra. Az 1366×768 pontosan 683:384, ami nagyon közel van a 16:9-hez, ezért az eszköz a legközelebbi gyakori arányt is megjeleníti, ha az eltérés 2%-on belül van. Hasonlóképpen a „21:9” monitorok valójában 64:27 (2560×1080) vagy 43:18 (3440×1440) arányúak; a 21:9 marketing elnevezés.
A CSS-ben az aspect-ratio: 16 / 9 azt eredményezi, hogy az elem megtartja ezt a formát a szélesség változásakor is, ami hasznos videóbeágyazásoknál és képhelyőrzőknél, amelyek betöltés közben nem tolhatják el az elrendezést.
Példák
Videó-bélyegkép mérete
Egy 16:9 arányú bélyegképnek, amelynek 1280 pixel szélesnek kell lennie, 720 pixel magasnak kell lennie.
Képernyő képarányának meghatározása
A 2560×1600 8:5 arányra egyszerűsödik, ami megegyezik a 16:10 aránnyal, és laptopokon gyakori.
Álló vágás közösségi médiához
4:5 arány és 1080 szélesség esetén a magasság 1350, egy olyan álló méret, amelyet sok hírfolyam elfogad.
Gyakori kérdések
A 16:9 ugyanaz, mint az 1,78:1?
Igen. 16 ÷ 9 ≈ 1,778, tehát a kettő ugyanazt a formát írja le. A mozis formátumokat gyakran tizedestörtként adják meg, például 2,39:1.
Miért vannak tizedesjegyek az eredményben?
Nem minden szélesség osztható pontosan az aránnyal. Kapcsolja be a kerekítést a pixelméretekhez; az eredmény ekkor a legközelebbi egész pixel, ami a pontos arányhoz képest egy pixel töredékével térhet el.
Működik a CSS aspect-ratio tulajdonság mindenhol?
Az összes jelenlegi főbb böngésző támogatja. Ha egy elemnél a szélesség és a magasság explicit módon is meg van adva, azok elsőbbséget élveznek az aspect-ratio tulajdonsággal szemben.
Adatvédelem
Minden számítás a böngészőjében fut. Semmi sem kerül elküldésre vagy tárolásra.