ಚಿತ್ರವನ್ನು Data URI / Base64 ಪರಿವರ್ತಕಕ್ಕೆ
ಸಾಧನದಿಂದ ನಿಮ್ಮ ಚಿತ್ರವನ್ನು ಡ್ರಾಪ್ ಮಾಡಿ ಅಥವಾ ಸ್ವತಃ ಅಪ್ಲೋಡ್ ಮಾಡಿ ಅಥವಾ ವೆಬ್ನಿಂದ ಚಿತ್ರ URL ಅನ್ನು ಅಂಟಿಸುವ ಮೂಲಕ, ನಿಮ್ಮ ಗುರಿಯ ಚಿತ್ರವನ್ನು Base64 / Data URI ಪಠ್ಯ ಸ್ವರೂಪಕ್ಕೆ ಪರಿವರ್ತಿಸಬಹುದು. ಚಿತ್ರವನ್ನು Data Uri / base64 ಪಠ್ಯ ಸ್ವರೂಪಕ್ಕೆ ಪರಿವರ್ತಿಸಿ.
Data URI / Base64 ಅನ್ನು ಚಿತ್ರ ಪರಿವರ್ತಕಕ್ಕೆ
ಬಳಸು :ಸಾಧನ
ಓದಿ ವಿಷಯ
ನಿಮ್ಮ ಬಹು ಚಿತ್ರ ಕಡತಗಳನ್ನು ಆನ್ಲೈನ್ ಮತ್ತು ಉಚಿತವಾಗಿ Data Uri ಮತ್ತು base64 ಸ್ವರೂಪಕ್ಕೆ ಪರಿವರ್ತಿಸಿ.
ಚಿತ್ರವನ್ನು Data URI / Base64 ಪರಿವರ್ತಕಕ್ಕೆ
ಚಿತ್ರವನ್ನು data URI / Base64 ಪರಿವರ್ತಕವು ಒಂದು ಉಪಯುಕ್ತ ಸಾಧನವಾಗಿದ್ದು, ಇದು ನಿಮಗೆ ಚಿತ್ರವನ್ನು ವೆಬ್ಪುಟ ಅಥವಾ ಇತರ ಆನ್ಲೈನ್ ಅಪ್ಲಿಕೇಶನ್ನಲ್ಲಿ ಬಳಸಬಹುದಾದ ಪಠ್ಯದ ಸ್ಟ್ರಿಂಗ್ ಆಗಿ ಶೀಘ್ರವಾಗಿ ಮತ್ತು ಸುಲಭವಾಗಿ ಪರಿವರ್ತಿಸಲು ಅನುವು ಮಾಡಿಕೊಡುತ್ತದೆ. ನಿಮ್ಮ ಕೋಡ್ನಲ್ಲಿ ಚಿತ್ರವನ್ನು ಎಂಬೆಡ್ ಮಾಡಬೇಕಿದ್ದರೂ ಬಾಹ್ಯ ಕಡತ ಹೋಸ್ಟಿಂಗ್ ಸೇವೆಯನ್ನು ಬಳಸಲು ಬಯಸದಿರುವಾಗ ಈ ರೀತಿಯ ಪರಿವರ್ತಕವು ಉಪಯುಕ್ತವಾಗಿದೆ.
ಚಿತ್ರವನ್ನು Base64 ಎನ್ಕೋಡಿಂಗ್ ಸಿಸ್ಟಮ್ ಎಂದರೇನು
ನಿಮಗೆ ಎಂದಾದರೂ ಚಿತ್ರವನ್ನು data url ಅಥವಾ base 64 ಸ್ಟ್ರಿಂಗ್ ಆಗಿ ಪರಿವರ್ತಿಸಬೇಕಾಗಿದ್ದೆ?
ಚಿತ್ರವನ್ನು Base64 ಎನ್ನುವುದು ಯಾವುದೇ ಚಿತ್ರಗಳನ್ನು ಡೇಟಾ ನಷ್ಟವಿಲ್ಲದೆ ಓದಲಾಗದ ಪಠ್ಯ ಸ್ವರೂಪಕ್ಕೆ ಪರಿವರ್ತಿಸುವ ಚಿತ್ರ ಎನ್ಕೋಡಿಂಗ್ ವ್ಯವಸ್ಥೆಯಾಗಿದೆ, ಉತ್ಪನ್ನವಾದ Base64 ಎನ್ಕೋಡೆಡ್ ಪಠ್ಯಗಳು ಪ್ಲಸ್, ಸ್ಲ್ಯಾಶ್, ಸಮಾನ, ಲ್ಯಾಟಿನ್ ಅಕ್ಷರಗಳು ಮತ್ತು ಅಂಕಿಗಳನ್ನು ಹೊಂದಿರುತ್ತವೆ.
Base64 ಎನ್ಕೋಡಿಂಗ್ ಎನ್ನುವುದು ಬೈನರಿ ಮಾಹಿತಿಯನ್ನು ಪಠ್ಯ ಸ್ವರೂಪದಲ್ಲಿ ಸಂಗ್ರಹಿಸುವ ತುಂಬಾ ಉಪಯುಕ್ತ ವಿಧಾನವಾಗಿದೆ. ಇದರ ಗುರಿಯೆಂದರೆ ಬೈನರಿ ಡೇಟಾವನ್ನು (ಚಿತ್ರಗಳು, ಶಬ್ದಗಳು, ವೀಡಿಯೊ ಕ್ಲಿಪ್ಗಳಂತಹವು) ASCII ಅಕ್ಷರಗಳನ್ನು (ವರ್ಣಮಾಲೆಯ ಅಕ್ಷರಗಳು + ಸಂಖ್ಯೆಗಳು) ಬಳಸಿಕೊಂಡು ಪ್ರತಿನಿಧಿಸುವುದು.
ಏಕೆ Data URI / Base64?
data URIs ಎನ್ನುವ ವಿಧಾನವನ್ನು ಬಳಸಿಕೊಂಡು ಚಿತ್ರವನ್ನು base64 ಸ್ಟ್ರಿಂಗ್ ಆಗಿ ಪರಿವರ್ತಿಸಬಹುದು. ಇದು ನಮಗೆ ವೆಬ್ಪುಟದೊಳಗೆ ಸೇರಿಸಬಹುದಾದ ಚಿತ್ರಕ್ಕಾಗಿ URL ಅನ್ನು ರಚಿಸಲು ಅನುವು ಮಾಡಿಕೊಡುತ್ತದೆ. ಈ ಪ್ರಕ್ರಿಯೆಯು ನಮ್ಮ ಮೂಲ ಕಡತ(ಗಳ)ನ್ನು ಬೈಟ್ ಅರೆ (ಬೈಟ್ಗಳ ಸಂಗ್ರಹ) ಆಗಿ ಪರಿವರ್ತಿಸುವುದನ್ನು ಒಳಗೊಂಡಿರುತ್ತದೆ. ನಂತರ ನಾವು ನಮ್ಮ ಬೈಟ್ ಅರೆಯನ್ನು base64 ಎನ್ಕೋಡೆಡ್ ಸ್ಟ್ರಿಂಗ್ ಆಗಿ ಎನ್ಕೋಡ್ ಮಾಡಬಹುದು.
Data URIs ಸ್ಥಳೀಯ ಕಡತಗಳಿಗಿಂತ ಹಲವಾರು ಪ್ರಯೋಜನಗಳನ್ನು ನೀಡುತ್ತವೆ. ಅವು ಕ್ಲೈಂಟ್ (ಬ್ರೌಸರ್) ಕ್ಯಾಶ್ನಲ್ಲಿ ಸ್ಥಳವನ್ನು ಉಳಿಸುತ್ತವೆ, ಸಾಮಾನ್ಯ ಚಿತ್ರಗಳಿಗಿಂತ ಗಾತ್ರದಲ್ಲಿ ಚಿಕ್ಕದಾಗಿರುತ್ತವೆ ಮತ್ತು ವೆಬ್ಸೈಟ್ಗಳು ಕಡಿಮೆ ಬ್ಯಾಂಡ್ವಿಡ್ತ್ ಬಳಕೆಯೊಂದಿಗೆ ದೊಡ್ಡ ಚಿತ್ರಗಳನ್ನು ಸೇವೆ ನೀಡಲು ಅನುವು ಮಾಡಿಕೊಡುತ್ತವೆ. Base 64 ಸ್ಟ್ರಿಂಗ್ಗಳನ್ನು ಓದಲು ಸುಲಭ, ಏಕೆಂದರೆ ಅವುಗಳನ್ನು ಸಾಮಾನ್ಯ ಪಠ್ಯ ಸಂಪಾದಕಗಳನ್ನು ಬಳಸಿಕೊಂಡು ಸುಲಭವಾಗಿ ವೀಕ್ಷಿಸಬಹುದು.
Data URIs ಜೊತೆಗೆ, ನೀವು ಬಾಹ್ಯ ಕಡತವನ್ನು ಲೋಡ್ ಮಾಡದೆಯೇ ನಿಮ್ಮ HTML ಕೋಡ್ನಲ್ಲಿ ಚಿತ್ರವನ್ನು ನೇರವಾಗಿ ಎಂಬೆಡ್ ಮಾಡಬಹುದು. ಇದು ನಿಮ್ಮ ಪುಟ ಲೋಡ್ ಸಮಯವನ್ನು ವೇಗವಾಗಿಸಬಹುದು ಮತ್ತು ಇದನ್ನು ಮಾಡುವುದು ನಿಜವಾಗಿಯೂ ತುಂಬಾ ಸುಲಭ. ಈ ಲೇಖನದಲ್ಲಿ, ಚಿತ್ರಗಳನ್ನು data URIs ಗೆ ಸೆಕೆಂಡುಗಳಲ್ಲಿ ಹೇಗೆ ಪರಿವರ್ತಿಸುವುದೆಂದು ತೋರಿಸುತ್ತೇವೆ.
ಚಿತ್ರವನ್ನು Base64 Encoded / Data URI ಗೆ ಸೆಕೆಂಡುಗಳಲ್ಲಿ ಹೇಗೆ ಪರಿವರ್ತಿಸುವುದು
ನಿಮ್ಮ ವೆಬ್ಸೈಟ್ನಲ್ಲಿ ಚಿತ್ರಗಳು ವೇಗವಾಗಿ ಲೋಡ್ ಆಗುವಂತೆ ಮಾಡಲು ನೀವು ಎಂದಾದರೂ ಯೋಚಿಸಿದ್ದೀರಾ? ಹಾಗೆ ಮಾಡುವ ಒಂದು ಮಾರ್ಗವೆಂದರೆ data URIs ಅನ್ನು ಬಳಸುವುದು. ಸಾಧನದಿಂದ ನಿಮ್ಮ ಚಿತ್ರವನ್ನು ಡ್ರಾಪ್ ಮಾಡಿ ಅಥವಾ ಸ್ವತಃ ಅಪ್ಲೋಡ್ ಮಾಡಿ ಅಥವಾ ವೆಬ್ನಿಂದ ಚಿತ್ರ URL ಅನ್ನು ಅಂಟಿಸುವ ಮೂಲಕ, ನಿಮ್ಮ ಗುರಿಯ ಚಿತ್ರವನ್ನು Base64 / Data URI ಪಠ್ಯ ಸ್ವರೂಪಕ್ಕೆ ಪರಿವರ್ತಿಸಬಹುದು.
ಚಿತ್ರವನ್ನು Base64 Encoded ಉದಾಹರಣೆ
Base64 Encoded ಚಿತ್ರಕ್ಕಾಗಿ ಔಟ್ಪುಟ್ ಇದುಂತಹದ್ದಾಗಿರುತ್ತದೆ data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEAYABgAAD//gA7Q1JFQVRPUjogZ2QtanBlZyB2MS4wICh1c2luZyBJSkcgSlBFRyB2OTApLC....
ಚಿತ್ರವನ್ನು Base64 Encoded ಬಳಕೆಗಳು
ಚಿತ್ರ ಸ್ರೋತ (ಕೋಡ್ನಲ್ಲಿ img src):
< img src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEAYABgAAD//gA7Q1JFQVRPUjogZ2QtanBlZyB2MS4wICh1c2luZyBJSkcgSlBFRyB2OTApLC..." />
ಹಿನ್ನೆಲೆ ಚಿತ್ರ URL (ಕೋಡ್ನಲ್ಲಿ background-image: url):
background-image: url("data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEAYABgAAD//gA7Q1JFQVRPUjogZ2QtanBlZyB2MS4wICh1c2luZyBJSkcgSlBFRyB2OTApLC...")
Data URI / Base64 ಅನ್ನು ಹೇಗೆ ಬಳಸುವುದು
Data URI / Base64 ಪರಿವರ್ತಕವನ್ನು ಬಳಸಲು, ಉತ್ಪನ್ನವಾದ ಕೋಡ್ ಅನ್ನು ನಿಮ್ಮ ಪ್ರಾಜೆಕ್ಟ್ನಲ್ಲಿ ಎಂಬೆಡೆಡ್ ಚಿತ್ರ ಕಾಣಿಸಿಕೊಳ್ಳಬೇಕಿರುವ ಸ್ಥಳಕ್ಕೆ ನಕಲಿಸಿ ಮತ್ತು ಅಂಟಿಸಿ. ಸರಿಯಾದ ಪ್ರದರ್ಶನ ಫಾರ್ಮ್ಯಾಟಿಂಗ್ಗಾಗಿ ಕೋಡ್ನೊಳಗಿನ ಯಾವುದೇ ಲೈನ್ ಬ್ರೇಕ್ಗಳನ್ನು ಅಥವಾ ಖಾಲಿ ಸ್ಥಳಗಳನ್ನು ತೆಗೆಯಬೇಡಿ ಏಕೆಂದರೆ ಅವು ಅಗತ್ಯವಾಗಿವೆ. ಪರಿವರ್ತಿಸಿದ ಚಿತ್ರಗಳನ್ನು ಹೇಗೆ ಬಳಸಲು ಯೋಜಿಸುತ್ತೀರಿ ಎಂಬುದರ ಆಧಾರದ ಮೇಲೆ ಕೆಲವು ಸೆಟ್ಟಿಂಗ್ಗಳನ್ನು ಸರಿಹೊಂದಿಸಬೇಕಾಗಬಹುದು - ಉದಾಹರಣೆಗೆ ಅವುಗಳ ಆಯಾಮಗಳನ್ನು ಬದಲಾಯಿಸುವುದು ಅಥವಾ ಅವುಗಳ ಸುತ್ತಲೂ ಬಾರ್ಡರ್ಗಳನ್ನು / ಸ್ಪೇಸಿಂಗ್ ಸೇರಿಸುವುದು
ಕಾಮೆಂಟ್ಗಳು (:ಎಣಿಕೆ)
ಮತ್ತು