ನಿಮ್ಮ ವೆಬ್ ಇಮೇಜ್ಗಳಿಗಾಗಿ JPG, GIF, PNG, ಮತ್ತು SVG ಸ್ವರೂಪಗಳನ್ನು ಬಳಸುವಾಗ

ವೆಬ್ ಪುಟಗಳಲ್ಲಿ ಬಳಸಬಹುದಾದ ಹಲವಾರು ಇಮೇಜ್ ಫಾರ್ಮ್ಯಾಟ್ಗಳಿವೆ. ಕೆಲವು ಸಾಮಾನ್ಯ ಉದಾಹರಣೆಗಳೆಂದರೆ GIF , JPG , ಮತ್ತು PNG . SVG ಫೈಲ್ಗಳನ್ನು ಇಂದು ವೆಬ್ಸೈಟ್ಗಳಲ್ಲಿ ಸಾಮಾನ್ಯವಾಗಿ ಬಳಸಲಾಗುತ್ತದೆ, ವೆಬ್ ವಿನ್ಯಾಸಕಾರರಿಗೆ ಆನ್ಲೈನ್ ​​ಇಮೇಜ್ಗೆ ಮತ್ತೊಂದು ಆಯ್ಕೆಯಾಗಿದೆ.

GIF ಚಿತ್ರಗಳು

ಸಣ್ಣ, ಸ್ಥಿರ ಸಂಖ್ಯೆಯ ಬಣ್ಣಗಳನ್ನು ಹೊಂದಿರುವ ಚಿತ್ರಗಳಿಗಾಗಿ GIF ಫೈಲ್ಗಳನ್ನು ಬಳಸಿ. GIF ಫೈಲ್ಗಳನ್ನು ಯಾವಾಗಲೂ 256 ಕ್ಕೂ ಹೆಚ್ಚು ಅನನ್ಯ ಬಣ್ಣಗಳಿಗೆ ಕಡಿಮೆ ಮಾಡಲಾಗುವುದು. GIF ಫೈಲ್ಗಳಿಗೆ ಸಂಕುಚಿತ ಅಲ್ಗಾರಿದಮ್ JPG ಫೈಲ್ಗಳಿಗಿಂತ ಕಡಿಮೆ ಸಂಕೀರ್ಣವಾಗಿದೆ, ಆದರೆ ಫ್ಲಾಟ್ ಬಣ್ಣದ ಇಮೇಜ್ಗಳಲ್ಲಿ ಬಳಸಿದಾಗ ಮತ್ತು ಪಠ್ಯವು ಚಿಕ್ಕ ಫೈಲ್ ಗಾತ್ರಗಳನ್ನು ಉತ್ಪಾದಿಸುತ್ತದೆ.

ಗ್ರಾಫಿಕ್ ಬಣ್ಣಗಳೊಂದಿಗೆ ಛಾಯಾಚಿತ್ರ ಚಿತ್ರಗಳನ್ನು ಅಥವಾ ಚಿತ್ರಗಳಿಗೆ GIF ಸ್ವರೂಪವು ಸೂಕ್ತವಲ್ಲ. ಜಿಐಎಫ್ ರೂಪದಲ್ಲಿ ಸೀಮಿತ ಸಂಖ್ಯೆಯ ಬಣ್ಣಗಳು, ಇಳಿಜಾರುಗಳು ಮತ್ತು ಛಾಯಾಚಿತ್ರಗಳು GIF ಫೈಲ್ ಆಗಿ ಉಳಿಸಿದಾಗ ಬ್ಯಾಂಡಿಂಗ್ ಮತ್ತು ಪಿಕ್ಸೆಲ್ಗಳೊಂದಿಗೆ ಕೊನೆಗೊಳ್ಳುತ್ತವೆ.

ಸಂಕ್ಷಿಪ್ತವಾಗಿ, ನೀವು ಕೆಲವು ಬಣ್ಣಗಳನ್ನು ಹೊಂದಿರುವ ಸರಳ ಚಿತ್ರಗಳನ್ನು ಮಾತ್ರ GIF ಗಳನ್ನು ಬಳಸುತ್ತೀರಿ, ಆದರೆ ನೀವು ಅದರಲ್ಲೂ PNGs ಅನ್ನು ಕೂಡ ಬಳಸಬಹುದಾಗಿರುತ್ತದೆ (ಅದಕ್ಕಿಂತಲೂ ಹೆಚ್ಚು).

JPG ಚಿತ್ರಗಳು

ಲಕ್ಷಾಂತರ ಬಣ್ಣಗಳನ್ನು ಹೊಂದಿರುವ ಛಾಯಾಚಿತ್ರಗಳು ಮತ್ತು ಇತರ ಚಿತ್ರಗಳಿಗಾಗಿ JPG ಚಿತ್ರಗಳನ್ನು ಬಳಸಿ. ಇದು ಚಿತ್ರದ ಕೆಲವು ಗುಣಮಟ್ಟವನ್ನು ಕಳೆದುಕೊಳ್ಳುವ ಮೂಲಕ ಚಿಕ್ಕ ಗ್ರಾಫಿಕ್ಸ್ ರಚಿಸಲು ನಿಮಗೆ ಅನುಮತಿಸುವ ಒಂದು ಸಂಕೀರ್ಣ ಒತ್ತಡಕ ಅಲ್ಗಾರಿದಮ್ ಅನ್ನು ಬಳಸುತ್ತದೆ. ಇದನ್ನು "ಲಾಸಿ" ಸಂಕುಚನ ಎಂದು ಕರೆಯಲಾಗುತ್ತದೆ ಏಕೆಂದರೆ ಚಿತ್ರದ ಸಂಕುಚಿತಗೊಂಡಾಗ ಕೆಲವು ಇಮೇಜ್ ಮಾಹಿತಿಗಳು ಕಳೆದುಹೋಗಿವೆ.

ಪಠ್ಯದೊಂದಿಗೆ ಚಿತ್ರಗಳನ್ನು, ಘನ ಬಣ್ಣದ ದೊಡ್ಡ ಬ್ಲಾಕ್ಗಳು ​​ಮತ್ತು ಗರಿಗರಿಯಾದ ಅಂಚುಗಳೊಂದಿಗೆ ಸರಳವಾದ ಆಕಾರಗಳಿಗೆ JPG ಸ್ವರೂಪವು ಸೂಕ್ತವಲ್ಲ. ಏಕೆಂದರೆ ಚಿತ್ರವು ಸಂಕುಚಿತಗೊಂಡಾಗ, ಪಠ್ಯ, ಬಣ್ಣ, ಅಥವಾ ಸಾಲುಗಳು ಮಸುಕಾಗುವಿಕೆಗೆ ಕಾರಣವಾಗಬಹುದು, ಅದು ಮತ್ತೊಂದು ಸ್ವರೂಪದಲ್ಲಿ ಉಳಿಸಲ್ಪಡುವಷ್ಟು ತೀಕ್ಷ್ಣವಾದ ಚಿತ್ರವಲ್ಲ.

ಛಾಯಾಚಿತ್ರಗಳು ಮತ್ತು ಸಾಕಷ್ಟು ಮತ್ತು ನೈಸರ್ಗಿಕ ಬಣ್ಣಗಳನ್ನು ಹೊಂದಿರುವ ಚಿತ್ರಗಳಿಗೆ JPG ಚಿತ್ರಗಳನ್ನು ಅತ್ಯುತ್ತಮವಾಗಿ ಬಳಸಲಾಗುತ್ತದೆ.

PNG ಚಿತ್ರಗಳು

GIF ಚಿತ್ರಗಳು ರಾಯಲ್ಟಿ ಶುಲ್ಕಕ್ಕೆ ಒಳಪಟ್ಟಿವೆ ಎಂದು ಕಾಣಿಸಿಕೊಂಡಾಗ PNG ರೂಪವನ್ನು GIF ಫಾರ್ಮ್ಯಾಟ್ನ ಬದಲಿಯಾಗಿ ಅಭಿವೃದ್ಧಿಪಡಿಸಲಾಯಿತು. PNG ರೇಖಾಚಿತ್ರಗಳು GIF ಚಿತ್ರಗಳಿಗಿಂತ ಉತ್ತಮ ಸಂಕೋಚನ ಪ್ರಮಾಣವನ್ನು ಹೊಂದಿವೆ, ಇದು GIF ಯಂತೆ ಉಳಿಸಿದ ಅದೇ ಫೈಲ್ಗಿಂತ ಚಿಕ್ಕದಾದ ಇಮೇಜ್ಗಳಲ್ಲಿ ಕಂಡುಬರುತ್ತದೆ. PNG ಫೈಲ್ಗಳು ಆಲ್ಫಾ ಪಾರದರ್ಶಕತೆಯನ್ನು ನೀಡುತ್ತವೆ, ಅಂದರೆ ನಿಮ್ಮ ಚಿತ್ರಗಳ ಪ್ರದೇಶಗಳನ್ನು ಸಂಪೂರ್ಣವಾಗಿ ಪಾರದರ್ಶಕವಾಗಿ ಅಥವಾ ಆಲ್ಫಾ ಟ್ರಾನ್ಸ್ಪರೆನ್ಸಿ ಶ್ರೇಣಿಯನ್ನು ಸಹ ಬಳಸಬಹುದು. ಉದಾಹರಣೆಗೆ, ಒಂದು ಡ್ರಾಪ್ ನೆರಳು ಪಾರದರ್ಶಕತೆ ಪರಿಣಾಮಗಳನ್ನು ಬಳಸುತ್ತದೆ ಮತ್ತು PNG ಗಾಗಿ ಸೂಕ್ತವಾಗಿರುತ್ತದೆ (ಅಥವಾ ನೀವು ಬದಲಾಗಿ ಸಿಎಸ್ಎಸ್ ನೆರಳುಗಳನ್ನು ಬಳಸಿಕೊಂಡು ನಮಗೆ ಕೊನೆಗೊಳ್ಳಬಹುದು).

PNG ಚಿತ್ರಗಳು, GIF ಗಳಂತೆ, ಛಾಯಾಚಿತ್ರಗಳಿಗೆ ಸೂಕ್ತವಾಗಿರುವುದಿಲ್ಲ. ನಿಜವಾದ ಬಣ್ಣಗಳನ್ನು ಬಳಸಿಕೊಂಡು GIF ಫೈಲ್ಗಳಾಗಿ ಉಳಿಸಿದ ಛಾಯಾಚಿತ್ರಗಳನ್ನು ಪರಿಣಾಮ ಬೀರುವ ಬ್ಯಾಂಡಿಂಗ್ ಸಮಸ್ಯೆಯನ್ನು ಸುತ್ತಲು ಸಾಧ್ಯವಿದೆ, ಆದರೆ ಇದು ತುಂಬಾ ದೊಡ್ಡ ಚಿತ್ರಗಳಿಗೆ ಕಾರಣವಾಗಬಹುದು. PNG ಚಿತ್ರಗಳು ಕೂಡ ಹಳೆಯ ಸೆಲ್ ಫೋನ್ಗಳು ಮತ್ತು ಫೀಚರ್ ಫೋನ್ಗಳಿಂದ ಬೆಂಬಲಿಸುವುದಿಲ್ಲ.

ಪಾರದರ್ಶಕತೆ ಅಗತ್ಯವಿರುವ ಯಾವುದೇ ಫೈಲ್ಗಾಗಿ PNG ಅನ್ನು ನಾವು ಬಳಸುತ್ತೇವೆ. ನಾವು ಬದಲಿಗೆ ಈ PNG ಸ್ವರೂಪವನ್ನು ಬಳಸಿಕೊಂಡು GIF ಯಂತೆ ಸೂಕ್ತವಾದ ಯಾವುದೇ ಫೈಲ್ಗಾಗಿ PNG-8 ಅನ್ನು ಕೂಡಾ ಬಳಸುತ್ತೇವೆ.

ಎಸ್ವಿಜಿ ಚಿತ್ರಗಳು

ಸ್ಕೇಲೆಬಲ್ ವೆಕ್ಟರ್ ಗ್ರಾಫಿಕ್ಗಾಗಿ SVG ಪ್ರತಿನಿಧಿಸುತ್ತದೆ. JPG, GIF, ಮತ್ತು PNG ನಲ್ಲಿ ಕಂಡುಬರುವ ರಾಸ್ಟರ್-ಆಧಾರಿತ ಸ್ವರೂಪಗಳಂತೆ, ಈ ಫೈಲ್ಗಳು ಫೈಲ್ ಗಾತ್ರದಲ್ಲಿನ ಹೆಚ್ಚಳದ ಗುಣಮಟ್ಟವನ್ನು ಕಳೆದುಕೊಳ್ಳದೆ ಯಾವುದೇ ಗಾತ್ರದಲ್ಲಿ ಪ್ರದರ್ಶಿಸಬಹುದಾದ ಚಿಕ್ಕ ಫೈಲ್ಗಳನ್ನು ರಚಿಸಲು ವಾಹಕಗಳನ್ನು ಬಳಸುತ್ತವೆ. ಐಕಾನ್ಗಳು ಮತ್ತು ಲಾಂಛನಗಳಂತಹ ವಿವರಣೆಗಳಿಗಾಗಿ ಅವುಗಳನ್ನು ರಚಿಸಲಾಗಿದೆ.

ವೆಬ್ ಡೆಲಿವರಿಗಾಗಿ ಇಮೇಜ್ಗಳನ್ನು ಸಿದ್ಧಪಡಿಸಲಾಗುತ್ತಿದೆ

ನೀವು ಯಾವ ಇಮೇಜ್ ಫಾರ್ಮ್ಯಾಟ್ ಅನ್ನು ಬಳಸುತ್ತೀರಿ, ಮತ್ತು ನಿಮ್ಮ ವೆಬ್ಸೈಟ್ ಎಲ್ಲಾ ಪುಟಗಳಾದ್ಯಂತ ವಿವಿಧ ಸ್ವರೂಪಗಳನ್ನು ಬಳಸುವುದು ಖಚಿತವಾಗಿದೆ, ಆ ಸೈಟ್ನಲ್ಲಿನ ಎಲ್ಲಾ ಇಮೇಜ್ಗಳನ್ನು ವೆಬ್ ಡೆಲಿವರಿಗಾಗಿ ತಯಾರಿಸಲಾಗುತ್ತದೆ ಎಂದು ಖಚಿತಪಡಿಸಿಕೊಳ್ಳಬೇಕು. ಅತಿ ದೊಡ್ಡ ಚಿತ್ರಗಳು ನಿಧಾನವಾಗಿ ರನ್ ಮಾಡಲು ಮತ್ತು ಒಟ್ಟಾರೆ ಕಾರ್ಯಕ್ಷಮತೆಯನ್ನು ಪರಿಣಾಮ ಬೀರಲು ಸೈಟ್ಗೆ ಕಾರಣವಾಗಬಹುದು. ಇದನ್ನು ನಿಭಾಯಿಸಲು, ಗುಣಮಟ್ಟವನ್ನು ಉತ್ತಮ ಗುಣಮಟ್ಟ ಮತ್ತು ಕಡಿಮೆ ಮಟ್ಟದ ಗಾತ್ರದ ನಡುವಿನ ಸಮತೋಲನವನ್ನು ಕಂಡುಹಿಡಿಯಲು ಆಪ್ಟಿಮೈಜ್ ಮಾಡಬೇಕು .

ಸರಿಯಾದ ಚಿತ್ರಗಳ ಸ್ವರೂಪವನ್ನು ಆಯ್ಕೆ ಮಾಡುವುದು ಯುದ್ಧದ ಭಾಗವಾಗಿದೆ, ಆದರೆ ನೀವು ಈ ಫೈಲ್ಗಳನ್ನು ಸಿದ್ಧಪಡಿಸಿದ್ದೀರಿ ಎಂದು ಖಚಿತಪಡಿಸಿಕೊಳ್ಳುವುದು ಈ ಪ್ರಮುಖ ವೆಬ್ ವಿತರಣಾ ಪ್ರಕ್ರಿಯೆಯಲ್ಲಿ ಮುಂದಿನ ಹಂತವಾಗಿದೆ.

ಜೆನ್ನಿಫರ್ ಕ್ರಿನಿನ್ರಿಂದ ಮೂಲ ಲೇಖನ. ಜೆರೆಮಿ ಗಿರಾರ್ಡ್ ಸಂಪಾದಿಸಿದ್ದಾರೆ.