Base64 இல் இருந்து படம்

1. அறிமுகம்

Base64-இலிருந்து படமாக மாற்றி என்பது Base64-இல் குறியாக்கம் செய்யப்பட்ட ஒரு சரத்தை காணக்கூடிய மற்றும் பதிவிறக்கக்கூடிய படக் கோப்பாக மாற்றும் எளிய ஆன்லைன் கருவியாகும். Base64 குறியாக்கம் பொதுவாக படங்கள் போன்ற பைனரி தரவுகளை எளிய உரையாகக் குறிப்பிட பயன்படுத்தப்படுகிறது. இந்த வடிவம் இணைய மேம்பாடு, API-கள், மின்னஞ்சல் அமைப்புகள் மற்றும் தரவு பரிமாற்ற செயல்முறைகளில் பரவலாக பயன்படுத்தப்படுகிறது.

JSON பதில்கள், HTML img குறிச்சொற்கள், CSS கோப்புகள் அல்லது API payload-களில் உள்ள படத் தரவுகளுடன் நீங்கள் பணிபுரிந்திருந்தால், Base64 சரங்களை நீங்கள் சந்தித்திருக்க வாய்ப்பு அதிகம். ஸ்கிரிப்ட்கள் அல்லது வெளிப்புற மென்பொருள்களைப் பயன்படுத்தி அவற்றை கைமுறையாக டிகோடு செய்வதற்குப் பதிலாக, இந்த கருவி உடனடியாக படத்தை முன்னோட்டமாகக் காணவும், PNG, JPG, WEBP அல்லது GIF போன்ற பிரபலமான வடிவங்களில் பதிவிறக்கவும் அனுமதிக்கிறது.

இந்த கருவி டெவலப்பர்கள், வடிவமைப்பாளர்கள், சோதனையாளர்கள் மற்றும் குறியாக்கம் செய்யப்பட்ட படத் தரவுகளுடன் பணிபுரியும் அனைவருக்கும் மிகவும் பொருத்தமானது. API பதிலை பிழைத்திருத்தம் செய்வதோ, தரவுத்தள புலத்திலிருந்து படத்தை பிரித்தெடுப்பதோ அல்லது படத்தின் ஒருமைப்பாட்டை சரிபார்ப்பதோ எதுவாக இருந்தாலும், இந்த கருவி வேகமான மற்றும் பயனர் நட்பு தீர்வை வழங்குகிறது.

2. இது எவ்வாறு செயல்படுகிறது

இந்த கருவி Base64-இல் குறியாக்கம் செய்யப்பட்ட ஒரு சரத்தை உள்ளீடாக ஏற்று, Data URI திட்டத்தைப் பயன்படுத்தி அதை ஒரு படமாக மாற்றுகிறது. சிக்கலான சர்வர்-பக்க பட டிகோடிங்கைச் செய்வதற்குப் பதிலாக, வழங்கப்பட்ட Base64 சரத்தை பின்வரும் வடிவத்தில் HTML img உறுப்பிற்குள் நேரடியாக உட்பொதிக்கிறது:

data:image/png;base64,BASE64_STRING

உலாவி இந்த Data URI-ஐ செல்லுபடியாகும் பட மூலமாகப் புரிந்துகொண்டு, டிகோடு செய்யப்பட்ட படத்தை உடனடியாகக் காட்டுகிறது. இதனால் கோப்பு அமைப்பில் சேமிக்காமல் அல்லது தற்காலிக சர்வர் செயலாக்கம் இல்லாமலேயே பயனர்கள் முடிவை கண்ணால் சரிபார்க்க முடியும்.

உள்ளீட்டு அளவுரு

• உள்ளடக்கம் – Base64-இல் குறியாக்கம் செய்யப்பட்ட படச் சரத்தை பயனர்கள் ஒட்ட வேண்டிய கட்டாய textarea புலம்.

சரிபார்ப்பு விதிகள்

• உள்ளடக்கம் புலம் காலியாக இருக்கக்கூடாது.
• பாதுகாப்பிற்காக கோரிக்கையில் செல்லுபடியாகும் CSRF டோக்கன் இருக்க வேண்டும்.
• ஊடுருவல் (Injection) பிரச்சினைகளைத் தவிர்க்க செயலாக்கத்திற்கு முன் உள்ளீடு சுத்திகரிக்கப்படுகிறது.

வெளியீட்டு அமைப்பு

சரிபார்ப்பு வெற்றிகரமாக இருந்தால், இந்த கருவி:

• டிகோடு செய்யப்பட்ட படத்தை உலாவியில் காட்டும்.
• PNG, JPG, WEBP மற்றும் GIF வடிவங்களுக்கான பதிவிறக்க இணைப்புகளை உருவாக்கும்.
• நெகிழ்வான பதிவிறக்கத்திற்காக அதே Base64 சரத்தை வெவ்வேறு MIME வகைகளில் பயன்படுத்தும்.

வரம்புகள்

• Base64 சரம் செல்லுபடியாகும் படத் தரவைக் குறிக்கிறது என்று கருவி கருதுகிறது.
• தானியங்கி MIME வகை கண்டறிதல் செய்யப்படாது.
• மிகப் பெரிய Base64 சரங்கள் உலாவியின் செயல்திறனை பாதிக்கக்கூடும்.
• தவறான Base64 உள்ளீடு உடைந்த பட முன்னோட்டத்தை ஏற்படுத்தக்கூடும்.

3. இந்த கருவியை எவ்வாறு பயன்படுத்துவது

1. உங்கள் Base64-இல் குறியாக்கம் செய்யப்பட்ட படச் சரத்தை நகலெடுக்கவும்.
2. அந்த சரத்தை உள்ளடக்கம் textarea புலத்தில் ஒட்டவும்.
3. செயலாக்க பொத்தானைக் கிளிக் செய்யவும்.
4. படிவத்தின் கீழே டிகோடு செய்யப்பட்ட படத்தின் முன்னோட்டத்தை உடனடியாகக் காணவும்.
5. பதிவிறக்கம் கீழ்தோன்றும் பட்டியலைக் கிளிக் செய்து, விரும்பிய வடிவத்தை (PNG, JPG, WEBP அல்லது GIF) தேர்வு செய்யவும்.
6. படக் கோப்பை உங்கள் சாதனத்தில் சேமிக்கவும்.

4. நடைமுறை எடுத்துக்காட்டுகள்

எடுத்துக்காட்டு 1: API பதிலிலிருந்து ஒரு படத்தைப் பிரித்தெடுத்தல்

உள்ளீடு:

iVBORw0KGgoAAAANSUhEUgAAAAUA...

வெளியீடு:

• படம் உடனடியாகக் காட்டப்படும்.
• PNG, JPG, WEBP அல்லது GIF வடிவத்தில் பதிவிறக்கும் விருப்பம்.

நிகழ்வு: REST API-இலிருந்து ஒரு Base64 படச் சரத்தைப் பெறுகிறீர்கள். அதை உங்கள் பயன்பாட்டில் சேமிப்பதற்கு அல்லது காட்டுவதற்கு முன் அதன் உள்ளடக்கத்தை சரிபார்க்க விரும்புகிறீர்கள்.

எடுத்துக்காட்டு 2: தரவுத்தளத்திலிருந்து ஒரு படத்தை மீட்டெடுத்தல்

உள்ளீடு:

/9j/4AAQSkZJRgABAQAAAQABAAD...

வெளியீடு:

• உலாவியில் டிகோடு செய்யப்பட்ட முன்னோட்டம்.
• பதிவிறக்கக்கூடிய படக் கோப்பு.

நிகழ்வு: உங்கள் தரவுத்தளம் படங்களை Base64 சரங்களாக சேமிக்கிறது. இடமாற்றத்தின் போது தரவு சேதமடையவில்லை என்பதை உறுதிப்படுத்த விரும்புகிறீர்கள்.

5. டெவலப்பர்களுக்கான பயன்பாட்டு சூழல்கள்

- API பிழைத்திருத்தம்

தனிப்பயன் டிகோடிங் ஸ்கிரிப்ட்களை எழுதாமல் Backend சேவைகளிலிருந்து வரும் Base64 பட பதில்களை விரைவாக ஆய்வு செய்யுங்கள்.

- தரவுத்தள சரிபார்ப்பு

இறக்குமதி/ஏற்றுமதி செயல்பாடுகள் அல்லது தரவுத்தள இடமாற்றங்களுக்குப் பிறகு படத்தின் ஒருமைப்பாட்டைச் சரிபார்க்கவும்.

- முன்புற சோதனை

தயாரிப்பு குறியீட்டில் உட்பொதிப்பதற்கு முன் Data URI திட்டங்களைப் பயன்படுத்தி Inline படங்களைச் சோதிக்கவும்.

- தானியக்கம் மற்றும் ஒருங்கிணைப்பு

Base64-இலிருந்து-படம் முன்னோட்டங்களை நிர்வாக டாஷ்போர்டுகள் அல்லது உள் கருவிகளில் ஒருங்கிணைக்கவும்.

PHP எடுத்துக்காட்டு

$base64 = $_POST['content'];
echo '<img src="data:image/png;base64,' . $base64 . '" />';

JavaScript எடுத்துக்காட்டு

const base64String = document.getElementById('content').value;
const img = document.createElement('img');
img.src = `data:image/png;base64,${base64String}`;
document.body.appendChild(img);

பாதுகாப்பு கருத்துகள்

• காட்சிப்படுத்தும் முன் பயனர் உள்ளீட்டை எப்போதும் சுத்திகரிக்கவும்.
• கடுமையான சரிபார்ப்பு தேவைப்பட்டால் Base64 வடிவத்தைச் சரிபார்க்கவும்.
• படிவ சமர்ப்பிப்புகளுக்கு CSRF பாதுகாப்பைப் பயன்படுத்தவும்.
• தவறான பயன்பாடு அல்லது உலாவி அதிக சுமையைத் தவிர்க்க உள்ளீட்டு அளவை வரம்பிடவும்.

6. அடிக்கடி கேட்கப்படும் கேள்விகள்

Base64 பட குறியாக்கம் என்றால் என்ன?

Base64 குறியாக்கம் பைனரி படத் தரவை உரைச் சரமாக மாற்றுகிறது. இதனால் HTML, JSON அல்லது மின்னஞ்சல் போன்ற உரை அடிப்படையிலான அமைப்புகள் வழியாக அதை பாதுகாப்பாக அனுப்ப முடியும்.

Base64-ஐ ஒரு படக் கோப்பாக எவ்வாறு மாற்றுவது?

Base64 சரத்தை இந்த கருவியில் ஒட்டி, படத்தை முன்னோட்டமாகப் பார்த்து, விருப்பமான வடிவத்தில் பதிவிறக்கவும்.

எனது Base64 படம் ஏன் காட்டப்படவில்லை?

அந்த சரம் முழுமையற்றதாக, சேதமடைந்ததாக அல்லது செல்லுபடியாகும் படத் தரவாக சரியாக குறியாக்கம் செய்யப்படாததாக இருக்கலாம்.

படத்தை வெவ்வேறு வடிவங்களில் பதிவிறக்க முடியுமா?

ஆம். இந்த கருவி PNG, JPG, WEBP மற்றும் GIF வடிவங்களில் பதிவிறக்க அனுமதிக்கிறது.

இந்த கருவி பாதுகாப்பானதா?

ஆம். பாதுகாப்பை மேம்படுத்த இந்த படிவம் CSRF பாதுகாப்பையும் உள்ளீட்டு சுத்திகரிப்பையும் பயன்படுத்துகிறது.

இந்த கருவி எனது படங்களை சேமிக்குமா?

இல்லை. மாற்றமும் முன்னோட்டமும் உங்கள் உலாவி அமர்விலேயே நேரடியாக நடைபெறும்; நிரந்தரமாக எதுவும் சேமிக்கப்படாது.