ಶೇಕಡಾವಾರು ಮೌಲ್ಯಗಳನ್ನು ಬಳಸಿಕೊಂಡು ವೆಬ್ ಬ್ರೌಸರ್ಗಳು ಪ್ರದರ್ಶನವನ್ನು ಹೇಗೆ ನಿರ್ಧರಿಸುತ್ತವೆ ಎಂಬುದನ್ನು ತಿಳಿಯಿರಿ
ಪ್ರತಿಕ್ರಿಯಾಶೀಲರಾಗಿರುತ್ತಾರೆ ವೆಬ್ ವಿನ್ಯಾಸದ ಅನೇಕ ವಿದ್ಯಾರ್ಥಿಗಳು ಅಗಲ ಮೌಲ್ಯಗಳಿಗಾಗಿ ಶೇಕಡಾವಾರುಗಳನ್ನು ಬಳಸಿಕೊಂಡು ಕಠಿಣ ಸಮಯವನ್ನು ಹೊಂದಿರುತ್ತಾರೆ. ನಿರ್ದಿಷ್ಟವಾಗಿ ಹೇಳುವುದಾದರೆ, ಬ್ರೌಸರ್ ಆ ಶೇಕಡಾವಾರುಗಳನ್ನು ಹೇಗೆ ಲೆಕ್ಕಾಚಾರ ಮಾಡುತ್ತದೆ ಎಂಬ ಗೊಂದಲವಿದೆ. ಪ್ರತಿಕ್ರಿಯಾಶೀಲರಾಗಿರುತ್ತಾರೆ ವೆಬ್ಸೈಟ್ನಲ್ಲಿ ಅಗಲ ಲೆಕ್ಕಾಚಾರಗಳಿಗೆ ಶೇಕಡಾವಾರು ಹೇಗೆ ಕೆಲಸ ಮಾಡುತ್ತದೆ ಎಂಬುದರ ಬಗ್ಗೆ ವಿವರವಾದ ವಿವರಣೆಯನ್ನು ನೀವು ಕೆಳಗೆ ನೋಡುತ್ತೀರಿ.
ಅಗಲ ಮೌಲ್ಯಗಳಿಗಾಗಿ ಪಿಕ್ಸೆಲ್ಗಳನ್ನು ಬಳಸುವುದು
ನೀವು ಪಿಕ್ಸೆಲ್ಗಳನ್ನು ಒಂದು ಅಗಲ ಮೌಲ್ಯವಾಗಿ ಬಳಸಿದಾಗ, ಫಲಿತಾಂಶಗಳು ತೀರಾ ನೇರವಾಗಿರುತ್ತದೆ. 100 ಸೆಕೆಂಡುಗಳ ಅಗಲಕ್ಕೆ ಡಾಕ್ಯುಮೆಂಟ್ ಹೆಡರ್ನಲ್ಲಿನ ಅಂಶದ ಅಗಲ ಮೌಲ್ಯವನ್ನು ಹೊಂದಿಸಲು ನೀವು ಸಿಎಸ್ಎಸ್ ಅನ್ನು ಬಳಸಿದರೆ, ಆ ಅಂಶವು ವೆಬ್ಸೈಟ್ನ ವಿಷಯ ಅಥವಾ ಅಡಿಟಿಪ್ಪಣಿ ಅಥವಾ ಇತರ ಪ್ರದೇಶಗಳಲ್ಲಿ ನೀವು 100 ಪಿಕ್ಸೆಲ್ಗಳಷ್ಟು ಅಗಲಕ್ಕೆ ಹೊಂದಿಸಿದಂತೆಯೇ ಅದೇ ಗಾತ್ರದ್ದಾಗಿರುತ್ತದೆ. ಪುಟ. ಪಿಕ್ಸೆಲ್ಗಳು ಸಂಪೂರ್ಣ ಮೌಲ್ಯವಾಗಿದೆ, ಆದ್ದರಿಂದ 100 ಪಿಕ್ಸೆಲ್ಗಳು 100 ಪಿಕ್ಸೆಲ್ಗಳು ನಿಮ್ಮ ಡಾಕ್ಯುಮೆಂಟ್ನಲ್ಲಿ ಎಲಿಮೆಂಟ್ ಗೋಚರಿಸದಿದ್ದರೂ ಸಹ. ದುರದೃಷ್ಟವಶಾತ್, ಪಿಕ್ಸೆಲ್ ಮೌಲ್ಯಗಳನ್ನು ಅರ್ಥಮಾಡಿಕೊಳ್ಳಲು ಸುಲಭವಾಗಿದ್ದರೂ, ಅವರು ಪ್ರತಿಕ್ರಿಯಾಶೀಲರಾಗಿರುತ್ತಾರೆ ವೆಬ್ಸೈಟ್ಗಳಲ್ಲಿ ಉತ್ತಮವಾಗಿ ಕಾರ್ಯನಿರ್ವಹಿಸುವುದಿಲ್ಲ.
ಎಥಾನ್ ಮಾರ್ಕೊಟ್ಟೆ ಅವರು "ಪ್ರತಿಕ್ರಿಯಾತ್ಮಕ ವೆಬ್ ವಿನ್ಯಾಸ" ಎಂಬ ಪದವನ್ನು ಸೃಷ್ಟಿಸಿದರು, ಈ ವಿಧಾನವನ್ನು 3 ಪ್ರಮುಖ ಮುಖ್ಯಪಾತ್ರಗಳನ್ನು ಹೊಂದಿರುವಂತೆ ವಿವರಿಸಿದರು:
- ದ್ರವ ಗ್ರಿಡ್
- ದ್ರವ ಮಾಧ್ಯಮ
- ಮಾಧ್ಯಮ ಪ್ರಶ್ನೆಗಳು
ಆ ಮೊದಲ ಎರಡು ಅಂಶಗಳು, ಒಂದು ದ್ರವ ಗ್ರಿಡ್ ಮತ್ತು ದ್ರವ ಮಾಧ್ಯಮವನ್ನು, ಮೌಲ್ಯಗಳನ್ನು ಮೌಲ್ಯಮಾಪನ ಮಾಡಲು, ಪಿಕ್ಸೆಲ್ಗಳ ಬದಲು ಶೇಕಡಾಗಳನ್ನು ಬಳಸುವುದರ ಮೂಲಕ ಸಾಧಿಸಬಹುದು.
ಅಗಲ ಮೌಲ್ಯಗಳಿಗಾಗಿ ಶೇಕಡಾವಾರು ಬಳಸಿ
ಒಂದು ಅಂಶಕ್ಕಾಗಿ ಅಗಲವನ್ನು ಸ್ಥಾಪಿಸಲು ನೀವು ಶೇಕಡಾವಾರುಗಳನ್ನು ಬಳಸಿದಾಗ, ಡಾಕ್ಯುಮೆಂಟ್ನಲ್ಲಿರುವ ಅಂಶದ ಆಧಾರದ ಮೇಲೆ ಅಂಶ ಪ್ರದರ್ಶಿಸುವ ನಿಜವಾದ ಗಾತ್ರವು ಬದಲಾಗುತ್ತದೆ. ಶೇಕಡಾವಾರುಗಳು ಒಂದು ಸಾಪೇಕ್ಷ ಮೌಲ್ಯವಾಗಿದೆ, ಅಂದರೆ ನಿಮ್ಮ ಗಾತ್ರದಲ್ಲಿ ಪ್ರದರ್ಶಿಸಲಾದ ಗಾತ್ರವು ನಿಮ್ಮ ಡಾಕ್ಯುಮೆಂಟ್ನಲ್ಲಿನ ಇತರ ಅಂಶಗಳಿಗೆ ಸಂಬಂಧಿಸಿದೆ.
ಉದಾಹರಣೆಗೆ, ನೀವು ಇಮೇಜ್ನ ಅಗಲವನ್ನು 50% ಗೆ ಹೊಂದಿಸಿದರೆ, ಚಿತ್ರವು ಅದರ ಸಾಮಾನ್ಯ ಗಾತ್ರದ ಅರ್ಧಭಾಗದಲ್ಲಿ ಪ್ರದರ್ಶಿಸುತ್ತದೆ ಎಂದು ಅರ್ಥವಲ್ಲ. ಇದು ಸಾಮಾನ್ಯ ತಪ್ಪು ಕಲ್ಪನೆಯಾಗಿದೆ.
ಒಂದು ಚಿತ್ರ ಸ್ಥಳೀಯವಾಗಿ 600 ಪಿಕ್ಸೆಲ್ಗಳಷ್ಟು ಅಗಲವಾಗಿದ್ದರೆ, ಅದು 50% ರಷ್ಟು ಪ್ರದರ್ಶಿಸಲು ಒಂದು ಸಿಎಸ್ಎಸ್ ಮೌಲ್ಯವನ್ನು ಬಳಸುವುದಾದರೆ ಅದು ವೆಬ್ ಬ್ರೌಸರ್ನಲ್ಲಿ 300 ಪಿಕ್ಸೆಲ್ಗಳ ಅಗಲವಾಗಿರುತ್ತದೆ ಎಂದು ಅರ್ಥವಲ್ಲ. ಈ ಶೇಕಡಾವಾರು ಮೌಲ್ಯವು ಆ ಚಿತ್ರವನ್ನು ಹೊಂದಿರುವ ಅಂಶವನ್ನು ಆಧರಿಸಿದೆ, ಚಿತ್ರದ ಸ್ಥಳೀಯ ಗಾತ್ರವಲ್ಲ. ಕಂಟೇನರ್ (ಇದು ವಿಭಾಗ ಅಥವಾ ಕೆಲವು ಇತರ ಎಚ್ಟಿಎಮ್ಎಲ್ ಎಲಿಮೆಂಟ್ ಆಗಿರಬಹುದು) 1000 ಪಿಕ್ಸೆಲ್ಗಳಷ್ಟು ಅಗಲವಿದೆ, ಆಗ ಆ ಚಿತ್ರವು 50 ಪಿಕ್ಸೆಲ್ಗಳ ಅಗಲದಿಂದ 500 ಪಿಕ್ಸೆಲ್ಗಳಲ್ಲಿ ಪ್ರದರ್ಶಿಸುತ್ತದೆ. ಒಳಗೊಂಡಿರುವ ಅಂಶವು 400 ಪಿಕ್ಸೆಲ್ಗಳಷ್ಟು ವಿಶಾಲವಾಗಿದ್ದರೆ, ಆ ಚಿತ್ರವು 200 ಪಿಕ್ಸೆಲ್ಗಳಲ್ಲಿ ಮಾತ್ರ ಪ್ರದರ್ಶಿಸಲ್ಪಡುತ್ತದೆ, ಏಕೆಂದರೆ ಆ ಮೌಲ್ಯವು 50% ಧಾರಕವಾಗಿದೆ. ಇಲ್ಲಿ ಪ್ರಶ್ನೆಯಲ್ಲಿರುವ ಚಿತ್ರವು 50% ಗಾತ್ರವನ್ನು ಹೊಂದಿದೆ, ಅದು ಒಳಗೊಂಡಿರುವ ಅಂಶವನ್ನು ಸಂಪೂರ್ಣವಾಗಿ ಅವಲಂಬಿಸಿರುತ್ತದೆ.
ನೆನಪಿಡಿ, ಪ್ರತಿಕ್ರಿಯಾಶೀಲರಾಗಿರುತ್ತಾರೆ ವಿನ್ಯಾಸವು ದ್ರವವಾಗಿದೆ. ಲೇಔಟ್ಗಳ ಮತ್ತು ಗಾತ್ರಗಳು ಪರದೆಯ ಗಾತ್ರ / ಸಾಧನದ ಬದಲಾವಣೆಗಳು ಬದಲಾಗುತ್ತವೆ . ನೀವು ಭೌತಿಕ, ವೆಬ್ೇತರ ಪದಗಳಲ್ಲಿ ಈ ಬಗ್ಗೆ ಯೋಚಿಸಿದರೆ, ನೀವು ಪ್ಯಾಕಿಂಗ್ ಸಾಮಗ್ರಿಗಳೊಂದಿಗೆ ತುಂಬಿರುವ ಒಂದು ಹಲಗೆಯ ಪೆಟ್ಟಿಗೆಯನ್ನು ಹೊಂದಿರುವುದು ಹಾಗೆ. ಬಾಕ್ಸ್ ಅನ್ನು ಆ ವಸ್ತುಗಳೊಂದಿಗೆ ಅರ್ಧ ತುಂಬಿಸಬೇಕು ಎಂದು ನೀವು ಹೇಳಿದರೆ, ನಿಮಗೆ ಬೇಕಾದ ಪ್ಯಾಕಿಂಗ್ ಪ್ರಮಾಣವು ಬಾಕ್ಸ್ನ ಗಾತ್ರವನ್ನು ಅವಲಂಬಿಸಿ ಬದಲಾಗುತ್ತದೆ. ಅದೇ ವೆಬ್ ವಿನ್ಯಾಸದಲ್ಲಿ ಶೇಕಡಾವಾರು ಅಗಲಗಳಿಗೆ ನಿಜವಾಗಿದೆ.
ಶೇಕಡಾವಾರು ಇತರ ಶೇಕಡಾವಾರು ಆಧರಿಸಿ
ಇಮೇಜ್ / ಕಂಟೇನರ್ ಉದಾಹರಣೆಯಲ್ಲಿ, ನಾನು ಹೊಂದಿರುವ ಅಂಶಕ್ಕಾಗಿ ಪಿಕ್ಸೆಲ್ ಮೌಲ್ಯಗಳನ್ನು ಬಳಸುತ್ತಿದ್ದೆವು ಹೇಗೆ ಪ್ರತಿಕ್ರಿಯಾಶೀಲರಾಗಿರುತ್ತಾರೆ ಇಮೇಜ್ ಅನ್ನು ಪ್ರದರ್ಶಿಸುತ್ತದೆ ಎಂಬುದನ್ನು ತೋರಿಸುತ್ತದೆ. ವಾಸ್ತವದಲ್ಲಿ, ಒಳಗೊಂಡಿರುವ ಅಂಶವನ್ನು ಸಹ ಶೇಕಡಾವಾರು ಮತ್ತು ಚಿತ್ರ, ಅಥವಾ ಇತರ ಅಂಶಗಳು, ಆ ಧಾರಕದಲ್ಲಿ ಶೇಕಡಾವಾರು ಶೇಕಡಾವಾರು ಆಧಾರದ ಮೇಲೆ ಅವುಗಳ ಮೌಲ್ಯಗಳನ್ನು ಪಡೆಯಲಾಗುತ್ತದೆ.
ಇದನ್ನು ಅಭ್ಯಾಸದಲ್ಲಿ ತೋರಿಸುವ ಇನ್ನೊಂದು ಉದಾಹರಣೆ ಇಲ್ಲಿದೆ.
ಸಂಪೂರ್ಣ ಸೈಟ್ "ಕಂಟೇನರ್" ವರ್ಗದೊಂದಿಗೆ (ಸಾಮಾನ್ಯ ವೆಬ್ ವಿನ್ಯಾಸ ಅಭ್ಯಾಸ) ಒಂದು ವಿಭಾಗದಲ್ಲಿ ಇರುವ ವೆಬ್ಸೈಟ್ ಅನ್ನು ನೀವು ಹೊಂದಿರುವಿರಿ ಎಂದು ಹೇಳಿ. ಆ ವಿಭಾಗದ ಒಳಗಡೆ ನೀವು ಮೂರು ವಿಭಿನ್ನ ವಿಭಾಗಗಳು, ಅದು ಅಂತಿಮವಾಗಿ ನೀವು ಶೈಲಿಯನ್ನು 3 ಲಂಬ ಕಾಲಮ್ಗಳಾಗಿ ಪ್ರದರ್ಶಿಸುತ್ತದೆ. ಆ HTML ಈ ರೀತಿ ಕಾಣಿಸಬಹುದು:
ಈಗ, ನೀವು "ಕಂಟೇನರ್" ವಿಭಾಗದ ಗಾತ್ರವನ್ನು 90% ಎಂದು ಹೇಳಲು ಸಿಎಸ್ಎಸ್ ಅನ್ನು ಬಳಸಬಹುದು. ಈ ಉದಾಹರಣೆಯಲ್ಲಿ, ಕಂಟೇನರ್ ವಿಭಾಗವು ದೇಹವನ್ನು ಹೊರತುಪಡಿಸಿ ಮತ್ತೊಂದು ಅಂಶವನ್ನು ಹೊಂದಿಲ್ಲ, ಅದನ್ನು ನಾವು ಯಾವುದೇ ನಿರ್ದಿಷ್ಟ ಮೌಲ್ಯಕ್ಕೆ ಹೊಂದಿಸಿಲ್ಲ. ಪೂರ್ವನಿಯೋಜಿತವಾಗಿ, ದೇಹವು 100% ನಷ್ಟು ಬ್ರೌಸರ್ ವಿಂಡೋದಲ್ಲಿ ನಿರೂಪಿಸುತ್ತದೆ. ಆದ್ದರಿಂದ, "ಧಾರಕ" ವಿಭಾಗದ ಶೇಕಡಾವಾರು ಬ್ರೌಸರ್ ವಿಂಡೋದ ಗಾತ್ರವನ್ನು ಆಧರಿಸಿರುತ್ತದೆ. ಆ ಬ್ರೌಸರ್ ವಿಂಡೋ ಗಾತ್ರದಲ್ಲಿ ಬದಲಾವಣೆಯಾಗಿರುವಂತೆ, ಈ "ಕಂಟೇನರ್" ನ ಗಾತ್ರವೂ ಸಹ ಇರುತ್ತದೆ. ಆದ್ದರಿಂದ ಬ್ರೌಸರ್ ವಿಂಡೋವು 2000 ಪಿಕ್ಸೆಲ್ ಅಗಲವಾಗಿದ್ದರೆ, ಈ ವಿಭಾಗ 1800 ಪಿಕ್ಸೆಲ್ಗಳಲ್ಲಿ ಪ್ರದರ್ಶಿಸುತ್ತದೆ. ಇದು 2000 ರ 90% (2000 x 90 = 1800) ಎಂದು ಲೆಕ್ಕಹಾಕಲ್ಪಡುತ್ತದೆ, ಇದು ಬ್ರೌಸರ್ನ ಗಾತ್ರವಾಗಿದೆ.
"ಕಂಟೇನರ್" ಒಳಗೆ ಕಂಡುಬರುವ "ಕೊಲ್" ವಿಭಾಗಗಳಲ್ಲಿ ಪ್ರತಿಯೊಂದೂ 30% ಗಾತ್ರಕ್ಕೆ ಹೊಂದಿಸಿದ್ದರೆ, ಈ ಉದಾಹರಣೆಯಲ್ಲಿ ಪ್ರತಿಯೊಂದೂ 540 ಪಿಕ್ಸೆಲ್ ಅಗಲವಾಗಿರುತ್ತದೆ. 1800 ಪಿಕ್ಸೆಲ್ಗಳಲ್ಲಿನ 30% ನಷ್ಟು ಭಾಗವನ್ನು ಧಾರಕವು ಸಲ್ಲಿಸುತ್ತದೆ (1800 x .30 = 540). ಆ ಕಂಟೇನರ್ನ ಶೇಕಡಾವನ್ನು ನಾವು ಬದಲಾಯಿಸಿದರೆ, ಈ ಆಂತರಿಕ ವಿಭಾಗಗಳು ಆ ಅಂಶವನ್ನು ಅವಲಂಬಿಸಿರುವುದರಿಂದ ಅವುಗಳು ಸಲ್ಲಿಸುವ ಗಾತ್ರದಲ್ಲಿ ಬದಲಾಗುತ್ತವೆ.
ಬ್ರೌಸರ್ ವಿಂಡೋಗಳು 2000 ಪಿಕ್ಸೆಲ್ ಅಗಲದಲ್ಲಿಯೇ ಉಳಿದಿವೆ ಎಂದು ನಾವು ಊಹಿಸೋಣ, ಆದರೆ 90% ನ ಬದಲಾಗಿ ಕಂಟೇನರ್ನ ಶೇಕಡಾವಾರು ಮೌಲ್ಯವನ್ನು ನಾವು 80% ಗೆ ಬದಲಿಸುತ್ತೇವೆ. ಅದು ಈಗ 1600 ಪಿಕ್ಸೆಲ್ಗಳಷ್ಟು ವಿಶಾಲವಾಗಿ ನಿರೂಪಿಸುತ್ತದೆ (ಅಂದರೆ 2000 x 80 = 1600). ನಾವು ನಮ್ಮ 3 "ಕೋಲ್" ವಿಭಾಗಗಳ ಗಾತ್ರಕ್ಕಾಗಿ ಸಿಎಸ್ಎಸ್ ಅನ್ನು ಬದಲಿಸದಿದ್ದರೂ ಮತ್ತು ಅವುಗಳನ್ನು 30% ನಲ್ಲಿ ಬಿಡಿಸದಿದ್ದರೂ ಸಹ, ಅವು ಹೊಂದಿರುವ ಅಂಶದಿಂದಾಗಿ ಅವರು ವಿಭಿನ್ನವಾಗಿ ಪ್ರಸ್ತುತಪಡಿಸಲಿದ್ದೇವೆ, ಅದು ಅವುಗಳ ಗಾತ್ರದಿಂದ ಬದಲಾಗಿದೆ ಮತ್ತು ಬದಲಾಗಿದೆ. ಆ 3 ವಿಭಾಗಗಳು ಇದೀಗ 480 ಪಿಕ್ಸೆಲ್ ಅಗಲವಾಗಿ ಪ್ರತಿಬಿಂಬಿಸುತ್ತವೆ, ಇದು 1600 ರಲ್ಲಿ 30%, ಅಥವಾ ಧಾರಕದ ಗಾತ್ರವನ್ನು (1600 x .30 = 480) ಹೊಂದಿರುತ್ತದೆ.
ಈ ಮತ್ತಷ್ಟು ತೆಗೆದುಕೊಂಡು, ಈ "ಕೊಲ್" ವಿಭಾಗಗಳಲ್ಲಿ ಒಂದಕ್ಕಿಂತ ಒಂದು ಚಿತ್ರದಿದ್ದರೆ ಮತ್ತು ಆ ಚಿತ್ರವು ಶೇಕಡಾವಾರು ಗಾತ್ರವನ್ನು ಬಳಸಿದರೆ, ಅದರ ಗಾತ್ರವನ್ನು "ಕೊಲ್" ಎಂದು ಕರೆಯುತ್ತಾರೆ. ಆ "ಕೊಲ್" ಡಿವಿಷನ್ ಗಾತ್ರದಲ್ಲಿ ಬದಲಾದಂತೆ, ಅದರೊಳಗೆ ಚಿತ್ರವೂ ಸಹ ಆಗಿರುತ್ತದೆ. ಹಾಗಾಗಿ ಬ್ರೌಸರ್ನ ಗಾತ್ರ ಅಥವಾ "ಕಂಟೇನರ್" ಬದಲಾಗಿದ್ದರೆ, ಮೂರು "ಕೊಲ್" ವಿಭಾಗಗಳನ್ನು ಪರಿಣಾಮಗೊಳಿಸುತ್ತದೆ, ಅದು "ಕೊಲ್" ಒಳಗೆ ಚಿತ್ರದ ಗಾತ್ರವನ್ನು ಬದಲಿಸುತ್ತದೆ. ನೀವು ನೋಡುವಂತೆ, ಇವುಗಳು ಎಲ್ಲಾ ಯಾವಾಗ ಇದು ಶೇಕಡಾವಾರು-ಚಾಲಿತ ಮೌಲ್ಯದ ಮೌಲ್ಯಗಳಿಗೆ ಬರುತ್ತದೆ.
ಅದರ ಅಗಲಕ್ಕಾಗಿ ಶೇಕಡಾವಾರು ಮೌಲ್ಯವನ್ನು ಬಳಸಿದಾಗ ವೆಬ್ ಪುಟದ ಒಳಗಿನ ಅಂಶವು ಹೇಗೆ ನಿರೂಪಿಸುತ್ತದೆ ಎಂಬುದನ್ನು ನೀವು ಪರಿಗಣಿಸಿದಾಗ, ಆ ಅಂಶವು ಪುಟದ ಮಾರ್ಕ್ಅಪ್ನಲ್ಲಿರುವ ಸನ್ನಿವೇಶವನ್ನು ನೀವು ಅರ್ಥಮಾಡಿಕೊಳ್ಳಬೇಕಾಗಿದೆ.
ಸಾರಾಂಶದಲ್ಲಿ
ಪ್ರತಿಕ್ರಿಯಾಶೀಲರಾಗಿರುತ್ತಾರೆ ವೆಬ್ಸೈಟ್ಗಳಿಗೆ ವಿನ್ಯಾಸವನ್ನು ರಚಿಸಲು ಶೇಕಡಾವಾರುಗಳು ನಿರ್ಣಾಯಕ ಪಾತ್ರವನ್ನು ನಿರ್ವಹಿಸುತ್ತವೆ. ನೀವು ಚಿತ್ರಗಳನ್ನು ಪ್ರತಿಸ್ಪಂದಕವಾಗಿ ಗಾತ್ರದಲ್ಲಿರಿಸುತ್ತಿದ್ದರೆ ಅಥವಾ ಒಂದು ಗಾತ್ರದ ಅಗಲವನ್ನು ಬಳಸಿಕೊಂಡು ನಿಜವಾಗಿಯೂ ಗಾತ್ರದ ಪರಸ್ಪರ ಗ್ರಿಡ್ ಮಾಡಲು, ಈ ಲೆಕ್ಕಾಚಾರಗಳನ್ನು ಅರ್ಥಮಾಡಿಕೊಳ್ಳುವುದು ನಿಮಗೆ ಬೇಕಾದ ನೋಟವನ್ನು ಸಾಧಿಸಲು ಅಗತ್ಯವಾಗಿರುತ್ತದೆ.