படத்தை டேட்டா URI / Base64 மாற்றி
படத்தை இழுத்து விடுங்கள் அல்லது உங்கள் சாதனத்திலிருந்து கைமுறையாக பதிவேற்றுங்கள் அல்லது இணையத்திலிருந்து படத்தின் URLஐ ஒட்டுவதன் மூலம் நீங்கள் தேர்ந்தெடுத்த படத்தை Base64 / டேட்டா URI உரை வடிவத்திற்கு மாற்றலாம். படத்தை டேட்டா Uri / base64 உரை வடிவத்திற்கு மாற்றவும்.
டேட்டா URI / Base64 ஐ படமாக மாற்றி
பயன்படுத்து படத்தை டேட்டா URI / Base64 மாற்றி
உள்ளடக்கத்தைப் படிக்கவும்
உங்கள் பல படக் கோப்புகளை டேட்டா Uri மற்றும் base64 வடிவத்திற்கு ஆன்லைனில் இலவசமாக மாற்றவும்.
படத்தை டேட்டா URI / Base64 மாற்றி
படத்தை டேட்டா URI / Base64 மாற்றி என்பது ஒரு படத்தை இணையப் பக்கம் அல்லது பிற ஆன்லைன் பயன்பாட்டில் பயன்படுத்தக்கூடிய உரை வடிவமாக விரைவாகவும் எளிதாகவும் மாற்ற உதவும் ஒரு பயனுள்ள கருவியாகும். இந்த வகை மாற்றி உங்கள் குறியீட்டில் ஒரு படத்தை உட்பொதிக்க வேண்டும் ஆனால் வெளிப்புற கோப்பு ஹோஸ்டிங் சேவையைப் பயன்படுத்த விரும்பவில்லை எனில் மிகவும் பயனுள்ளதாக இருக்கும்.
படத்தை Base64 குறியீட்டு முறை என்றால் என்ன?
ஒரு படத்தை டேட்டா URL அல்லது base64 உரையாக மாற்ற வேண்டிய தேவை உங்களுக்கு ஏற்பட்டதுண்டா?
படத்தை Base64 என்பது எந்தவொரு படத்தையும் தரவு இழப்பு இல்லாமல் படிக்க முடியாத உரை வடிவமாக மாற்றும் ஒரு பட குறியீட்டு முறையாகும். உருவாக்கப்பட்ட Base64 குறியீட்டு உரைகளில் பிளஸ், ஸ்லாஷ், ஈக்வல், லத்தீன் எழுத்துக்கள் மற்றும் எண்கள் அடங்கும்.
Base64 குறியீடு என்பது பைனரி தகவலை உரை வடிவத்தில் சேமிக்க மிகவும் பயனுள்ள வழியாகும். படங்கள், ஒலிகள், வீடியோ கிளிப்புகள் போன்ற பைனரி தரவுகளை ASCII எழுத்துக்கள் (அகரவரிசை எழுத்துக்கள் + எண்கள்) பயன்படுத்தி குறிக்கவே இதன் நோக்கம்.
டேட்டா URI / Base64 ஏன்?
ஒரு படத்தை டேட்டா URIs எனப்படும் முறையைப் பயன்படுத்தி base64 உரையாக மாற்றலாம். இது படத்திற்கான URLஐ உருவாக்க அனுமதிக்கிறது, பின்னர் அது இணையப் பக்கத்தில் சேர்க்கப்படலாம். இந்த செயல்முறையில், நமது அசல் கோப்பை பைட் வரிசையாக (பைட்டுகளின் தொகுப்பு) மாற்றுகிறோம். பின்னர் அந்த பைட் வரிசையை base64 குறியீட்டு உரையாக மாற்றலாம்.
டேட்டா URIs உள்ளூர் கோப்புகளுடன் ஒப்பிடும்போது பல நன்மைகளை வழங்குகின்றன. அவை கிளையன்ட் (உலாவி) கேச்சில் இடத்தை சேமிக்கின்றன, வழக்கமான படங்களை விட அளவில் சிறியவை, மற்றும் குறைந்த அலைவரிசை பயன்பாட்டுடன் பெரிய படங்களை வழங்க இணையதளங்களுக்கு உதவுகின்றன. Base64 உரைகள் படிக்க எளிதானவை, ஏனெனில் அவற்றை பொதுவான உரை திருத்திகளைப் பயன்படுத்தி எளிதாகப் பார்க்கலாம்.
டேட்டா URIs மூலம், வெளிப்புற கோப்பை ஏற்றாமல் உங்கள் HTML குறியீட்டில் நேரடியாக ஒரு படத்தை உட்பொதிக்கலாம். இது உங்கள் பக்க ஏற்ற நேரத்தை விரைவுபடுத்தும், மேலும் இதைச் செய்வது மிகவும் எளிது. இந்த கட்டுரையில், படங்களை வினாடிகளில் டேட்டா URIs ஆக மாற்றுவது எப்படி என்பதை நாங்கள் உங்களுக்குக் காண்பிப்போம்.
படத்தை Base64 குறியீடு / டேட்டா URI ஆக வினாடிகளில் மாற்றுவது எப்படி
உங்கள் இணையதளத்தில் படங்கள் வேகமாக ஏற்றப்பட வேண்டும் என்று எப்போதாவது யோசித்திருக்கிறீர்களா? அதற்கு ஒரு வழி டேட்டா URIs ஐப் பயன்படுத்துவதாகும். வெறுமனே படத்தை இழுத்து விடுங்கள் அல்லது உங்கள் சாதனத்திலிருந்து கைமுறையாக பதிவேற்றுங்கள் அல்லது இணையத்திலிருந்து படத்தின் URLஐ ஒட்டுவதன் மூலம் நீங்கள் தேர்ந்தெடுத்த படத்தை Base64 / டேட்டா URI உரை வடிவத்திற்கு மாற்றலாம்.
படத்தை Base64 குறியீடு உதாரணம்
Base64 குறியீடு ஒரு படத்திற்கான வெளியீடு இவ்வாறு இருக்கும் data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEAYABgAAD//gA7Q1JFQVRPUjogZ2QtanBlZyB2MS4wICh1c2luZyBJSkcgSlBFRyB2OTApLC....
படத்தை Base64 குறியீட்டின் பயன்பாடுகள்
பட மூலத்திற்கு (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...")
டேட்டா URI / Base64 ஐ எவ்வாறு பயன்படுத்துவது
டேட்டா URI / Base64 மாற்றியைப் பயன்படுத்த, உருவாக்கப்பட்ட குறியீட்டை உங்கள் திட்டத்தில் படத்தை உட்பொதிக்க விரும்பும் இடத்தில் நகலெடுத்து ஒட்டவும். குறியீட்டிற்குள் உள்ள வரி இடைவெளிகள் அல்லது இடைவெளிகளை அகற்ற வேண்டாம், ஏனெனில் அவை சரியான காட்சி வடிவமைப்பிற்கு அவசியம். மாற்றப்பட்ட படங்களை எவ்வாறு பயன்படுத்த திட்டமிட்டுள்ளீர்கள் என்பதைப் பொறுத்து சில அமைப்புகளை சரிசெய்ய வேண்டியிருக்கலாம் - அதாவது அவற்றின் பரிமாணங்களை மாற்றுதல் அல்லது அவற்றைச் சுற்றி எல்லைகள்/இடைவெளிகளைச் சேர்த்தல்.
கருத்துகள் (0)
நீங்கள் சந்தித்த சிக்கலை விவரிக்கவும், அப்போதுதான் நாங்கள் அதை ஆராய்ந்து கருவியை மேம்படுத்த முடியும்.