ನೀವು ವೆಬ್‌ಸೈಟ್ ವಿನ್ಯಾಸದಲ್ಲಿ ಕೆಲಸ ಮಾಡುವಾಗ, ನಿಮ್ಮ ಸೈಟ್‌ಗೆ ಸೂಕ್ತವಾಗಿ ಹೊಂದಿಕೆಯಾಗುವ ಕಂಡುಬರುವ ಚಿತ್ರವು ನೀವು ತೆಗೆದುಹಾಕಲು ಬಯಸುವ ವಿಭಿನ್ನ ಹಿನ್ನೆಲೆಯನ್ನು ಹೊಂದಿದೆ ಎಂಬ ಅಂಶವನ್ನು ನೀವು ಆಗಾಗ್ಗೆ ಎದುರಿಸಬೇಕಾಗುತ್ತದೆ.
ಮತ್ತು ಆದ್ದರಿಂದ, ನಾವು ಫೋಟೋಶಾಪ್ನಲ್ಲಿ ನಮ್ಮ ಚಿತ್ರವನ್ನು ತೆರೆಯುತ್ತೇವೆ.
1.
ಪಾರದರ್ಶಕ ಹಿನ್ನೆಲೆಯೊಂದಿಗೆ ಚಿತ್ರಕ್ಕಾಗಿ ಕಾರ್ಯಸ್ಥಳವನ್ನು ರಚಿಸುವುದು ಮೊದಲನೆಯದು. ಇದಕ್ಕಾಗಿ:
- ಲೇಯರ್‌ಗಳ ವಿಂಡೋದಲ್ಲಿ, ನಮ್ಮ ಪದರದ ಮೇಲೆ ಡಬಲ್ ಕ್ಲಿಕ್ ಮಾಡಿ (ಲಾಕ್‌ನೊಂದಿಗೆ)
- ಪಾಪ್ ಅಪ್ ಆಗುವ ವಿಂಡೋದಲ್ಲಿ ಸರಿ ಕ್ಲಿಕ್ ಮಾಡಿ.
ಲಾಕ್ ಕಣ್ಮರೆಯಾಗಬೇಕು
ಹಿನ್ನೆಲೆ ಸರಳವಾಗಿದ್ದರೆ:
ಉಪಕರಣವನ್ನು ಆಯ್ಕೆಮಾಡಿ " ಮಂತ್ರ ದಂಡ"ಅಪೇಕ್ಷಿತ ಪ್ರದೇಶವನ್ನು ಆಯ್ಕೆಮಾಡಲು ಬಹಳ ಹೊಂದಿಕೊಳ್ಳುವ ಸಾಧನವಾಗಿದೆ. ಚಿತ್ರವನ್ನು ಹೊರತುಪಡಿಸಿ ಸಂಪೂರ್ಣ ಹಿನ್ನೆಲೆಯನ್ನು ಆಯ್ಕೆ ಮಾಡುವುದು ನಮ್ಮ ಕಾರ್ಯವಾಗಿದೆ. ಇದನ್ನು ಮಾಡಲು, ಮ್ಯಾಜಿಕ್ ದಂಡದ ಸೆಟ್ಟಿಂಗ್ಗಳನ್ನು ಹೊಂದಿಸಿ (ಪ್ಯಾರಾಮೀಟರ್ ಸಹಿಷ್ಣುತೆ) ನಾವು ಬಯಸಿದ ಫಲಿತಾಂಶವನ್ನು ಪಡೆಯುವವರೆಗೆ. ಈಗಾಗಲೇ ಆಯ್ಕೆಮಾಡಿದ ಪ್ರದೇಶಕ್ಕೆ ಹೆಚ್ಚುವರಿಯಾಗಿ ಪ್ರದೇಶವನ್ನು ಆಯ್ಕೆ ಮಾಡಲು ನಾವು Shift ಕೀಲಿಯನ್ನು ಸಹ ಬಳಸುತ್ತೇವೆ. ಡೆಲ್ ಅನ್ನು ಒತ್ತಿ ಮತ್ತು ಆಯ್ಕೆಮಾಡಿದ ಪ್ರದೇಶವನ್ನು ಅಳಿಸಲಾಗಿದೆ.
ಹಿನ್ನೆಲೆ ಬಹು-ಬಣ್ಣದಲ್ಲಿದ್ದರೆ:
ನಾವು ಉಪಕರಣವನ್ನು ಬಳಸುತ್ತೇವೆ ತ್ವರಿತ ಆಯ್ಕೆ". ಇಲ್ಲಿ ನಮ್ಮ ಕಾರ್ಯವು ಹಿನ್ನೆಲೆಯನ್ನು ಹೈಲೈಟ್ ಮಾಡುವುದು ಅಲ್ಲ, ಆದರೆ ವಸ್ತುವೇ ಉಳಿಯಬೇಕು. ಬಯಸಿದ ಪ್ರದೇಶವನ್ನು ಹೈಲೈಟ್ ಮಾಡುವವರೆಗೆ ಒತ್ತಿರಿ. ಹೆಚ್ಚಿನದನ್ನು ಹೈಲೈಟ್ ಮಾಡಿದರೆ, Alt ಅನ್ನು ಒತ್ತಿಹಿಡಿಯಿರಿ ಮತ್ತು ಪ್ರದೇಶವನ್ನು ಮೈನಸ್ ಮಾಡಿ. ನೀವು Q ಕೀಲಿಯೊಂದಿಗೆ ಫಲಿತಾಂಶವನ್ನು ವೀಕ್ಷಿಸಬಹುದು.
ಆಯ್ಕೆಯು ಸಿದ್ಧವಾದಾಗ, ಅದನ್ನು Ctrl+C ನೊಂದಿಗೆ ನಕಲಿಸಿ. ಪಾರದರ್ಶಕ ಹಿನ್ನೆಲೆಯೊಂದಿಗೆ ಹೊಸ ಡಾಕ್ಯುಮೆಂಟ್ ಅನ್ನು ರಚಿಸಿ (Ctrl + N) ಮತ್ತು ಆಬ್ಜೆಕ್ಟ್ ಅನ್ನು ಅಂಟಿಸಿ Ctrl + V.
3 . ಚಿತ್ರದಲ್ಲಿ ಹೆಚ್ಚುವರಿ ಏನಾದರೂ ಉಳಿದಿದ್ದರೆ, ಉಪಕರಣವನ್ನು ಬಳಸಿ " ಎರೇಸರ್", ಕೇವಲ ಹೆಚ್ಚುವರಿ ಹಿನ್ನೆಲೆಯನ್ನು ತಿದ್ದಿ ಬರೆಯಿರಿ.
4 . ವೆಬ್‌ಗಾಗಿ ಚಿತ್ರವನ್ನು ಉಳಿಸಿ (Alt + Shift + Ctrl + S) GIF ಅಥವಾ PNG ಸ್ವರೂಪವನ್ನು ಆಯ್ಕೆಮಾಡಿ (ಇತರರಲ್ಲಿ, ನಮ್ಮ ಪಾರದರ್ಶಕ ಹಿನ್ನೆಲೆ ಬಿಳಿ ಬಣ್ಣಕ್ಕೆ ತಿರುಗುತ್ತದೆ).
ವಿಷಯದ ಕುರಿತು ಉಪಯುಕ್ತ ವೀಡಿಯೊ:
ಕೆಲವೊಮ್ಮೆ ಬಳಕೆದಾರರು ಪಾರದರ್ಶಕ ಹಿನ್ನೆಲೆಯೊಂದಿಗೆ PNG ಚಿತ್ರವನ್ನು ಬಯಸಬಹುದು. ಆದಾಗ್ಯೂ, ಅಗತ್ಯವಾದ ಫೈಲ್ ಯಾವಾಗಲೂ ಅಗತ್ಯವಿರುವ ನಿಯತಾಂಕಗಳಿಗೆ ಹೊಂದಿಕೆಯಾಗುವುದಿಲ್ಲ. ಈ ಸಂದರ್ಭದಲ್ಲಿ, ನೀವೇ ಅದನ್ನು ಬದಲಾಯಿಸಬೇಕು ಅಥವಾ ಹೊಸದನ್ನು ಆರಿಸಬೇಕಾಗುತ್ತದೆ. ಪಾರದರ್ಶಕ ಹಿನ್ನೆಲೆಯನ್ನು ರಚಿಸುವಂತೆ, ವಿಶೇಷ ಆನ್ಲೈನ್ ಸೇವೆಗಳು ಈ ಕಾರ್ಯವನ್ನು ಸಾಧಿಸಲು ಸಹಾಯ ಮಾಡುತ್ತದೆ.
ಪಾರದರ್ಶಕ ಹಿನ್ನೆಲೆಯನ್ನು ರಚಿಸುವ ವಿಧಾನವು ಎಲ್ಲಾ ಅನಗತ್ಯ ವಸ್ತುಗಳನ್ನು ತೆಗೆದುಹಾಕುವುದನ್ನು ಸೂಚಿಸುತ್ತದೆ, ಆದರೆ ಅಗತ್ಯವನ್ನು ಮಾತ್ರ ಬಿಟ್ಟುಬಿಡುತ್ತದೆ ಮತ್ತು ಹಳೆಯ ಅಂಶಗಳ ಸ್ಥಳದಲ್ಲಿ ಅಪೇಕ್ಷಿತ ಪರಿಣಾಮವು ಕಾಣಿಸಿಕೊಳ್ಳುತ್ತದೆ. ಅಂತಹ ಪ್ರಕ್ರಿಯೆಯನ್ನು ಕಾರ್ಯಗತಗೊಳಿಸಲು ನಿಮಗೆ ಅನುಮತಿಸುವ ಇಂಟರ್ನೆಟ್ ಸಂಪನ್ಮೂಲಗಳೊಂದಿಗೆ ನೀವೇ ಪರಿಚಿತರಾಗಿರುವಿರಿ ಎಂದು ನಾವು ಸೂಚಿಸುತ್ತೇವೆ.
ಗ್ರಾಫಿಕ್ ಎಡಿಟರ್ LunaPic ಆನ್ಲೈನ್ನಲ್ಲಿ ಕಾರ್ಯನಿರ್ವಹಿಸುತ್ತದೆ ಮತ್ತು ಬಳಕೆದಾರರಿಗೆ ಹಿನ್ನೆಲೆ ಬದಲಿ ಸೇರಿದಂತೆ ವಿವಿಧ ಪರಿಕರಗಳು ಮತ್ತು ಕಾರ್ಯಗಳನ್ನು ಒದಗಿಸುತ್ತದೆ. ಗುರಿಯನ್ನು ಈ ಕೆಳಗಿನಂತೆ ಸಾಧಿಸಲಾಗುತ್ತದೆ:
ಇದು LunaPic ಸೇವೆಯೊಂದಿಗೆ ಕೆಲಸವನ್ನು ಪೂರ್ಣಗೊಳಿಸುತ್ತದೆ. ಮೇಲಿನ ಸೂಚನೆಗಳಿಗೆ ಧನ್ಯವಾದಗಳು, ನೀವು ಸುಲಭವಾಗಿ ಹಿನ್ನೆಲೆಯನ್ನು ಪಾರದರ್ಶಕಗೊಳಿಸಬಹುದು. ಸೇವೆಯ ಏಕೈಕ ನ್ಯೂನತೆಯೆಂದರೆ, ಹಿನ್ನೆಲೆಯನ್ನು ಮುಖ್ಯವಾಗಿ ಒಂದು ಬಣ್ಣದಿಂದ ತುಂಬಿದ ರೇಖಾಚಿತ್ರಗಳೊಂದಿಗೆ ಮಾತ್ರ ಅದು ಸರಿಯಾಗಿ ಕಾರ್ಯನಿರ್ವಹಿಸುತ್ತದೆ.
ಫೋಟೋಸಿಸರ್ಸ್ ಸೈಟ್ ಅನ್ನು ಅರ್ಥಮಾಡಿಕೊಳ್ಳೋಣ. ಇಲ್ಲಿ ಅಂತಹ ಯಾವುದೇ ಸಮಸ್ಯೆ ಇಲ್ಲ, ಕೆಲವು ಚಿತ್ರಗಳೊಂದಿಗೆ ಮಾತ್ರ ಉತ್ತಮ ಸಂಸ್ಕರಣೆಯನ್ನು ಪಡೆಯಲಾಗುತ್ತದೆ, ಏಕೆಂದರೆ ನೀವೇ ಕತ್ತರಿಸಿದ ಪ್ರದೇಶವನ್ನು ಹೊಂದಿಸಿ. ಸಂಸ್ಕರಣೆಯನ್ನು ಈ ಕೆಳಗಿನಂತೆ ನಡೆಸಲಾಗುತ್ತದೆ:
ಇದು ಆನ್ಲೈನ್ ಸಂಪನ್ಮೂಲ ಫೋಟೋಸಿಸರ್‌ಗಳೊಂದಿಗೆ ಕೆಲಸವನ್ನು ಪೂರ್ಣಗೊಳಿಸುತ್ತದೆ. ನೀವು ನೋಡುವಂತೆ, ಅದನ್ನು ನಿರ್ವಹಿಸುವಲ್ಲಿ ಸಂಕೀರ್ಣವಾದ ಏನೂ ಇಲ್ಲ, ಹೆಚ್ಚುವರಿ ಜ್ಞಾನ ಮತ್ತು ಕೌಶಲ್ಯಗಳನ್ನು ಹೊಂದಿರದ ಅನನುಭವಿ ಬಳಕೆದಾರರು ಸಹ ಕೆಲಸವನ್ನು ಅರ್ಥಮಾಡಿಕೊಳ್ಳುತ್ತಾರೆ.
ಇತ್ತೀಚೆಗೆ, Remove.bg ವೆಬ್‌ಸೈಟ್ ಅನೇಕರ ತುಟಿಗಳಲ್ಲಿದೆ. ವಾಸ್ತವವೆಂದರೆ ಡೆವಲಪರ್‌ಗಳು ಅನನ್ಯ ಅಲ್ಗಾರಿದಮ್ ಅನ್ನು ಒದಗಿಸುತ್ತಾರೆ ಅದು ಸ್ವಯಂಚಾಲಿತವಾಗಿ ಹಿನ್ನೆಲೆಯನ್ನು ಕತ್ತರಿಸುತ್ತದೆ, ಚಿತ್ರದಲ್ಲಿ ಒಬ್ಬ ವ್ಯಕ್ತಿಯನ್ನು ಮಾತ್ರ ಬಿಡುತ್ತದೆ. ದುರದೃಷ್ಟವಶಾತ್, ಇಲ್ಲಿ ವೆಬ್ ಸೇವೆಯ ಸಾಮರ್ಥ್ಯಗಳು ಕೊನೆಗೊಳ್ಳುತ್ತವೆ, ಆದರೆ ಅಂತಹ ಫೋಟೋಗಳನ್ನು ಪ್ರಕ್ರಿಯೆಗೊಳಿಸುವ ಅತ್ಯುತ್ತಮ ಕೆಲಸವನ್ನು ಇದು ಮಾಡುತ್ತದೆ. ಈ ಪ್ರಕ್ರಿಯೆಯನ್ನು ಹತ್ತಿರದಿಂದ ನೋಡೋಣ:
ಇಲ್ಲಿಯೇ ನಮ್ಮ ಲೇಖನವು ಅದರ ತಾರ್ಕಿಕ ತೀರ್ಮಾನಕ್ಕೆ ಬರುತ್ತದೆ. ಕೆಲವೇ ಕ್ಲಿಕ್‌ಗಳಲ್ಲಿ ಚಿತ್ರದ ಹಿನ್ನೆಲೆಯನ್ನು ಪಾರದರ್ಶಕವಾಗಿಸಲು ನಿಮಗೆ ಅನುಮತಿಸುವ ಅತ್ಯಂತ ಜನಪ್ರಿಯ ಆನ್ಲೈನ್ ಸೇವೆಗಳ ಕುರಿತು ಇಂದು ನಾವು ನಿಮಗೆ ಹೇಳಲು ಪ್ರಯತ್ನಿಸಿದ್ದೇವೆ. ನೀವು ಕನಿಷ್ಟ ಒಂದು ಸೈಟ್ ಅನ್ನು ಇಷ್ಟಪಡುತ್ತೀರಿ ಎಂದು ನಾವು ಭಾವಿಸುತ್ತೇವೆ.
ನಿಮ್ಮ ಕಂಪ್ಯೂಟರ್ ಅಥವಾ ಫೋನ್‌ನಲ್ಲಿ ಚಿತ್ರವನ್ನು ನಿರ್ದಿಷ್ಟಪಡಿಸುವುದು ಮುಖ್ಯ ವಿಷಯ, ತದನಂತರ ಈ ಪುಟದ ಕೆಳಭಾಗದಲ್ಲಿರುವ ಸರಿ ಬಟನ್ ಕ್ಲಿಕ್ ಮಾಡಿ. ಪೂರ್ವನಿಯೋಜಿತವಾಗಿ, ಚಿತ್ರದ ಸರಳ ಹಿನ್ನೆಲೆಯನ್ನು ಪಾರದರ್ಶಕವಾಗಿ ಬದಲಾಯಿಸಲಾಗುತ್ತದೆ. ಮೂಲ ಚಿತ್ರದ ಹಿನ್ನೆಲೆ ಬಣ್ಣವನ್ನು ಸ್ವಯಂಚಾಲಿತವಾಗಿ ನಿರ್ಧರಿಸಲಾಗುತ್ತದೆ, ಅದನ್ನು ಯಾವ ಬಣ್ಣವನ್ನು ಬದಲಾಯಿಸಬೇಕೆಂದು ನೀವು ಸೆಟ್ಟಿಂಗ್‌ಗಳಲ್ಲಿ ನಿರ್ದಿಷ್ಟಪಡಿಸಬೇಕಾಗಿದೆ. ಬದಲಿ ಗುಣಮಟ್ಟವನ್ನು ಪರಿಣಾಮ ಬೀರುವ ಮುಖ್ಯ ನಿಯತಾಂಕವೆಂದರೆ "ಬದಲಿ ತೀವ್ರತೆ" ಮತ್ತು ಇದು ಪ್ರತಿ ಚಿತ್ರಕ್ಕೂ ವಿಭಿನ್ನವಾಗಿರುತ್ತದೆ.
ಬದಲಾವಣೆಗಳಿಲ್ಲದೆ ಗುಲಾಬಿ ಗುಲಾಬಿಯ ಫೋಟೋದ ಉದಾಹರಣೆ ಮತ್ತು ಘನ ಹಿನ್ನೆಲೆಯನ್ನು ಪಾರದರ್ಶಕ, ಬಿಳಿ ಮತ್ತು ಹಸಿರು ಬಣ್ಣದಿಂದ ಬದಲಾಯಿಸಿದ ನಂತರ:
ಮೊದಲ ಉದಾಹರಣೆಪಾರದರ್ಶಕ ಹಿನ್ನೆಲೆಯಲ್ಲಿ ಗುಲಾಬಿ ಹೂವಿನೊಂದಿಗೆ ಈ ಕೆಳಗಿನ ಸೆಟ್ಟಿಂಗ್‌ಗಳೊಂದಿಗೆ ತಯಾರಿಸಲಾಗುತ್ತದೆ:
1) ಬದಲಿ ತೀವ್ರತೆ - 38;
2) ಅಂಚುಗಳ ಸುತ್ತಲೂ ಮೃದುಗೊಳಿಸುವಿಕೆ - 5;
3) ಘನ ಹಿನ್ನೆಲೆಯನ್ನು ಪಾರದರ್ಶಕವಾಗಿ ಬದಲಾಯಿಸಿ;
4) ಕ್ರಾಪಿಂಗ್ (<0) или Добавление (>0) ಅಂಚುಗಳ ಉದ್ದಕ್ಕೂ - "-70";
5) ವಿಲೋಮ - ನಿಷ್ಕ್ರಿಯಗೊಳಿಸಲಾಗಿದೆ (ಪರಿಶೀಲಿಸಲಾಗಿಲ್ಲ).
ರಚಿಸಲು ಎರಡನೇ ಉದಾಹರಣೆ, ಬಿಳಿ ಹಿನ್ನೆಲೆಯೊಂದಿಗೆ, ನಿಯತಾಂಕವನ್ನು ಹೊರತುಪಡಿಸಿ, ಮೊದಲ ಉದಾಹರಣೆಯಲ್ಲಿ ಅದೇ ಸೆಟ್ಟಿಂಗ್ಗಳನ್ನು ಬಳಸಲಾಗಿದೆ: "ಸರಳ ಹಿನ್ನೆಲೆಯನ್ನು ಬದಲಾಯಿಸಿ" - ಬಿಳಿ. AT ಮೂರನೇ ಉದಾಹರಣೆ, ಹಸಿರು ಹಿನ್ನೆಲೆಯೊಂದಿಗೆ, ಸೆಟ್ಟಿಂಗ್ಗಳನ್ನು ಸಹ ಬಳಸಲಾಗುತ್ತದೆ, ಮೊದಲ ಉದಾಹರಣೆಯಲ್ಲಿರುವಂತೆ, ನಿಯತಾಂಕವನ್ನು ಹೊರತುಪಡಿಸಿ: "ಹೆಕ್ಸ್ ಸ್ವರೂಪದಲ್ಲಿ ಬಣ್ಣ" - #245a2d.
ಮೂಲ ಚಿತ್ರವನ್ನು ಯಾವುದೇ ರೀತಿಯಲ್ಲಿ ಬದಲಾಯಿಸಲಾಗಿಲ್ಲ. ಪಾರದರ್ಶಕ ಹಿನ್ನೆಲೆ ಅಥವಾ ನೀವು ನಿರ್ದಿಷ್ಟಪಡಿಸಿದ ಹಿನ್ನೆಲೆಯೊಂದಿಗೆ ಮತ್ತೊಂದು ಸಂಸ್ಕರಿಸಿದ ಚಿತ್ರವನ್ನು ನಿಮಗೆ ನೀಡಲಾಗುವುದು.
ಕೆಲವು ಬಳಕೆದಾರರು ಕೆಲವು ಫೋಟೋಗಳಲ್ಲಿ ಪಾರದರ್ಶಕ ಹಿನ್ನೆಲೆಯನ್ನು ಮಾಡಬೇಕಾಗಬಹುದು. ಇದು ಸೌಂದರ್ಯದ ಪರಿಗಣನೆಗಳ ಕಾರಣದಿಂದಾಗಿರಬಹುದು, ವಾಣಿಜ್ಯ ಉದ್ದೇಶಗಳಿಗಾಗಿ ಮತ್ತು ಇತರ ಕಾರಣಗಳಿಗಾಗಿ ವಾಟರ್‌ಮಾರ್ಕ್ ಅನ್ನು ರಚಿಸುವ ಅವಶ್ಯಕತೆಯಿದೆ - ವಾಸ್ತವವೆಂದರೆ ಬಳಕೆದಾರರಿಗೆ ಇದನ್ನು ಹೇಗೆ ಮತ್ತು ಏನು ಮಾಡಬಹುದು ಎಂದು ತಿಳಿದಿಲ್ಲ. ಈ ಲೇಖನದಲ್ಲಿ, ಅಂತಹ ಬಳಕೆದಾರರಿಗೆ ಸಹಾಯ ಮಾಡಲು ನಾನು ಪ್ರಯತ್ನಿಸುತ್ತೇನೆ ಮತ್ತು ಆನ್ಲೈನ್ನಲ್ಲಿ ಪಾರದರ್ಶಕ ಹಿನ್ನೆಲೆಯನ್ನು ಹೇಗೆ ಮಾಡುವುದು, ಇದಕ್ಕಾಗಿ ಯಾವ ಸೇವೆಗಳು ಅಸ್ತಿತ್ವದಲ್ಲಿವೆ ಮತ್ತು ಅವುಗಳನ್ನು ಹೇಗೆ ಬಳಸುವುದು ಎಂದು ಹೇಳುತ್ತೇನೆ.
ಆನ್ಲೈನ್ನಲ್ಲಿ ಫೋಟೋದ ಹಿನ್ನೆಲೆಯನ್ನು ಉಚಿತವಾಗಿ ತೆಗೆದುಹಾಕಲು ನಿಮಗೆ ಅನುಮತಿಸುವ ಹಲವಾರು ಸೇವೆಗಳು ನೆಟ್ವರ್ಕ್ನಲ್ಲಿವೆ. ಅದೇ ಸಮಯದಲ್ಲಿ, ಇವೆಲ್ಲವೂ ಸಾಕಷ್ಟು ಸರಳವಾದ ಪರಿಕರಗಳನ್ನು ಹೊಂದಿವೆ, ಸುಮಾರು ಕೆಲವು ಕ್ಲಿಕ್‌ಗಳಲ್ಲಿ ಫೋಟೋಗಳ ಹಿನ್ನೆಲೆಯನ್ನು ತೆಗೆದುಹಾಕಲು ನಿಮಗೆ ಅನುವು ಮಾಡಿಕೊಡುತ್ತದೆ. ಕೆಳಗೆ ನಾನು ಈ ಸೇವೆಗಳನ್ನು ಅವುಗಳ ಕ್ರಿಯಾತ್ಮಕತೆಯ ವಿವರವಾದ ವಿವರಣೆಯೊಂದಿಗೆ ಪಟ್ಟಿ ಮಾಡುತ್ತೇನೆ.
ನೀವು, ನನ್ನಂತೆ, ಆಸೆಯನ್ನು ಹೊಂದಿದ್ದರೆ, ನಾನು ನಿಮ್ಮನ್ನು ಮೆಚ್ಚಿಸಲು ಆತುರಪಡುತ್ತೇನೆ, ನಾನು ಅವುಗಳಲ್ಲಿ ಹೆಚ್ಚಿನದನ್ನು ಪರೀಕ್ಷಿಸಿದೆ ಮತ್ತು ಉತ್ತಮವಾದ ಪಟ್ಟಿಯನ್ನು ಸಂಗ್ರಹಿಸಿದೆ (ಮೇಲಿನ ಲಿಂಕ್‌ನಲ್ಲಿ).
ಆನ್ಲೈನ್ನಲ್ಲಿ ಪಾರದರ್ಶಕ ಹಿನ್ನೆಲೆಯನ್ನು ರಚಿಸಲು ನಿಮಗೆ ಅನುಮತಿಸುವ ಮೊದಲ ಸಂಪನ್ಮೂಲವೆಂದರೆ ಆನ್ಲೈನ್-ಫೋಟೋಶಾಪ್. ಅದರೊಂದಿಗೆ ಕೆಲಸ ಮಾಡುವುದು ತುಂಬಾ ಸರಳವಾಗಿದೆ, ಒಂದೆರಡು ನಿಮಿಷಗಳಲ್ಲಿ ನಿಮ್ಮ ಫೋಟೋದಲ್ಲಿ ಪಾರದರ್ಶಕ ಹಿನ್ನೆಲೆ ಹೊಂದಿರುವ ವಸ್ತುವನ್ನು ಪಡೆಯಲು ನಿಮಗೆ ಅನುಮತಿಸುತ್ತದೆ.
ಈಗ ನಾವು ಬಲಭಾಗದಲ್ಲಿರುವ ಬಾಣವನ್ನು ಒತ್ತಿ ಮತ್ತು ಫಲಿತಾಂಶವನ್ನು ನೋಡುತ್ತೇವೆ. ಎಲ್ಲವೂ ಸರಿಯಾಗಿದ್ದರೆ, ಮೇಲ್ಭಾಗದಲ್ಲಿರುವ "ಡೌನ್‌ಲೋಡ್" ಬಟನ್ ಕ್ಲಿಕ್ ಮಾಡಿ ಮತ್ತು ಫಲಿತಾಂಶವನ್ನು ನಿಮ್ಮ PC ಗೆ ಉಳಿಸಿ.
ಆನ್ಲೈನ್ನಲ್ಲಿ ಪಾರದರ್ಶಕ ಹಿನ್ನೆಲೆ ಮಾಡಲು ಮತ್ತೊಂದು ಸಾಧನವೆಂದರೆ ಫೋಟೋಶಾಪ್ ತರಹದ Pixlr ಆನ್ಲೈನ್ ಸಂಪಾದಕ. ಇದು ಗಮನಾರ್ಹ ಸಂಖ್ಯೆಯ ವೈಶಿಷ್ಟ್ಯಗಳನ್ನು ಹೊಂದಿದೆ, ಆದರೆ ನಾವು ಪ್ರಾಥಮಿಕವಾಗಿ ಆನ್ಲೈನ್ನಲ್ಲಿ ಪಾರದರ್ಶಕ ಹಿನ್ನೆಲೆಯನ್ನು ರಚಿಸಲು ಆಸಕ್ತಿ ಹೊಂದಿದ್ದೇವೆ.
ಈ ಸೇವೆಯು ಬಹುತೇಕ ಸಂಪೂರ್ಣ ಸ್ವಯಂಚಾಲಿತ ಆಯ್ಕೆಯಾಗಿದ್ದು ಅದು ಹಿನ್ನೆಲೆಯನ್ನು ಆನ್ಲೈನ್ನಲ್ಲಿ ಪಾರದರ್ಶಕವಾಗಿಸಲು ನಿಮಗೆ ಅನುಮತಿಸುತ್ತದೆ.
ಸೇವೆಯೊಂದಿಗೆ ಕೆಲಸ ಮಾಡಲು, ಅದಕ್ಕೆ ಹೋಗಿ, "ಬ್ರೌಸ್" ಬಟನ್ ಕ್ಲಿಕ್ ಮಾಡಿ, "ಸರಳ ಹಿನ್ನೆಲೆಯನ್ನು ಬದಲಾಯಿಸಿ" ಆಯ್ಕೆಯನ್ನು "ಪಾರದರ್ಶಕ" ಗೆ ಹೊಂದಿಸಲಾಗಿದೆ ಎಂದು ಖಚಿತಪಡಿಸಿಕೊಳ್ಳಿ ಮತ್ತು ಕೆಳಭಾಗದಲ್ಲಿರುವ ದೊಡ್ಡ "ಸರಿ" ಬಟನ್ ಕ್ಲಿಕ್ ಮಾಡಿ.
ಪ್ರಕ್ರಿಯೆಗೊಳಿಸಿದ ನಂತರ, ನೀವು ಫಲಿತಾಂಶವನ್ನು ವೀಕ್ಷಿಸಲು ಅಥವಾ ಸೂಕ್ತವಾದ ಲಿಂಕ್‌ಗಳನ್ನು ಬಳಸಿಕೊಂಡು ಅದನ್ನು ನಿಮ್ಮ ಕಂಪ್ಯೂಟರ್‌ಗೆ ಡೌನ್‌ಲೋಡ್ ಮಾಡಲು ಸಾಧ್ಯವಾಗುತ್ತದೆ.
ಯಾಂತ್ರೀಕೃತಗೊಂಡ ಕಾರಣ, ಫಲಿತಾಂಶದ ಪ್ರಕ್ರಿಯೆಯ ಗುಣಮಟ್ಟವು ಸಾಮಾನ್ಯವಾಗಿ ಮೇಲೆ ಪಟ್ಟಿ ಮಾಡಲಾದ ಆನ್ಲೈನ್-ಫೋಟೋಶಾಪ್ ಮತ್ತು Pixlr ಗಿಂತ ಕೆಟ್ಟದಾಗಿದೆ ಎಂದು ನಾನು ಗಮನಿಸುತ್ತೇನೆ.
ಆನ್ಲೈನ್ನಲ್ಲಿ ಫೋಟೋದಲ್ಲಿ ಪಾರದರ್ಶಕ ಹಿನ್ನೆಲೆಯನ್ನು ಉಚಿತವಾಗಿ ಮಾಡಲು ನಿಮಗೆ ಅನುಮತಿಸುವ ಮತ್ತೊಂದು ಸೇವೆ.
ಈ ಸೇವೆಯೊಂದಿಗೆ ಕೆಲಸ ಮಾಡಲು, ನೀವು ಫೋಟೋವನ್ನು ಸಿದ್ಧಪಡಿಸಬೇಕು, ಇದಕ್ಕಾಗಿ ನೀವು ಚಿತ್ರದ ಮೇಲೆ ಇಲ್ಲದ ಬಣ್ಣದೊಂದಿಗೆ ಸಂಭಾವ್ಯ ಪಾರದರ್ಶಕ ಪ್ರದೇಶದ ಮೇಲೆ ಚಿತ್ರಿಸಬೇಕಾಗಿದೆ (ಉದಾಹರಣೆಗೆ, ನೀಲಿ, ಕೆಳಗಿನ ಉದಾಹರಣೆಯಲ್ಲಿ ತೋರಿಸಿರುವಂತೆ). ಫೋಟೋ png ಅಥವಾ gif ರೂಪದಲ್ಲಿರುವುದು ಸಹ ಮುಖ್ಯವಾಗಿದೆ.
ಪಾರದರ್ಶಕ ಹಿನ್ನೆಲೆಯನ್ನು ರಚಿಸುವ ಈ ಸೇವೆಯು ಅದರ ಕಾರ್ಯವನ್ನು ಹಿಂದಿನದಕ್ಕೆ ಹೋಲುತ್ತದೆ, ಒಂದು ಬಣ್ಣದಲ್ಲಿ ಮಾಡಿದ ಹಿನ್ನೆಲೆ ಅಗತ್ಯವಿರುತ್ತದೆ. ಇದು ಈ ಬಣ್ಣವನ್ನು ಪಾರದರ್ಶಕ ಹಿನ್ನೆಲೆಯಾಗಿ ಪರಿವರ್ತಿಸುತ್ತದೆ, ಬಳಕೆದಾರರಿಗೆ ಅಗತ್ಯವಿರುವ ಚಿತ್ರವನ್ನು ಪಡೆಯುತ್ತದೆ.
Watermark.Algid.Net ಸೇವೆಗೆ ಹೋಲಿಸಿದರೆ, LunaPic ಸೇವೆಯು ಪೂರ್ಣ ಪ್ರಮಾಣದ ಫೋಟೋ ಎಡಿಟರ್‌ನಂತಿದೆ, ಈ ಸೇವೆಯಲ್ಲಿ ನಿರ್ಮಿಸಲಾದ ಪರಿಕರಗಳನ್ನು ಬಳಸಿಕೊಂಡು ಹಿನ್ನೆಲೆಯನ್ನು ಒಂದೇ ಬಣ್ಣದಲ್ಲಿ ಚಿತ್ರಿಸಲು ನಿಮಗೆ ಅನುಮತಿಸುತ್ತದೆ.
ಮೇಲೆ, ಆನ್ಲೈನ್ನಲ್ಲಿ ಪಾರದರ್ಶಕ ಹಿನ್ನೆಲೆ ಮಾಡಲು ನಿಮಗೆ ಅನುಮತಿಸುವ ಹಲವಾರು ಅನುಕೂಲಕರ ಮತ್ತು ಬಳಸಲು ಸುಲಭವಾದ ಸೇವೆಗಳನ್ನು ನಾನು ಪಟ್ಟಿ ಮಾಡಿದ್ದೇನೆ. ಅತ್ಯಂತ ಪರಿಣಾಮಕಾರಿ, ನನ್ನ ಅಭಿಪ್ರಾಯದಲ್ಲಿ, ಆನ್ಲೈನ್-ಫೋಟೋಶಾಪ್ ಮತ್ತು ಪಿಕ್ಸ್‌ಲರ್ ಸೇವೆಗಳು, ಅವುಗಳ ಸಂಸ್ಕರಣೆಯ ಫಲಿತಾಂಶಗಳು ಉತ್ತಮ ಮಟ್ಟದಲ್ಲಿವೆ ಮತ್ತು ಐಚ್ಛಿಕದ ನಿಶ್ಚಿತಗಳು ಸಂಕೀರ್ಣವಾಗಿಲ್ಲ. ನೀವು ಫೋಟೋಗಾಗಿ ಪಾರದರ್ಶಕ ಹಿನ್ನೆಲೆಯನ್ನು ಮಾಡಬೇಕಾದರೆ, ಈ ಪರಿಕರಗಳ ಸಾಮರ್ಥ್ಯಗಳನ್ನು ಬಳಸಲು ನಾನು ಶಿಫಾರಸು ಮಾಡುತ್ತೇವೆ, ಅವರು ಸುಲಭವಾಗಿ ಮತ್ತು ತ್ವರಿತವಾಗಿ ಆನ್ಲೈನ್ನಲ್ಲಿ ಪಾರದರ್ಶಕ ಹಿನ್ನೆಲೆಯನ್ನು ರಚಿಸಲು ನಿಮಗೆ ಅನುಮತಿಸುತ್ತದೆ.
ಇದಲ್ಲದೆ, ಉಚಿತ ಸ್ವರೂಪವಾಗಿ, PNG ವೆಬ್ ಡಿಸೈನರ್‌ಗೆ GIF ಗಿಂತ ವಿವಿಧ ಪ್ರಾಯೋಗಿಕ ಪ್ರಯೋಜನಗಳನ್ನು ನೀಡುತ್ತದೆ:
GIF ಮಾಡುವಂತೆ PNG ಅನಿಮೇಷನ್‌ಗೆ ಅನುಮತಿಸುವುದಿಲ್ಲ ಎಂಬುದನ್ನು ಗಮನಿಸುವುದು ಸೂಕ್ತವಾಗಿದೆ. ಆದರೆ ಇದನ್ನು ಅನುಮತಿಸುವ ಬಹು-ಇಮೇಜ್ ನೆಟ್‌ವರ್ಕ್ ಗ್ರಾಫಿಕ್ಸ್ (MNG) ಮಾನದಂಡವಿದೆ, ಆದರೆ ವೆಬ್ ಬ್ರೌಸರ್‌ಗಳು ಮತ್ತು ಇಮೇಜ್ ಎಡಿಟರ್‌ಗಳು ಇದನ್ನು ವ್ಯಾಪಕವಾಗಿ ಬೆಂಬಲಿಸುವುದಿಲ್ಲ.
PNG ಜಾಹೀರಾತಿನಷ್ಟು ಉತ್ತಮವಾಗಿದ್ದರೆ ವೆಬ್‌ನಲ್ಲಿ ಏಕೆ ವ್ಯಾಪಕವಾಗಿ ಬಳಸಲಾಗುವುದಿಲ್ಲ ಎಂದು ನೀವು ಬಹುಶಃ ಆಶ್ಚರ್ಯ ಪಡುತ್ತೀರಿ. ಉತ್ತರವು ಬಹುಪಾಲು, ಸ್ವರೂಪ ಮತ್ತು ಅದರ ಬ್ರೌಸರ್ ಬೆಂಬಲದ ಬಗ್ಗೆ ತಪ್ಪು ಕಲ್ಪನೆಯಾಗಿದೆ.
ಇಂಟರ್ನೆಟ್ ಎಕ್ಸ್‌ಪ್ಲೋರರ್ 6 ಮತ್ತು ಹಿಂದಿನದು PNG ಸಾಮರ್ಥ್ಯಗಳ ಪೂರ್ಣ ಶ್ರೇಣಿಯನ್ನು ಬೆಂಬಲಿಸದ ಕಾರಣ (ಆಲ್ಫಾ ಚಾನಲ್ ಪಾರದರ್ಶಕತೆ ಸೇರಿದಂತೆ), ಜನರು ಇಂಟರ್ನೆಟ್ ಎಕ್ಸ್‌ಪ್ಲೋರರ್ PNG ಅನ್ನು ಬೆಂಬಲಿಸುವುದಿಲ್ಲ ಅಥವಾ ಕನಿಷ್ಠ ಪಾರದರ್ಶಕತೆಯನ್ನು ಬೆಂಬಲಿಸುವುದಿಲ್ಲ ಎಂದು ನಂಬುತ್ತಾರೆ (ಸತ್ಯವಲ್ಲ). ವಾಸ್ತವವಾಗಿ, ಇಂಟರ್ನೆಟ್ ಎಕ್ಸ್‌ಪ್ಲೋರರ್ 5 ಮತ್ತು 6 ಅನಿಮೇಟೆಡ್ ಅಲ್ಲದ GIF ಚಿತ್ರಗಳಿಗೆ ಕ್ರಿಯಾತ್ಮಕವಾಗಿ ಸಮಾನ (ಅಥವಾ ಹೆಚ್ಚು) ಮಾಡಲು PNG ವಿವರಣೆಯನ್ನು ಸಾಕಷ್ಟು ಬೆಂಬಲಿಸುತ್ತದೆ. ಫೈರ್‌ಫಾಕ್ಸ್, ನೆಟ್‌ಸ್ಕೇಪ್ 6 ಮತ್ತು ಮೇಲ್ಪಟ್ಟ, ಮೊಜಿಲ್ಲಾ, ಒಪೇರಾ 6 ಮತ್ತು ಮೇಲ್ಪಟ್ಟ, ಸಫಾರಿ ಮತ್ತು ಕ್ಯಾಮಿನೊ ಸೇರಿದಂತೆ ಎಲ್ಲಾ ಇತರ ಉಲ್ಲೇಖಿಸಲಾದ ಬ್ರೌಸರ್‌ಗಳು PNG ಪಾರದರ್ಶಕತೆಯನ್ನು ಸಂಪೂರ್ಣವಾಗಿ ಬೆಂಬಲಿಸುತ್ತವೆ.
ಬ್ರೌಸರ್ ಬೆಂಬಲದ ಕುರಿತಾದ ಈ ತಪ್ಪು ಕಲ್ಪನೆಯ ಹೊರತಾಗಿ, ಎಂಬೆಡೆಡ್ GIF ಅನಿಮೇಶನ್ ಅದರ ಯಶಸ್ಸಿಗೆ ಪ್ರಮುಖ ಕಾರಣವಾಗಿದೆ (ಮತ್ತು ಮುಂದುವರಿಯುತ್ತದೆ). ಆದಾಗ್ಯೂ, ವರ್ಷಗಳಲ್ಲಿ, GIF ನ ಬಳಕೆಯು ಇತರ ತಂತ್ರಜ್ಞಾನಗಳಿಗೆ ಹೋಲಿಸಿದರೆ ಕಡಿಮೆ ಜನಪ್ರಿಯವಾಗಿದೆ (ಉದಾ ಫ್ಲ್ಯಾಶ್), ಇದು ಅನಿಮೇಷನ್‌ಗೆ ಹೆಚ್ಚು ಸೂಕ್ತವಾಗಿದೆ.
ಪಾರದರ್ಶಕತೆಯು GIF ಗಳು ಮತ್ತು PNG ಗಳ ಪ್ರಮುಖ ಲಕ್ಷಣವಾಗಿದೆ ಮತ್ತು ವೆಬ್ ಡಿಸೈನರ್ ಯಾವ ಸ್ವರೂಪವನ್ನು ಬಳಸಬೇಕೆಂದು ಆಯ್ಕೆಮಾಡಲು ಇದು ಕಾರಣವಾಗಿದೆ. PNG ಹೆಚ್ಚು ಸಮಗ್ರ ಪಾರದರ್ಶಕತೆ ಬೆಂಬಲವನ್ನು ನೀಡುತ್ತದೆಯಾದರೂ, ವೆಬ್ ವಿನ್ಯಾಸಕರು ಸಾಮಾನ್ಯವಾಗಿ ಹಳೆಯ ಬ್ರೌಸರ್‌ಗಳಿಗೆ ಹೊಂದಿಕೊಳ್ಳಲು ಚಿತ್ರಗಳ GIF ಆವೃತ್ತಿಗಳನ್ನು ರಚಿಸಬೇಕಾಗುತ್ತದೆ. CSS ಅನ್ನು ಬಳಸುವುದರಿಂದ ಹಳೆಯ ಬ್ರೌಸರ್‌ಗಳಿಗೆ GIF ಚಿತ್ರಗಳನ್ನು ಮತ್ತು ಅವುಗಳನ್ನು ಅರ್ಥಮಾಡಿಕೊಳ್ಳುವ ಬ್ರೌಸರ್‌ಗಳಿಗೆ ಉತ್ತಮ ಗುಣಮಟ್ಟದ PNG ಗಳನ್ನು ಕಳುಹಿಸುವ ಮೂಲಕ ಇದು ಸಾಧ್ಯ (ಮತ್ತು ಸ್ವಲ್ಪ ಕ್ಷುಲ್ಲಕ). ಆದರೆ ಇದು ವೆಬ್ ಡಿಸೈನರ್‌ಗೆ ಡಬಲ್ ವರ್ಕ್ ಆಗಿದೆ ಮತ್ತು ಇದರ ಪರಿಣಾಮವಾಗಿ, ಜನರು ಕನಿಷ್ಠ ಪ್ರತಿರೋಧದೊಂದಿಗೆ ಹೋಗುತ್ತಾರೆ ಮತ್ತು GIF ಚಿತ್ರಗಳನ್ನು ಬಳಸುತ್ತಲೇ ಇರುತ್ತಾರೆ.
ಆದ್ದರಿಂದ, GIF ಇನ್ನೂ ಏಕೆ ಜನಪ್ರಿಯವಾಗಿದೆ ಎಂಬುದಕ್ಕೆ ನಾವು ಕೆಲವು ಕಾರಣಗಳನ್ನು ನೋಡಿದ್ದೇವೆ, ಆದರೆ ಅವುಗಳಲ್ಲಿ ಹೆಚ್ಚಿನವು ಪರಿಕಲ್ಪನೆಗಳ ತಪ್ಪು ತಿಳುವಳಿಕೆ ಅಥವಾ ಪರಿಚಿತ ಕೆಲಸದ ಹರಿವನ್ನು ಬಳಸುವುದನ್ನು ಆಧರಿಸಿವೆ. PNG ಯ ಕೆಲವು ಪ್ರಮುಖ ಜ್ಞಾನದೊಂದಿಗೆ ಶಸ್ತ್ರಸಜ್ಜಿತವಾಗಿದೆ ಮತ್ತು ಅದನ್ನು ಬ್ರೌಸರ್‌ಗಳಲ್ಲಿ ಹೇಗೆ ವಿಶ್ವಾಸಾರ್ಹವಾಗಿ ಬಳಸಬಹುದು, ಅದು ನೀಡುವ ಎಲ್ಲಾ ಪ್ರಯೋಜನಗಳ ಲಾಭವನ್ನು ನೀವು ಪಡೆಯುವ ಸ್ಥಿತಿಯಲ್ಲಿರುತ್ತೀರಿ.
JPEG ಮತ್ತೊಂದು ಸರ್ವತ್ರ ವೆಬ್ ಸ್ವರೂಪವಾಗಿದೆ ಮತ್ತು ಹೆಚ್ಚಿನ ಸಂದರ್ಭಗಳಲ್ಲಿ, ಉದಾಹರಣೆಗೆ ಫೋಟೋಗಳು (ಅಥವಾ ಹಾಗೆ), ಇದು PNG ಅಥವಾ GIF ಗಿಂತಲೂ ಉತ್ತಮವಾಗಿದೆ. PNG JPEG ಯೊಂದಿಗೆ ಸ್ಪರ್ಧಿಸಲು ಉದ್ದೇಶಿಸಿಲ್ಲ. JPEG ಸಂಕೋಚನವು ಫೋಟೋಗಳೊಂದಿಗೆ ಕೆಲಸ ಮಾಡುವಾಗ ಫೈಲ್‌ಗಳನ್ನು PNG ಗಿಂತ ಚಿಕ್ಕದಾಗಿಸುತ್ತದೆ. ಮತ್ತೊಂದೆಡೆ, ಚಿತ್ರಗಳ ಒಳಗೆ ಪಠ್ಯ, ಕಲಾತ್ಮಕ ರೇಖೆಗಳು, ಲೋಗೋಗಳು, "ಘನ" ಬಣ್ಣಗಳು ಇತ್ಯಾದಿಗಳಿರುವಾಗ PNG ಚಿಕ್ಕ ಫೈಲ್‌ಗಳನ್ನು ಉತ್ಪಾದಿಸುತ್ತದೆ.
ಈಗ ವೆಬ್ ವಿನ್ಯಾಸದಲ್ಲಿ PNG ಅನ್ನು ಹೇಗೆ ಬಳಸುವುದು ಎಂದು ನೋಡೋಣ. ED ನ ಸ್ನೇಹಿತರಲ್ಲಿ ಲಭ್ಯವಿರುವ ಪ್ರತ್ಯೇಕ ಫೋಲ್ಡರ್‌ನಲ್ಲಿ ಪ್ರತಿ ಉದಾಹರಣೆಗಾಗಿ ನಾನು ಎಲ್ಲಾ ಫೈಲ್‌ಗಳನ್ನು ಸಂಗ್ರಹಿಸಿದ್ದೇನೆ.
ಕಳೆದ ಕೆಲವು ವರ್ಷಗಳಿಂದ, ಗ್ರೇಡಿಯಂಟ್ - ಎರಡು ಅಥವಾ ಹೆಚ್ಚಿನ ಬಣ್ಣಗಳ ನಡುವಿನ ಮೃದುವಾದ ಪರಿವರ್ತನೆ - ವೆಬ್ ಡಿಸೈನರ್‌ನ ಉತ್ತಮ ಸ್ನೇಹಿತನಾಗಿದ್ದಾನೆ. ವಿಶೇಷವಾಗಿ ಜನಪ್ರಿಯವಾಗಿರುವ ಸೂಕ್ಷ್ಮವಾದ, ಸೂಕ್ಷ್ಮವಾದ ಗ್ರೇಡಿಯಂಟ್ ತುಂಬುವಿಕೆಗಳು ಎದ್ದುಕಾಣದಂತೆ ಆಳ ಮತ್ತು ವಿನ್ಯಾಸದ ಅರ್ಥವನ್ನು ಸೃಷ್ಟಿಸುತ್ತವೆ.
ಕೆಲವೊಮ್ಮೆ GIF ಗ್ರೇಡಿಯಂಟ್‌ಗೆ ಅತ್ಯುತ್ತಮ ಆಯ್ಕೆಯಾಗಿದೆ. ಗ್ರೇಡಿಯಂಟ್ ಸರಳವಾದ ಎರಡು-ಬಣ್ಣದ ಪರಿವರ್ತನೆಯಾಗಿದ್ದರೆ, GIF ಅದರಲ್ಲಿ ದೋಷರಹಿತವಾಗಿ ಕಾರ್ಯನಿರ್ವಹಿಸುತ್ತದೆ. ಆದಾಗ್ಯೂ, ಕೇವಲ 256 ಬಣ್ಣಗಳಿಗೆ GIF ನ ಮಿತಿಯು ಹೆಚ್ಚು ಸಂಕೀರ್ಣವಾದ ಗ್ರೇಡಿಯಂಟ್ ಪರಿವರ್ತನೆಗಳ ನಡುವೆ ಗಮನಾರ್ಹ ಮತ್ತು ಗೊಂದಲಮಯ "ಬ್ಯಾಂಡಿಂಗ್" ಅನ್ನು ರಚಿಸುತ್ತದೆ. JPEG, ಮತ್ತೊಂದೆಡೆ, ಸಾಕಷ್ಟು ಅಚ್ಚುಕಟ್ಟಾಗಿ ಗ್ರೇಡಿಯಂಟ್‌ಗಳನ್ನು ಉತ್ಪಾದಿಸಬಹುದು, ಆದರೆ ಸಾಮಾನ್ಯವಾಗಿ ದೊಡ್ಡ ಫೈಲ್ ಗಾತ್ರದ ವೆಚ್ಚದಲ್ಲಿ. ಮತ್ತು JPEG ಗ್ರೇಡಿಯಂಟ್‌ಗಳು ಸಾಮಾನ್ಯವಾಗಿ ಸಾಕಷ್ಟು ಉತ್ತಮವಾಗಿದ್ದರೂ, JPEG ನಷ್ಟದ ಸಂಕೋಚನವನ್ನು ಬಳಸುತ್ತದೆ ಎಂಬುದನ್ನು ನೆನಪಿಡಿ, ಅಂದರೆ ಫಲಿತಾಂಶದ ಚಿತ್ರವು ಸಂಕ್ಷೇಪಿಸದ ಚಿತ್ರದ ಗುಣಮಟ್ಟಕ್ಕೆ ಎಂದಿಗೂ ಹೊಂದಿಕೆಯಾಗುವುದಿಲ್ಲ.
ಪ್ರಶ್ನೆಯಲ್ಲಿರುವ ವಿಶಿಷ್ಟ ಹಿನ್ನೆಲೆ ಗ್ರೇಡಿಯಂಟ್ ಶೈಲಿಯನ್ನು ಬಟನ್‌ಗಳು, ಬಾಕ್ಸ್‌ಗಳು ಅಥವಾ ಬೇರೆಲ್ಲಿಯಾದರೂ ಬಳಸಲಾಗುತ್ತದೆ. ಇದು ಚಿತ್ರ 5-1 ನಂತೆ ಕಾಣಿಸಬಹುದು. ಪ್ರದಕ್ಷಿಣಾಕಾರವಾಗಿ, ಮೇಲಿನ ಎಡದಿಂದ, ನಾವು ಮೂಲ (ಸಂಕ್ಷೇಪಿಸದ) ಚಿತ್ರ, GIF ಆವೃತ್ತಿ, PNG ಆವೃತ್ತಿ ಮತ್ತು JPEG ಅನ್ನು ನೋಡುತ್ತೇವೆ. ಫಲಿತಾಂಶದಲ್ಲಿ PNG ಚಿಕ್ಕ ಗಾತ್ರವನ್ನು (515 ಬೈಟ್‌ಗಳು) ಹೊಂದಿದೆ ಎಂದು ನೀವು ನೋಡಬಹುದು. ಇದು GIF ಚಿತ್ರಕ್ಕಿಂತ ನಾಲ್ಕು ಪಟ್ಟು ಚಿಕ್ಕದಾಗಿದೆ. JPEG 637 ಬೈಟ್‌ಗಳಲ್ಲಿ PNG ಗಿಂತ ಸ್ವಲ್ಪ ದೊಡ್ಡದಾಗಿದೆ ಮತ್ತು ನಷ್ಟದ ಸಂಕೋಚನದಿಂದಾಗಿ ಗುಣಮಟ್ಟದಲ್ಲಿ ಕಡಿಮೆಯಾಗಿದೆ (ಆದರೂ ಈ ಸರಳ ಉದಾಹರಣೆಯಲ್ಲಿ ಗುಣಮಟ್ಟದ ವ್ಯತ್ಯಾಸವನ್ನು ನಿರ್ಧರಿಸುವ ಮಾನವ ಕಣ್ಣಿನ ಸಾಮರ್ಥ್ಯವು ಪ್ರಶ್ನಾರ್ಹವಾಗಿದೆ).
ಚಿತ್ರ 5-1
ಫೋಟೋಶಾಪ್‌ನ ಫಲಕ - ವೆಬ್‌ಗಾಗಿ ಉಳಿಸಿ,
ವಿಭಿನ್ನ ಸ್ವರೂಪಗಳಲ್ಲಿ ಒಂದೇ ಚಿತ್ರಕ್ಕಾಗಿ ಫೈಲ್ ಗಾತ್ರದ ವ್ಯತ್ಯಾಸಗಳನ್ನು ತೋರಿಸುತ್ತದೆ
ಕೆಲವೊಮ್ಮೆ ವಿಭಿನ್ನ ತಲಾಧಾರಗಳಲ್ಲಿ ಒಂದೇ ರೀತಿ ಕಾರ್ಯನಿರ್ವಹಿಸುವ ಚಿತ್ರವನ್ನು ರಚಿಸುವುದು ಅವಶ್ಯಕ. ಕೆಲವು ಸಾಮಾನ್ಯ ಉದಾಹರಣೆಗಳೆಂದರೆ ಲೋಗೋಗಳು ಮತ್ತು ಐಕಾನ್‌ಗಳು. ಈ ಸಂದರ್ಭಗಳಲ್ಲಿ ಸಾಂಪ್ರದಾಯಿಕವಾಗಿ GIF ಗಳು ಪ್ರಾಬಲ್ಯ ಹೊಂದಿವೆ, ಆದರೆ ಈ ಪರಿಸ್ಥಿತಿಯಲ್ಲಿ PNG ಉತ್ತಮ ಆಯ್ಕೆಯಾಗಲು ಹಲವಾರು ಕಾರಣಗಳಿವೆ. PNG ಲೋಗೋಗಳು ಅಥವಾ ಕೆಲವು ಇತರ ಸರಳವಾದ "ಕಲೆ" ಗಾಗಿ ಫೈಲ್ ಗಾತ್ರದಲ್ಲಿ ಗೆಲ್ಲಲು ಒಲವು ತೋರುತ್ತದೆ. ಹೆಚ್ಚುವರಿಯಾಗಿ, PNG ಯ ಅಂತರ್ಗತ ಪಾರದರ್ಶಕತೆಯು ಯಾವುದೇ ಹಿನ್ನೆಲೆಯ ಮೇಲೆ ಕಾರ್ಯನಿರ್ವಹಿಸುವ ಏಕೈಕ ಫೈಲ್‌ಗಳನ್ನು ರಚಿಸಲು ಸುಲಭಗೊಳಿಸುತ್ತದೆ. PNG GIF ನಂತಹ ಬೈನರಿ ಪಾರದರ್ಶಕತೆಯನ್ನು ನೀಡುತ್ತದೆ, ಆದರೆ ಆಲ್ಫಾ ಚಾನಲ್‌ನೊಂದಿಗೆ ಹೆಚ್ಚು ಅಪೇಕ್ಷಣೀಯ ಆಯ್ಕೆಯನ್ನು ಒದಗಿಸುತ್ತದೆ, ಇದರಲ್ಲಿ ಪಿಕ್ಸೆಲ್‌ಗಳು ಕೇವಲ ಆನ್ ಅಥವಾ ಆಫ್ ಆಗುವ ಬದಲು ಭಾಗಶಃ ಪಾರದರ್ಶಕವಾಗಿರುತ್ತದೆ. ಎರಡನೆಯದನ್ನು ಬಳಸುವುದರಿಂದ ಫೈಲ್ ಗಾತ್ರವನ್ನು ಹೆಚ್ಚಿಸುತ್ತದೆ, ಕೆಲವೊಮ್ಮೆ ಬೈನರಿ ಪಾರದರ್ಶಕತೆಯೊಂದಿಗೆ GIF ಗಿಂತ ಹೆಚ್ಚಾಗಿರುತ್ತದೆ, ಆದರೆ ಇದು ನಿಮ್ಮ ಚಿತ್ರದ ಅಂಚುಗಳಲ್ಲಿ ಸುಗಮಗೊಳಿಸಲು ಅನುಮತಿಸುತ್ತದೆ ಮತ್ತು ಅದನ್ನು ಹಿನ್ನೆಲೆಯಲ್ಲಿ ಇರಿಸಲು ಹೆಚ್ಚು ಸೊಗಸಾದ ಮಾಡುತ್ತದೆ.
ಆದಾಗ್ಯೂ, ನಾನು ಕೊರೆಯಚ್ಚು ಚಿಹ್ನೆಗಳೊಂದಿಗೆ ಬಿಳಿ ಚಿತ್ರವನ್ನು ಬಳಸಿಕೊಂಡು ಅವರ ಪರಿಕಲ್ಪನೆಯನ್ನು ಪುನಃ ರಚಿಸಿದ್ದೇನೆ. ಅವರು ಪಾರದರ್ಶಕ ಹಿನ್ನೆಲೆಯಲ್ಲಿ ಬಿಳಿ ಚಿಹ್ನೆಯನ್ನು ಬಳಸಿದರು, ಇದು ಸಾಮಾನ್ಯವಾಗಿ ಸಾಕಷ್ಟು ಪರಿಣಾಮಕಾರಿಯಾಗಿದೆ. ಈ ಸಂದರ್ಭದಲ್ಲಿ, ನಿಮ್ಮ ಹಿನ್ನೆಲೆ css ಬಣ್ಣಚಿಹ್ನೆಯ ಬದಲಿಗೆ, ಚಿಹ್ನೆಯ ಸುತ್ತಲೂ ಚೌಕ ಅಥವಾ ಆಯತಾಕಾರದ ಪ್ರದೇಶದಲ್ಲಿ ಕಾಣಿಸಿಕೊಳ್ಳುತ್ತದೆ.
Dan ಮತ್ತು PJ ಇಬ್ಬರೂ PNG ಬದಲಿಗೆ ಪಾರದರ್ಶಕ GIF ಅನ್ನು ಬಳಸಿದ್ದಾರೆ. ಇದು ಅವರ ಅಗತ್ಯಗಳನ್ನು ಸಂಪೂರ್ಣವಾಗಿ ಒಳಗೊಂಡಿದೆ, ಮತ್ತು ಅವರು ಐಕಾನ್‌ಗಳ ಶೈಲಿಗೆ ಪಿಕ್ಸೆಲೇಟೆಡ್ ಚಿತ್ರಗಳನ್ನು ರಚಿಸಬೇಕಾಗಿತ್ತು. PNG ಯೊಂದಿಗೆ, ನೀವು ಇದೇ ರೀತಿಯ ತಂತ್ರವನ್ನು ಪಡೆಯಬಹುದು, ಆದರೆ ಹೆಚ್ಚು ವಿವರವಾದ ಐಕಾನ್‌ಗಳಲ್ಲಿ ಬಳಸಲು ವಿರೋಧಿ ಅಲಿಯಾಸಿಂಗ್ ಮತ್ತು ಭಾಗಶಃ ಪಾರದರ್ಶಕತೆಯ ಹೆಚ್ಚುವರಿ ಪ್ರಯೋಜನದೊಂದಿಗೆ.
ನೀವು ಏನು ಯೋಚಿಸುತ್ತಿದ್ದೀರಿ ಎಂದು ನನಗೆ ತಿಳಿದಿದೆ: ಎಲ್ಲಾ PNG ಪಾರದರ್ಶಕತೆ ಚೆನ್ನಾಗಿ ಕಾಣುತ್ತದೆ, ಆದರೆ ಇದು ಪ್ರಾಯೋಗಿಕವಾಗಿದೆಯೇ?
ಒಳ್ಳೆಯ ಸುದ್ದಿ ಏನೆಂದರೆ, ಎಲ್ಲಾ ಆಧುನಿಕ ಬ್ರೌಸರ್‌ಗಳು ಆಲ್ಫಾ ಚಾನಲ್ ಪಾರದರ್ಶಕತೆ ಸೇರಿದಂತೆ PNG ಚಿತ್ರಗಳನ್ನು ಸಂಪೂರ್ಣವಾಗಿ ಬೆಂಬಲಿಸುತ್ತವೆ, ನಾನು ಉದಾಹರಣೆಗಳಲ್ಲಿ ತೋರಿಸಿರುವ ಪ್ರಯೋಜನಗಳು. ಸಫಾರಿ (ಎಲ್ಲಾ ಆವೃತ್ತಿಗಳು), ಫೈರ್‌ಫಾಕ್ಸ್ (ಎಲ್ಲಾ ಆವೃತ್ತಿಗಳು), ಒಪೇರಾ (ಆವೃತ್ತಿಗಳು 6 ಮತ್ತು ಮೇಲಿನವು), ನೆಟ್‌ಸ್ಕೇಪ್ (ಆವೃತ್ತಿಗಳು 6 ಮತ್ತು ಮೇಲಿನವು), ಮತ್ತು ಮೊಜಿಲ್ಲಾ (ಎಲ್ಲಾ ಆವೃತ್ತಿಗಳು) ನಾನು ಬ್ಯಾಂಗ್‌ನೊಂದಿಗೆ ಮಾಡಲು ಕೇಳುವ ಎಲ್ಲವನ್ನೂ ಮಾಡುತ್ತದೆ. ಆದರೆ ಕೆಟ್ಟ ಸುದ್ದಿ ಎಂದರೆ ನಿಮ್ಮ ಹೆಚ್ಚಿನ ಬಳಕೆದಾರರು ಹೊಂದಿರುವ ಬ್ರೌಸರ್ ಅನ್ನು ನಾನು ಇನ್ನೂ ಉಲ್ಲೇಖಿಸಿಲ್ಲ: Internet Explorer.
Internet Explorer 6 ಮತ್ತು ಕೆಳಗಿನವು PNG ಸ್ವರೂಪದಲ್ಲಿ ಎಂಬೆಡ್ ಮಾಡಲಾದ ಆಲ್ಫಾ ಚಾನಲ್ ಪಾರದರ್ಶಕತೆಯನ್ನು ಬೆಂಬಲಿಸುವುದಿಲ್ಲ. ಬ್ರೌಸರ್ ಆಯ್ಕೆಯನ್ನು (ಅಥವಾ ಆಯ್ಕೆಯಾಗಿಲ್ಲ) ಅನೇಕ ವೆಬ್ ಸರ್ಫರ್‌ಗಳಿಗೆ ಮಾಡಲಾಗಿರುವುದರಿಂದ, ಈ ಅಂತರದ ರಂಧ್ರವು ವೆಬ್ ವಿನ್ಯಾಸಕರನ್ನು PNG ನಿಂದ ದೂರವಿರಿಸಿದೆ. ಆದರೆ, ಇಂಟರ್ನೆಟ್ ಎಕ್ಸ್‌ಪ್ಲೋರರ್ 7 ಬಿಡುಗಡೆಯೊಂದಿಗೆ, ನಾವು ಎಲ್ಲಾ ಪ್ರಮುಖ ಬ್ರೌಸರ್‌ಗಳಲ್ಲಿ PNG ಆಲ್ಫಾ ಪಾರದರ್ಶಕತೆಗೆ ಸಂಪೂರ್ಣ ಬೆಂಬಲವನ್ನು ಪಡೆದುಕೊಂಡಿದ್ದೇವೆ. ಮುಂದೆ ಏನಿದೆ, ಇಂಟರ್ನೆಟ್ ಎಕ್ಸ್‌ಪ್ಲೋರರ್ 6 ಮತ್ತು ಕೆಳಗಿನವುಗಳಲ್ಲಿ PNG ಆಲ್ಫಾ ಪಾರದರ್ಶಕತೆಯೊಂದಿಗೆ ಕೆಲಸ ಮಾಡುವ ಮಾರ್ಗಗಳಿವೆಯೇ? ಆದ್ದರಿಂದ, ನೀವು ಈ ಪರಿಣಾಮವನ್ನು ಬಳಸಲು ಬಯಸಿದರೆ, ಯಾವುದೂ ನಿಮ್ಮನ್ನು ತಡೆಯುವುದಿಲ್ಲ. ಇಂಟರ್ನೆಟ್ ಎಕ್ಸ್‌ಪ್ಲೋರರ್ 6 ಮತ್ತು ಹಿಂದಿನ ಆವೃತ್ತಿಗಳಿಗೆ ಸಾಕಷ್ಟು ಗಮನ ಬೇಕು, ಆದರೆ ಇದು ಖಂಡಿತವಾಗಿಯೂ ಸಾಧ್ಯ.
ಇಂಟರ್ನೆಟ್ ಎಕ್ಸ್‌ಪ್ಲೋರರ್ ವಿವಿಧ ಸ್ಥಳೀಯ ಫಿಲ್ಟರ್‌ಗಳೊಂದಿಗೆ ಬರುತ್ತದೆ. ಅವುಗಳನ್ನು CSS ನಲ್ಲಿ ಬಳಸಲಾಗುತ್ತದೆ, ಆದರೆ ಅವು ಅಧಿಕೃತ CSS ವಿವರಣೆಯ ಭಾಗವಾಗಿಲ್ಲ. ಬೇರೆ ರೀತಿಯಲ್ಲಿ ಹೇಳುವುದಾದರೆ, ಅವುಗಳನ್ನು ವೆಬ್‌ನಲ್ಲಿ ಪ್ರಮಾಣೀಕರಿಸಲಾಗಿಲ್ಲ. ದುರದೃಷ್ಟವಶಾತ್ Internet Explorer 6 ಮತ್ತು ಕೆಳಗಿನವು PNG ಸ್ವರೂಪವನ್ನು ಸಂಪೂರ್ಣವಾಗಿ ಬೆಂಬಲಿಸುವುದಿಲ್ಲ (ಇದು W3C ನಿಂದ ಶಿಫಾರಸು ಮಾಡಲ್ಪಟ್ಟಿದೆ), ಮೈಕ್ರೋಸಾಫ್ಟ್ ಈ ನ್ಯೂನತೆಯನ್ನು ಸರಿಪಡಿಸುವ ಫಿಲ್ಟರ್ ಅನ್ನು ಹೊಂದಿದೆ: AlphaImageLoader.
ಮೈಕ್ರೋಸಾಫ್ಟ್‌ನ ಅಧಿಕೃತ ವೆಬ್‌ಸೈಟ್‌ನಲ್ಲಿನ ಒಂದು ವಿಭಾಗದ ಪ್ರಕಾರ, AlphaImageLoader "ವಸ್ತುವಿನ ಮಿತಿಯೊಳಗೆ ಮತ್ತು ವಸ್ತುವಿನ ಹಿನ್ನೆಲೆ ಮತ್ತು ಅದರ ವಿಷಯದ ನಡುವೆ ಚಿತ್ರವನ್ನು ಪ್ರದರ್ಶಿಸುತ್ತದೆ." ಬೇರೆ ರೀತಿಯಲ್ಲಿ ಹೇಳುವುದಾದರೆ, AlphaImageLoader ಅದರ ಸಂಪೂರ್ಣ ಪಾರದರ್ಶಕತೆಯೊಂದಿಗೆ PNG ಚಿತ್ರವನ್ನು ಲೋಡ್ ಮಾಡುತ್ತದೆ, ಆದರೆ ಅದು ಅದನ್ನು ತನ್ನದೇ ಆದ ಪದರವಾಗಿ ಲೋಡ್ ಮಾಡುತ್ತದೆ, ಅದರ ಕೆಳಗೆ ಅದನ್ನು ಅನ್ವಯಿಸಲಾದ ವಸ್ತುವಿನ ವಿಷಯವಾಗಿದೆ. ಈ ರೀತಿಯಲ್ಲಿ ಲೋಡ್ ಮಾಡಲಾದ PNG ಚಿತ್ರಗಳು ಮುಂಭಾಗದ ಚಿತ್ರಗಳಿಗಿಂತ ಹಿನ್ನೆಲೆ ಚಿತ್ರಗಳಂತೆ ಕಾರ್ಯನಿರ್ವಹಿಸುತ್ತವೆ (ಆದರೂ ಅವರು ವಸ್ತುವಿನ ಹಿನ್ನೆಲೆಯ ಮೇಲೆ "ಕುಳಿತುಕೊಳ್ಳುತ್ತಾರೆ").
ಸಾಮಾನ್ಯವಾಗಿ, ನೀವು img ಅಂಶಗಳ ಮೇಲೆ CSS ನಲ್ಲಿ AlphaImageLoader ಅನ್ನು ಸರಳವಾಗಿ ಅನ್ವಯಿಸಬಹುದು ಮತ್ತು ಫಲಿತಾಂಶವನ್ನು ಆನಂದಿಸಬಹುದು. ಚಿತ್ರವನ್ನು ಮೊದಲು ಲೋಡ್ ಮಾಡಲಾಗುತ್ತದೆ, ಪಾರದರ್ಶಕತೆ ಉಳಿಯುತ್ತದೆ, ಆದರೆ ನಂತರ ಚಿತ್ರವನ್ನು ಮತ್ತೆ ಲೋಡ್ ಮಾಡಲಾಗುತ್ತದೆ - ವಸ್ತುವಿನ ಮುಂಭಾಗದ ವಿಷಯವಾಗಿ - ಅಪಾರದರ್ಶಕ ಪ್ರದೇಶಗಳೊಂದಿಗೆ (ಹೀಗೆ ನಿಮ್ಮ ಪಾರದರ್ಶಕ ಆವೃತ್ತಿಯನ್ನು "ಮಬ್ಬಾಗಿಸುವಿಕೆ").
ನೀವು ಪಾರದರ್ಶಕ PNG ಅನ್ನು ಹಿನ್ನೆಲೆಯಾಗಿ ಬಳಸಲು ಸಾಧ್ಯವಿಲ್ಲ css ಚಿತ್ರ(X) HTML ಅಂಶಕ್ಕಾಗಿ (ಹೇಳಿ
ಹಿಂದಿನ ಉದಾಹರಣೆಗಳಲ್ಲಿ ಒಂದಕ್ಕೆ ಹಿಂತಿರುಗಿ ಮತ್ತು ಅದನ್ನು ಇಂಟರ್ನೆಟ್ ಎಕ್ಸ್‌ಪ್ಲೋರರ್‌ನಲ್ಲಿ ಸರಿಯಾಗಿ ಲೋಡ್ ಮಾಡಲು ಪ್ರಯತ್ನಿಸೋಣ. ಟೊಪೆಕಾದಲ್ಲಿರುವ ಟಿವಿ ಸ್ಟೇಷನ್ ಚಾನೆಲ್ 49 ನೆನಪಿದೆಯೇ? ಹೌದು ಎಂದು ನನಗೆ ಖಾತ್ರಿಯಿದೆ. ಇಂಟರ್ನೆಟ್ ಎಕ್ಸ್‌ಪ್ಲೋರರ್ 6 ರಲ್ಲಿ ಸೈಟ್ ಹೇಗೆ ಕಾಣುತ್ತದೆ ಎಂಬುದನ್ನು ಚಿತ್ರ 5-21 ತೋರಿಸುತ್ತದೆ.
ಚಿತ್ರ 5-21
49abcnews.com ಹೆಡ್‌ಲೈನ್ ಅನ್ನು ವಿಂಡೋಸ್‌ಗಾಗಿ ಇಂಟರ್ನೆಟ್ ಎಕ್ಸ್‌ಪ್ಲೋರರ್ 6 ರಲ್ಲಿ ಪ್ರದರ್ಶಿಸಲಾಗಿದೆ, PNG ಪಾರದರ್ಶಕತೆ ಹಾಗೇ ಇದೆ.
ಹವಾಮಾನ-ಸಂಬಂಧಿತ ಮೇಲ್ಭಾಗದ HTML ನೀವು ಈಗಾಗಲೇ ಊಹಿಸಿರುವಂತೆ ತೋರುತ್ತಿದೆ:
ಪ್ರಸ್ತುತ ಟೊಪೇಕಾದಲ್ಲಿ, KS:
82°
ಮುನ್ಸೂಚನೆ ಮತ್ತು ಹೆಚ್ಚಿನದನ್ನು ಪಡೆಯಿರಿ...
ನೀವು ಚಿತ್ರವನ್ನು ನೋಡುತ್ತೀರಿ ಮತ್ತು ಇದು ಖಂಡಿತವಾಗಿಯೂ PNG ಆಗಿದೆ, ಇಂಟರ್ನೆಟ್ ಎಕ್ಸ್‌ಪ್ಲೋರರ್ ಸಹ ಅದನ್ನು ದೋಷರಹಿತವಾಗಿ ಲೋಡ್ ಮಾಡುತ್ತದೆ. ಇದರ ರಹಸ್ಯ ಅಂಶವೆಂದರೆ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್. ವಾಸ್ತವವಾಗಿ, ನಾನು ಫ್ಲೈನಲ್ಲಿನ img ಅಂಶವನ್ನು ತೆಗೆದುಹಾಕಲು ಸ್ವಲ್ಪ DOM ಸ್ಕ್ರಿಪ್ಟಿಂಗ್ ಅನ್ನು ಬಳಸಿದ್ದೇನೆ ಮತ್ತು ಅದನ್ನು ಡಿವಿ ಅಂಶದೊಂದಿಗೆ ಬದಲಾಯಿಸುತ್ತೇನೆ - ನೀವು ಅದನ್ನು ಊಹಿಸಿದ್ದೀರಿ - AlphaImageLoader ಅನ್ನು ಬಳಸುತ್ತದೆ. ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಅನ್ನು ಷರತ್ತುಬದ್ಧ ಕಾಮೆಂಟ್‌ಗಳ ಒಳಗೆ ವಿವರಿಸಲಾಗಿದೆ, ಮೈಕ್ರೋಸಾಫ್ಟ್‌ನಿಂದ ಇಂಟರ್ನೆಟ್ ಎಕ್ಸ್‌ಪ್ಲೋರರ್‌ನಲ್ಲಿ ನಿರ್ಮಿಸಲಾದ ಮತ್ತೊಂದು ಸೂಕ್ತ ಆದರೆ ಸಂಪೂರ್ಣವಾಗಿ ಪ್ರಮಾಣಿತವಲ್ಲದ ಭಾಷಾವೈಶಿಷ್ಟ್ಯ. ಇಂಟರ್ನೆಟ್ ಎಕ್ಸ್‌ಪ್ಲೋರರ್‌ನ ತಿಳಿದಿರುವ ಆವೃತ್ತಿಗೆ ಮಾತ್ರ ಕೋಡ್ ಅನ್ನು ಬಳಸಲು ಷರತ್ತುಬದ್ಧ ಕಾಮೆಂಟ್‌ಗಳು ನಿಮಗೆ ಅನುಮತಿಸುತ್ತದೆ. ಕೋಡ್ ಅನ್ನು ಎಲ್ಲಾ ಇತರ ಬ್ರೌಸರ್‌ಗಳು ನಿರ್ಲಕ್ಷಿಸುತ್ತವೆ, ಆದ್ದರಿಂದ ಇದು ಯಾವುದೇ ರೀತಿಯಲ್ಲಿ ಅವುಗಳ ಮೇಲೆ ಪರಿಣಾಮ ಬೀರುವುದಿಲ್ಲ. ಅಂಶದಲ್ಲಿ
ವೆಬ್‌ಸೈಟ್ www.49abcnews.com, ನೀವು ಕಾಣಬಹುದು:
ಮೊದಲ ಸಾಲಿಗೆ ಧನ್ಯವಾದಗಳು, lte IE6 ಆಗಿದ್ದರೆ, ಈ ಸ್ಕ್ರಿಪ್ಟ್ ಅನ್ನು ಇಂಟರ್ನೆಟ್ ಎಕ್ಸ್‌ಪ್ಲೋರರ್ ಆವೃತ್ತಿಯಲ್ಲಿ (lte ನೊಂದಿಗೆ ನಿರ್ದಿಷ್ಟಪಡಿಸಲಾಗಿದೆ) 6 ಕ್ಕಿಂತ ಕಡಿಮೆ ಅಥವಾ ಸಮಾನವಾಗಿ ತೋರಿಸಿದರೆ ಮಾತ್ರ ಪ್ರದರ್ಶಿಸಲಾದ ಡಾಕ್ಯುಮೆಂಟ್‌ನಲ್ಲಿ ಸೇರಿಸಲಾಗುತ್ತದೆ. ಹೊಸದಾಗಿ ಬಂದ ಇಂಟರ್ನೆಟ್ ಸೇರಿದಂತೆ ಎಲ್ಲಾ ಇತರ ಬ್ರೌಸರ್‌ಗಳು ಎಕ್ಸ್‌ಪ್ಲೋರರ್ 7, ಇದನ್ನು ಸಂಪೂರ್ಣವಾಗಿ ನಿರ್ಲಕ್ಷಿಸುತ್ತದೆ .
ಹಾಗಾದರೆ fixWeatherPng.js ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಫೈಲ್‌ನಲ್ಲಿ ಏನಿದೆ? ಒಂದು ನೋಟ ಹಾಯಿಸೋಣ:
Window.attachEvent("onload", fixWeatherPng); ಕಾರ್ಯ fixWeatherPng() (var img = document.getElementById("weatherImage"); var src = img.src; img.style.visibility = "ಗುಪ್ತ"; var div = document.createElement("DIV"); div.style. filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(+ src + "",sizing="scale")"; // ಕೆಲವು 49abcnews.com-ನಿರ್ದಿಷ್ಟ CSS ಶೈಲಿಯನ್ನು ಸಂಕ್ಷಿಪ್ತತೆಗಾಗಿ ಬಿಟ್ಟುಬಿಡಲಾಗಿದೆ. img.replaceNode(div); )
ಸ್ಕ್ರಿಪ್ಟ್ ಏನು ಮಾಡುತ್ತದೆ ಎಂಬುದನ್ನು ಹಂತ ಹಂತವಾಗಿ ವಿಶ್ಲೇಷಿಸೋಣ. ಮೊದಲಿಗೆ, ಪುಟವನ್ನು ಲೋಡ್ ಮಾಡಿದಾಗ ನಾವು fixWeatherPng ಕಾರ್ಯವನ್ನು ಕಾರ್ಯಗತಗೊಳಿಸಲು ಬಯಸುತ್ತೇವೆ ಎಂದು ನಾವು ಬ್ರೌಸರ್‌ಗೆ ಹೇಳುತ್ತೇವೆ. ಸ್ಕ್ರಿಪ್ಟ್‌ನ ಉಳಿದ ಭಾಗವು ಕಾರ್ಯವಾಗಿದೆ.
ಪ್ರಾರಂಭಿಸಲು, ಮೊದಲು ನಾವು ಅದರ ಐಡಿ ಗುಣಲಕ್ಷಣದಿಂದ ಕೆಲಸ ಮಾಡುವ ಚಿತ್ರವನ್ನು ಹುಡುಕುತ್ತೇವೆ ಮತ್ತು ಅದನ್ನು img ವೇರಿಯೇಬಲ್‌ನಲ್ಲಿ ಸಂಗ್ರಹಿಸುತ್ತೇವೆ. ನಾವು src ವೇರಿಯೇಬಲ್‌ನಲ್ಲಿ src ಗುಣಲಕ್ಷಣವನ್ನು (ಇಮೇಜ್ ಫೈಲ್‌ಗೆ URL) ಸಂಗ್ರಹಿಸುತ್ತೇವೆ. ನಂತರ ನಾವು ಗೋಚರತೆಯನ್ನು CSS ಆಸ್ತಿಯನ್ನು ಮರೆಮಾಡಲು ಹೊಂದಿಸುವ ಮೂಲಕ img ಅಂಶವನ್ನು ಮರೆಮಾಡುತ್ತೇವೆ.
AlphaImageLoader ಅನ್ನು ಯಶಸ್ವಿಯಾಗಿ ಲಗತ್ತಿಸಲಾದ ಹೊಸದಾಗಿ ರಚಿಸಲಾದ ಡಿವಿ ಅಂಶದೊಂದಿಗೆ ನಾವು ಮೂಲ img ಅಂಶವನ್ನು (ಅದನ್ನು ಮರೆಮಾಡಲಾಗಿದೆ) ಬದಲಿಸುತ್ತೇವೆ.
ನಿಮ್ಮ AlphaImageLoader ಅನ್ನು ಇಂಜೆಕ್ಟ್ ಮಾಡಲು DOM ಸ್ಕ್ರಿಪ್ಟಿಂಗ್ ಅನ್ನು ಬಳಸುವುದು - ಫ್ಲೈನಲ್ಲಿ ಫಿಲ್ಟರಿಂಗ್ ಬಿಟ್ಗಳು - ಅದರ ಕೆಟ್ಟ ಆದರೆ ಅಗತ್ಯ ಬದಿಯನ್ನು ಹೊಂದಿದೆ - ಕೆಟ್ಟ CSS. ಇದಲ್ಲದೆ, ಶಬ್ದಾರ್ಥವಲ್ಲದ ಡಿವಿ ಅಂಶಗಳು ನಿಮ್ಮ (X)HTML ಮಾರ್ಕ್‌ಅಪ್‌ನ ಹೊರಗೆ ಒಳಗೊಂಡಿರುತ್ತವೆ. ಮತ್ತು ಷರತ್ತುಬದ್ಧ ಕಾಮೆಂಟ್‌ಗಳ ಒಳಗೆ ಎಲ್ಲವನ್ನೂ ವಿವರಿಸುವವರೆಗೆ, ಮೈಕ್ರೋಸಾಫ್ಟ್‌ನ ಕೋಡ್‌ನಿಂದ ಇತರ ಬ್ರೌಸರ್‌ಗಳು ದೋಷಪೂರಿತವಾಗಲು ಯಾವುದೇ ಅವಕಾಶವಿಲ್ಲ. (ಹ್ಯಾಂಡಿಬ್ಲಾಗರ್: ಇಲ್ಲಿ ಜೆಫ್ ಮೈಕ್ರೋಸಾಫ್ಟ್‌ನಿಂದ "ಬೃಹದಾಕಾರದ" ಪರಿಹಾರವನ್ನು ಸೂಕ್ಷ್ಮವಾಗಿ ಸೂಚಿಸಲು ಪ್ರಯತ್ನಿಸುತ್ತಿದ್ದಾರೆ)
ನೀವು ಏನನ್ನಾದರೂ ತಪ್ಪಾಗಿ ಮಾಡಬೇಕಾದರೆ, ಕನಿಷ್ಠ ನೀವು ಅದನ್ನು ಹೊರತೆಗೆಯಬಹುದು ಮತ್ತು ಅಗತ್ಯವಿಲ್ಲದ ಎಲ್ಲದರಿಂದ ಪ್ರತ್ಯೇಕವಾಗಿ ಇರಿಸಬಹುದು.
PNG, ಗ್ರಾಫಿಕ್ಸ್ ಸ್ವರೂಪವಾಗಿ, GIF ಗಳಲ್ಲಿ ವ್ಯಾಪಕವಾಗಿ ಬಳಸುವುದಕ್ಕಿಂತ ಹೆಚ್ಚಿನ ತಾಂತ್ರಿಕ ಪ್ರಯೋಜನಗಳನ್ನು ನೀಡುತ್ತದೆ. ವಾಸ್ತವವಾಗಿ, ಪ್ರಯೋಜನಗಳು ತುಂಬಾ ದೊಡ್ಡದಾಗಿದೆ, PNG ಬಹಳ ಹಿಂದೆಯೇ ಫೋಟೋ ಚಿತ್ರಗಳಿಗೆ ಸಂಬಂಧಿಸದ ಗ್ರಾಫಿಕ್ ಸ್ವರೂಪವಾಗಿ ತೆಗೆದುಕೊಳ್ಳಬಹುದಿತ್ತು. ಆಲ್ಫಾ ಚಾನಲ್ ಪಾರದರ್ಶಕತೆಯಂತಹ ಕೆಲವು ಹೆಚ್ಚು ಮಹತ್ವದ PNG ವೈಶಿಷ್ಟ್ಯಗಳಿಗೆ ಇಂಟರ್ನೆಟ್ ಎಕ್ಸ್‌ಪ್ಲೋರರ್‌ನ ಬೆಂಬಲದ ಕೊರತೆಯು ಪರಿಣಾಮವಾಗಿ ಅನೇಕ ವೆಬ್ ಡೆವಲಪರ್‌ಗಳನ್ನು ಆಫ್ ಮಾಡಿದೆ. ಆದರೆ ನೀವು PNG ಬಗ್ಗೆ ಭಯಪಡದಿರಲು ಎರಡು ಉತ್ತಮ ಕಾರಣಗಳಿವೆ.
ಮೊದಲನೆಯದಾಗಿ, ಇಂಟರ್ನೆಟ್ ಎಕ್ಸ್‌ಪ್ಲೋರರ್ 6 ಮತ್ತು ಅದರ ಹಿಂದಿನ ಆವೃತ್ತಿಗಳು GIF ಏನು ಮಾಡಬಹುದೆಂಬ ವಿಷಯದಲ್ಲಿ PNG ಅನ್ನು ಸಂಪೂರ್ಣವಾಗಿ ಬೆಂಬಲಿಸುತ್ತದೆ (ಸಹಜವಾಗಿ ಅನಿಮೇಷನ್ ಹೊರತುಪಡಿಸಿ). PNG ಯಾವಾಗಲೂ ಚಿಕ್ಕದಾದ ಫೈಲ್ ಗಾತ್ರವನ್ನು ತೋರಿಸುತ್ತದೆ, ಅವುಗಳನ್ನು ವೇಗವಾಗಿ ಲೋಡ್ ಮಾಡಲು ಮತ್ತು ಕಡಿಮೆ ಸಂಪನ್ಮೂಲಗಳನ್ನು ಬಳಸಲು ಅನುಮತಿಸುತ್ತದೆ.
ಎರಡನೆಯದಾಗಿ, Internet Explorer 7 PNG ಆಲ್ಫಾ ಪಾರದರ್ಶಕತೆಗೆ ಸಂಪೂರ್ಣ ಬೆಂಬಲವನ್ನು ನೀಡುತ್ತದೆ. ಅರೆಪಾರದರ್ಶಕ ಆಯ್ಕೆಗಳ ಸಂಪೂರ್ಣ ಹರವುಗಳೊಂದಿಗೆ ಸಾಧಿಸಬಹುದಾದ ಪರಿಣಾಮಗಳು ಬಹುತೇಕ ಅಪರಿಮಿತವಾಗಿವೆ. PNG ಪಾರದರ್ಶಕತೆಯನ್ನು ಬಳಸಲು ಆಸಕ್ತಿದಾಯಕ ಮಾರ್ಗಗಳನ್ನು ಕಂಡುಕೊಳ್ಳುವ ವಿನ್ಯಾಸಕರು, ಈ ಲೇಖನದಲ್ಲಿ ವಿವರಿಸಿದ ರೀತಿಯಲ್ಲಿ, ಹಿಂದೆಂದೂ ನೋಡಿರದ ಹೊಸ ಹಂತದ ಶೈಲಿಗಳಿಗೆ ಬಾಗಿಲು ತೆರೆಯುತ್ತಾರೆ ಎಂದು ನಾನು ನಿರೀಕ್ಷಿಸುತ್ತೇನೆ. PNG ಪಾರದರ್ಶಕತೆಯೊಂದಿಗೆ ನೀವು ಏನನ್ನು ರಚಿಸಬಹುದು ಎಂಬುದರ ಕುರಿತು ನಾನು ನಿಮಗೆ ಕೆಲವು ಉಪಯುಕ್ತ ವಿಚಾರಗಳನ್ನು ನೀಡಿದ್ದೇನೆ, ಆದರೆ ಅಲ್ಲಿ ನಿಲ್ಲಬೇಡಿ. ನಿಮಗಾಗಿ ನೋಡಿ!
ಕ್ಯಾಮರೂನ್ ಆಡಮ್ಸ್, ಮಾರ್ಕ್ ಬೌಲ್ಟನ್, ಆಂಡಿ ಕ್ಲಾರ್ಕ್, ಸೈಮನ್ ಕಾಲಿಸನ್, ಜೆಫ್ ಕ್ರಾಫ್ಟ್, ಎಥಾನ್ ಮಾರ್ಕೊಟ್, ಡೆರೆಕ್ ಫೆದರ್‌ಸ್ಟೋನ್, ಇಯಾನ್ ಲಾಯ್ಡ್, ಡ್ಯಾನ್ ರೂಬಿನ್ ಮತ್ತು ರಾಬ್ ವೇಚೆರ್ಟ್‌ರಿಂದ ವೆಬ್ ಸ್ಟ್ಯಾಂಡರ್ಡ್ಸ್ ಕ್ರಿಯೇಟಿವಿಟಿಯಿಂದ ಒಂದು ಆಯ್ದ ಭಾಗ; ED ಸ್ನೇಹಿತರು ಪೋಸ್ಟ್ ಮಾಡಿದ್ದಾರೆ. ಕೃತಿಸ್ವಾಮ್ಯ ಜೆಫ್ ಕ್ರಾಫ್ಟ್ 2007. Apress, Inc ನಿಂದ ಅನುಮತಿಯೊಂದಿಗೆ ಬಳಸಲಾಗಿದೆ.
