Base64 குறியாக்கம் மற்றும் பட மாற்றத்தின் செயல்முறை
Base64 என்பது பைனரி தரவை (binary data) உரை வடிவில் மாற்றுவதற்குப் பயன்படுத்தப்படும் ஒரு குறியாக்க முறையாகும். இணைய மேம்பாட்டில், படங்கள் போன்ற கோப்புகளை நேரடியாக குறியீட்டு வரிகளுக்குள் இணைக்க இந்த முறை பெரிதும் உதவுகிறது.
ஒரு படத்தை Base64 ஆக மாற்றும்போது, அந்தப் படத்தின் அசல் பைனரி பைட்டுகள் (bytes) ASCII எழுத்துகளின் தொடராக மாற்றப்படுகின்றன. இந்த மாற்றி, படங்களை Base64 ஆக மாற்றுவதற்கும் (Encoding), அதேபோல் Base64 உரையை மீண்டும் அசல் படக் கோப்பாக மாற்றுவதற்கும் (Decoding) இருவழிச் செயல்பாட்டை வழங்குகிறது. இந்தத் கருவி படங்களை சுருக்குவதோ, அளவை மாற்றுவதோ, அல்லது PNG, JPG போன்ற பிற வடிவங்களுக்கு மாற்றுவதோ இல்லை; இது படத்தின் அசல் பைட்டுகளை மட்டுமே குறியாக்கம் செய்கிறது அல்லது மீட்டெடுக்கிறது.
தரவு URI (Data URIs) மற்றும் இணைய மேம்பாடு
தரவு URI (Data URI) என்பது data:image/... என்ற முன்னொட்டுடன் தொடங்கும் ஒரு திட்டவட்டமான உரை வடிவமாகும். இது இணைய உலாவிகளுக்கு அந்த உரை சாதாரண உரையல்ல, மாறாக ஒரு குறிப்பிட்ட வடிவத்தைச் சேர்ந்த படம் என்பதைத் தெரிவிக்கிறது.
இணைய மேம்பாட்டில் (Web Development), சிறிய படக் கோப்புகளைத் தனித்தனியாகச் சேமித்து வைப்பதற்குப் பதிலாக, அவற்றை நேரடியாக HTML அல்லது CSS கோப்புகளுக்குள் உட்பொதிக்க (inline) இந்தத் தரவு URI பயன்படுகிறது. இதன் மூலம், உலாவி ஒரு பக்கத்தை ஏற்றும்போது படங்களுக்காகத் தனித்தனியாக மேற்கொள்ளும் HTTP கோரிக்கைகளின் (HTTP requests) எண்ணிக்கை குறைகிறது.
HTML மற்றும் CSS-இல் கையாளும் முறை
மாற்றப்பட்ட தரவை இணையக் குறியீடுகளில் எளிதாகப் பயன்படுத்த இந்தத் கருவி பல்வேறு வடிவங்களில் வெளியீட்டை வழங்குகிறது:
- HTML வடிவம்: படங்களை நேரடியாக இணையப் பக்கத்தில் காட்ட
<img src="data:image/..." />என்ற வடிவில் வெளியீடு வழங்கப்படுகிறது. - CSS வடிவம்: இணையப் பக்கத்தின் பின்னணியாகப் படங்களை அமைக்க
background-image: url("data:image/...")என்ற வடிவில் வெளியீடு வழங்கப்படுகிறது.
Base64 பயன்பாட்டின் நன்மைகளும் வரம்புகளும்
படங்களை Base64 ஆக மாற்றிப் பயன்படுத்துவதில் சில குறிப்பிட்ட நன்மைகளும் அதே நேரத்தில் சில தொழில்நுட்ப வரம்புகளும் உள்ளன.
நன்மைகள்
- HTTP கோரிக்கைகள் சேமிப்பு: சிறிய சின்னங்கள் (icons), சின்னஞ்சிறு படங்கள் அல்லது மின்னஞ்சல் டெம்ப்ளேட்டுகளில் (email templates) படங்களை நேரடியாக இணைக்கும்போது, கூடுதல் சேவையகக் கோரிக்கைகள் இன்றி பக்கங்கள் வேகமாகச் செயல்பட உதவுகிறது.
- ஒற்றைக் கோப்பு மேலாண்மை: மின்னஞ்சல் வடிவமைப்பு போன்ற இடங்களில், படங்களைத் தனி இணைப்பாக அனுப்பாமல் உள்ளடக்கத்தோடு சேர்த்து ஒரே கோப்பாக அனுப்ப முடிகிறது.
வரம்புகள்
- அதிகரிக்கும் கோப்பு அளவு: Base64 குறியாக்க முறை பொதுவாக அசல் படத்தின் கோப்பு அளவை விட தோராயமாக மூன்றில் ஒரு பங்கு (about a third larger) அளவை அதிகமாக்குகிறது.
- தற்காலிகச் சேமிப்பு (Caching) சிக்கல்கள்: சாதாரணப் படக் கோப்புகளை உலாவிகள் தற்காலிகச் சேமிப்பில் (cache) வைத்துக்கொண்டு அடுத்தடுத்த வருகைகளில் வேகமாக ஏற்றும். ஆனால், Base64 தரவு நேரடியாக HTML/CSS கோப்பில் இருப்பதால், அதைத் தனியாகத் தற்காலிகச் சேமிப்பில் வைக்க முடியாது. இதனால் பெரிய படங்களுக்கு இதைப் பயன்படுத்தும்போது பக்கத்தின் ஒட்டுமொத்த அளவு அதிகரித்து செயல்திறன் பாதிக்கப்படும்.
ஆதரிக்கப்படும் வடிவங்கள் மற்றும் உள்ளீட்டு வரம்புகள்
இந்தத் கருவி பல்வேறு வகையான பட வடிவங்களை ஆதரிக்கிறது மற்றும் குறிப்பிட்ட அளவு வரம்புகளைக் கொண்டுள்ளது.
ஆதரிக்கப்படும் கோப்பு வடிவங்கள்
- PNG, JPG, GIF, WebP, SVG, AVIF, BMP, ICO, மற்றும் TIFF.
உள்ளீட்டு வரம்புகள் மற்றும் விதிகள்
- படம் → Base64 (Encoding): குறியாக்கம் செய்ய அனுமதிக்கப்படும் அதிகபட்ச கோப்பு அளவு 5 MB ஆகும். ஒன்றுக்கும் மேற்பட்ட படங்களை இழுத்துப் போடும்போது, முதல் படம் மட்டுமே செயலாக்கத்திற்கு எடுத்துக் கொள்ளப்படும்.
- Base64 → படம் (Decoding): டிகோடிங் செய்ய உள்ளிடப்படும் உரையின் அதிகபட்ச நீளம் 8 MB ஆகும். இது நிலையான (standard) மற்றும் URL-safe Base64 குறியீடுகளை, இடைவெளிகள் மற்றும் புதிய வரிகளுடன் (whitespace and newlines) ஏற்றுக்கொள்கிறது.
தனியுரிமை மற்றும் தரவுச் செயலாக்கம்
இந்தக் கருவியைப் பயன்படுத்தும்போது தனியுரிமை முழுமையாகப் பாதுகாக்கப்படுகிறது. உங்கள் படம் மற்றும் உரைத் தரவுகள் அனைத்தும் முற்றிலும் உங்கள் இணைய உலாவியிலேயே (browser) படிக்கப்பட்டு மாற்றப்படுகின்றன. BroBroGo-விற்கு எதுவும் பதிவேற்றப்படுவதில்லை. இதனால் உங்கள் கோப்புகள் உங்கள் சாதனத்தை விட்டு வெளியேறுவதில்லை.
பிழைச் செய்திகள் மற்றும் தீர்வுகள்
செயலாக்கத்தின் போது ஏற்படும் தவறுகளைக் கண்டறிய பின்வரும் பிழைச் செய்திகள் காட்டப்படுகின்றன:
- ஆதரிக்கப்படாத கோப்பு வடிவத்தை உள்ளிட்டால்: "அந்த கோப்பு ஆதரிக்கப்படும் படம் அல்ல."
- அனுமதிக்கப்பட்ட அளவை விடப் பெரிய கோப்பை உள்ளிட்டால்: "அந்தப் படம்
{max}-ஐ விடப் பெரியது. சிறிய ஒன்றை முயற்சிக்கவும்." - கோப்பை வாசிப்பதில் சிக்கல் ஏற்பட்டால்: "அந்த கோப்பைப் படிக்க முடியவில்லை."
- தவறான Base64 குறியீட்டை ஒட்டினால்: "அது செல்லுபடியாகும் Base64 அல்ல."
- குறியீடு படமாக இல்லாதபோது: "இந்த Base64 அடையாளம் காணக்கூடிய படமாக டிகோட் செய்யப்படவில்லை."
- உள்ளீட்டு அளவு வரம்பை மீறும்போது: "அந்த உள்ளீடு மிகவும் நீளமானது.
{max}-க்குள் வைத்திருக்கவும்." - படத் தரவை உலாவியால் காட்ட முடியாதபோது: "படத் தரவு டிகோட் செய்யப்பட்டது ஆனால் அதைக் காட்ட முடியவில்லை."
அடிக்கடி கேட்கப்படும் கேள்விகள் (FAQ)
Base64 data URI படம் என்றால் என்ன?
இது உரையாக என்கோட் செய்யப்பட்ட ஒரு படமாகும், எனவே தனி கோப்பிலிருந்து ஏற்றுவதற்குப் பதிலாக நேரடியாக HTML அல்லது CSS-க்குள் வைக்கலாம். இது ஒரு கோரிக்கையைச் சேமிக்கிறது, இது சிறிய சின்னங்கள் மற்றும் மின்னஞ்சல் டெம்ப்ளேட்டுகளுக்கு எளிது.
பெரிய படங்களை இந்த முறையில் இன்லைன் செய்ய வேண்டுமா?
செய்யாமல் இருப்பது நல்லது. Base64 தரவை மூன்றில் ஒரு பங்கு பெரியதாக்குகிறது மற்றும் பக்கத்திலிருந்து தனியாக தற்காலிக சேமிப்பில் (cache) வைக்க முடியாது, எனவே இதை சிறிய கூறுகளுக்கு மட்டும் பயன்படுத்தி, பெரிய படங்களை சாதாரண கோப்புகளாக இணைக்கவும்.
Base64 சரத்தை மீண்டும் ஒரு கோப்பாக மாற்ற முடியுமா?
ஆம். Base64 → படம் முறைக்கு மாறி, data URI அல்லது மூல Base64 சரத்தை ஒட்டினால், அது பட வகையைக் கண்டறிந்து, முன்னோட்டம் காட்டி, கோப்பைப் பதிவிறக்க அனுமதிக்கும்.
டிகோட் செய்யப்பட்ட படம் என்ன பெயரில் பதிவிறக்கம் செய்யப்படும்?
டிகோட் செய்யப்படும் படங்கள் அனைத்தும் brobrogo-image. என்ற பெயருடன், அதன் பொருத்தமான கோப்பு நீட்டிப்புடன் (file extension) பதிவிறக்கம் செய்யப்படும்.