יחס גובה-רוחב הוא היחס בין רוחב לגובה. מושג חשוב מאוד בעיצוב תוכן דיגיטלי.
1. יחסי גובה-רוחב עיקריים ושימושם
**16:9 (מסך רחב)**: הנפוץ ביותר, סטנדרט ב-YouTube, טלוויזיה, מסכי PC. Full HD (1920x1080), 4K (3840x2160) ועוד מגיעים ביחס זה. **4:3 (קלאסי)**: משמש בטלוויזיות ישנות, iPad, שקופיות מצגת. **21:9 (קולנוע)**: פופולרי במסכי קולנוע, מסכים אולטרה-וויד. אידיאלי להצגת נופים רחבים. **1:1 (ריבוע)**: משמש בפוסטים ב-Instagram, תמונות פרופיל. **9:16 (אנכי)**: סטנדרט לסמארטפון, Instagram Stories, TikTok.
2. שיטת חישוב יחס גובה-רוחב
יחס גובה-רוחב = רוחב ÷ גובה. לדוגמה, במקרה של 1920x1080 פיקסלים: 1920 ÷ 1080 = 1.777... ≈ 16 ÷ 9 = 1.777... כלומר יחס 16:9. אם היחס ידוע, רוחב = גובה × (יחס רוחב ÷ יחס גובה), גובה = רוחב ÷ (יחס רוחב ÷ יחס גובה) חשב באמצעות הנוסחה.
3. רזולוציה ויחס גובה-רוחב
**Full HD (1920x1080)**: 16:9, רזולוציית וידאו הנפוצה ביותר. **4K UHD (3840x2160)**: 16:9, בדיוק פי 4 פיקסלים מ-Full HD. **QHD/WQHD (2560x1440)**: 16:9, פופולרי במסכי גיימינג. **אולטרה-וויד (3440x1440)**: 21:9, תצוגה קולנועית. **iPad (2048x1536)**: 4:3, סטנדרט טאבלט. יכולות להיות רזולוציות שונות באותו יחס גובה-רוחב.
4. פלטפורמות וידאו ויחסי גובה-רוחב מומלצים
**YouTube**: 16:9 (1920x1080, 3840x2160) הכי טוב. ל-Shorts 9:16 (1080x1920). **Instagram Feed**: 1:1 (1080x1080) או 4:5 (1080x1350). **Instagram Stories/Reels**: 9:16 (1080x1920). **TikTok**: 9:16 (1080x1920). **Facebook**: 16:9 (1200x675) או 1:1 (1200x1200). **Twitter**: 16:9 (1200x675) או 2:1 (1200x600). שימוש ביחס גובה-רוחב נכון לכל פלטפורמה משפר את איכות התצוגה.
5. חשיבות שמירת יחס גובה-רוחב בעיצוב
שינוי גודל מבלי להתאים את יחס גובה-רוחב גורם לתמונה או לוידאו **להתעוות** (distortion). מתרחש **חיתוך** מיותר וחלקים חשובים עשויים להיחתך. בעת העלאה לפלטפורמה נוצרים **letterbox או pillarbox** (פסים שחורים), שנראים רע. שימוש ביחס גובה-רוחב נכון יוצר עיצוב מקצועי.
6. יחס גובה-רוחב ב-CSS ועיצוב רספונסיבי
ב-CSS ניתן לשמור על יחס גובה-רוחב בקלות באמצעות המאפיין `aspect-ratio`. לדוגמה, `aspect-ratio: 16 / 9;` מאפשר להפוך מיכל וידאו ותמונה לרספונסיבי. בשיטה הישנה נעשה שימוש ב-`padding-top: 56.25%;` (9 ÷ 16 × 100 = 56.25%). בדפדפנים מודרניים `aspect-ratio` קל לשימוש וקריא.
7. יחס גובה-רוחב במדיה מודפסת
**4x6 אינץ' (2:3)**: גודל הדפסת תמונה נפוץ. קרוב ליחס 3:2 של DSLR. **5x7 אינץ' (5:7)**: פופולרי במסגרות דיוקן. **8x10 אינץ' (4:5)**: גודל מסגרת קלאסי. **11x14 אינץ' (11:14)**: משמש בהדפסות גדולות. יחס גובה-רוחב של תמונות דיגיטליות (16:9, 4:3) ושל הדפסות עשוי להיות שונה, לכן חתוך לפני ההדפסה.
8. טיפים לחישוב והמרה
**חישוב גובה מרוחב**: גובה = רוחב ÷ (יחס רוחב ÷ יחס גובה). לדוגמה, 16:9 ורוחב 1920px, גובה = 1920 ÷ (16 ÷ 9) = 1080px. **חישוב רוחב מגובה**: רוחב = גובה × (יחס רוחב ÷ יחס גובה). לדוגמה, 4:3 וגובה 768px, רוחב = 768 × (4 ÷ 3) = 1024px. **יחס עשרוני**: 16:9 = 1.78:1, 21:9 = 2.33:1 וכו' ניתן גם להביע בצורה עשרונית. יחסים עשרוניים כמו 2.39:1 נפוצים בתעשיית הקולנוע.