ചിത്രം ഡാറ്റാ URI / ബേസ്64 കൺവെർട്ടർ
ഡ്രാഗ് & ഡ്രോപ്പ് ചെയ്യുക അല്ലെങ്കിൽ നിങ്ങളുടെ ഉപകരണത്തിൽ നിന്ന് ചിത്രം മാനുവലായി അപ്లోഡ് ചെയ്യുക അല്ലെങ്കിൽ വെബിൽ നിന്ന് ചിത്രത്തിന്റെ URL പേസ്റ്റ് ചെയ്ത് നിങ്ങളുടെ ലക്ഷ്യമിട്ട ചിത്രത്തെ ബേസ്64 / ഡാറ്റ URI ടെക്സ്റ്റ് ഫോർമാറ്റിലേക്ക് മാറ്റുക. ചിത്രത്തെ ഡാറ്റ URI / ബേസ്64 ടെക്സ്റ്റ് ഫോർമാറ്റിലേക്ക് മാറ്റുക.
ഡാറ്റ URI / ബേസ്64 ടു ഇമേജ് കൺവെർട്ടർ
ഉപയോഗിക്കുക ചിത്രം ഡാറ്റാ URI / ബേസ്64 കൺവെർട്ടർ
ഉള്ളടക്കം വായിക്കുക
നിങ്ങളുടെ ഒന്നിലധികം ചിത്ര ഫയലുകളെ ഡാറ്റ URI, ബേസ്64 ഫോർമാറ്റിലേക്ക് ഓൺലൈനിൽ സൗജന്യമായി മാറ്റുക.
ചിത്രം ഡാറ്റ URI / ബേസ്64 കൺവെർട്ടർ
ചിത്രത്തെ ഡാറ്റ URI / ബേസ്64 ആയി മാറ്റുന്ന ഒരു സൗകര്യപ്രദമായ ഉപകരണമാണ് ഇമേജ് ടു ഡാറ്റ URI / ബേസ്64 കൺവെർട്ടർ. ഇത് നിങ്ങളെ ഒരു ചിത്രത്തെ ഒരു വെബ് പേജിലോ മറ്റ് ഓൺലൈൻ ആപ്ലിക്കേഷനുകളിലോ ഉപയോഗിക്കാവുന്ന ടെക്സ്റ്റ് സ്ട്രിംഗ് ആയി വേഗത്തിൽ എളുപ്പത്തിൽ മാറ്റാൻ അനുവദിക്കുന്നു. ബാഹ്യ ഫയൽ ഹോസ്റ്റിംഗ് സേവനം ഉപയോഗിക്കാൻ ആഗ്രഹിക്കാത്തപ്പോൾ നിങ്ങളുടെ കോഡിൽ ഒരു ചിത്രം എംബെഡ് ചെയ്യേണ്ട സന്ദർഭങ്ങളിൽ ഈ തരം കൺവെർട്ടർ ഉപയോഗപ്രദമാണ്.
ഇമേജ് ടു ബേസ്64 എൻകോഡിംഗ് സിസ്റ്റം എന്താണ്?
എപ്പോഴെങ്കിലും ഒരു ചിത്രത്തെ ഡാറ്റ URL അല്ലെങ്കിൽ ബേസ്64 സ്ട്രിംഗ് ആയി മാറ്റേണ്ടിവന്നിട്ടുണ്ടോ?
ഇമേജ് ടു ബേസ്64 എന്നത് ഏതൊരു ചിത്രത്തെയും ഡാറ്റ നഷ്ടമില്ലാതെ വായിക്കാൻ സാധിക്കാത്ത ടെക്സ്റ്റ് ഫോർമാറ്റിലേക്ക് മാറ്റുന്ന ഒരു ചിത്ര എൻകോഡിംഗ് സിസ്റ്റമാണ്. ജനറേറ്റുചെയ്യുന്ന ബേസ്64 എൻകോഡഡ് ടെക്സ്റ്റുകളിൽ പ്ലസ്, സ്ലാഷ്, ഈക്വൽ, ലാറ്റിൻ അക്ഷരങ്ങൾ, അക്കങ്ങൾ എന്നിവ അടങ്ങിയിരിക്കും.
ബൈനറി വിവരങ്ങൾ ടെക്സ്റ്റ് ഫോർമാറ്റിൽ സൂക്ഷിക്കുന്നതിനുള്ള വളരെ ഉപയോഗപ്രദമായ ഒരു മാർഗ്ഗമാണ് ബേസ്64 എൻകോഡിംഗ്. ചിത്രങ്ങൾ, ശബ്ദങ്ങൾ, വീഡിയോ ക്ലിപ്പുകൾ പോലുള്ള ബൈനറി ഡാറ്റയെ അക്ഷരമാലയിലെ അക്ഷരങ്ങൾ + അക്കങ്ങൾ ഉപയോഗിച്ച് പ്രതിനിധീകരിക്കുക എന്നതാണ് ഇതിന്റെ ലക്ഷ്യം.
ഡാറ്റ URI / ബേസ്64 എന്തിനാണ്?
ഒരു ചിത്രത്തെ ബേസ്64 സ്ട്രിംഗ് ആയി മാറ്റാൻ ഡാറ്റ URIs എന്ന മാർഗ്ഗം ഉപയോഗിക്കുന്നു. ഇത് ചിത്രത്തിനായി ഒരു URL സൃഷ്ടിക്കാൻ അനുവദിക്കുന്നു, അത് പിന്നീട് ഒരു വെബ് പേജിൽ ഉൾപ്പെടുത്താം. ഈ പ്രക്രിയയിൽ നമ്മുടെ യഥാർത്ഥ ഫയൽ(കൾ) ബൈറ്റ് അറേയായി (ബൈറ്റുകളുടെ ശേഖരം) മാറ്റുന്നു. തുടർന്ന് നമ്മൾ ബൈറ്റ് അറേയെ ബേസ്64 എൻകോഡഡ് സ്ട്രിംഗ് ആയി എൻകോഡ് ചെയ്യാം.
ലോക്കൽ ഫയലുകളുമായി താരതമ്യപ്പെടുത്തുമ്പോൾ ഡാറ്റ URIs നിരവധി നേട്ടങ്ങൾ നൽകുന്നു. ക്ലയന്റ് (ബ്രൗസർ) ക്ഭിക്കുന്നു, സാധാരണ ചിത്രങ്ങളേക്കാൾ വലുപ്പം കുറവാണ്, കൂടുതൽ ബാൻഡ്വിഡ്ത്ത് ഉപയോഗിക്കാതെ വലിയ ചിത്രങ്ങൾ നൽകാൻ വെബ്സൈറ്റുകളെ അനുവദിക്കുന്നു. ബേസ്64 സ്ട്രിംഗുകൾ വായിക്കാൻ എളുപ്പമാണ്, കാരണം സാധാരണ ടെക്സ്റ്റ് എഡിറ്ററുകൾ ഉപയോഗിച്ച് അവയെ എളുപ്പത്തിൽ കാണാൻ കഴിയും.
ഡാറ്റ URIs ഉപയോഗിച്ച്, ബാഹ്യ ഫയൽ ലോഡ് ചെയ്യാതെ നിങ്ങളുടെ HTML കോഡിൽ നേരിട്ട് ഒരു ചിത്രം എംബെഡ് ചെയ്യാൻ കഴിയും. ഇത് നിങ്ങളുടെ പേജ് ലോഡിംഗ് സമയം വേഗത്തിലാക്കും, ഇത് വളരെ എളുപ്പമാണ്. ഈ ലേഖനത്തിൽ, സെക്കൻഡുകൾക്കുള്ളിൽ ചിത്രങ്ങളെ ഡാറ്റ URIs ആയി എങ്ങനെ മാറ്റാം എന്ന് നിങ്ങൾക്ക് കാണിക്കും.
ചിത്രത്തെ ബേസ്64 എൻകോഡഡ് / ഡാറ്റ URI ആയി സെക്കൻഡുകൾക്കുള്ളിൽ എങ്ങനെ മാറ്റാം
നിങ്ങളുടെ വെബ്സൈറ്റിൽ ചിത്രങ്ങൾ വേഗത്തിൽ ലോഡ് ചെയ്യുന്നതെങ്ങനെ എന്ന് എപ്പോഴെങ്കിലും ചിന്തിച്ചിട്ടുണ്ടോ? അതിലേക്കുള്ള ഒരു മാർഗ്ഗമാണ് ഡാറ്റ URIs ഉപയോഗിക്കുക. നിങ്ങളുടെ ഉപകരണത്തിൽ നിന്ന് ഡ്രാഗ് & ഡ്രോപ്പ് ചെയ്യുക അല്ലെങ്കിൽ ചിത്രം മാനുവലായി അപ്లోഡ് ചെയ്യുക അല്ലെങ്കിൽ വെബിൽ നിന്ന് ചിത്രത്തിന്റെ URL പേസ്റ്റ് ചെയ്ത് നിങ്ങളുടെ ലക്ഷ്യമിട്ട ചിത്രത്തെ ബേസ്64 / ഡാറ്റ URI ടെക്സ്റ്റ് ഫോർമാറ്റിലേക്ക് മാറ്റുക.
ഇമേജ് ടു ബേസ്64 എൻകോഡഡ് ഉദാഹരണം
ബേസ്64 എൻകോഡഡ് ഒരു ചിത്രത്തിന്റെ ഔട്ട്പുട്ട് ഇങ്ങനെയായിരിക്കും data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEAYABgAAD//gA7Q1JFQVRPUjogZ2QtanBlZyB2MS4wICh1c2luZyBJSkcgSlBFRyB2OTApLC....
ഇമേജ് ടു ബേസ്64 എൻകോഡഡ് ഉപയോഗങ്ങൾ
ഇമേജ് സോഴ്സിനായി (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 / ബേസ്64 എങ്ങനെ ഉപയോഗിക്കാം
ഡാറ്റ URI / ബേസ്64 കൺവെർട്ടർ ഉപയോഗിക്കാൻ, ജനറേറ്റുചെയ്ത കോഡ് നിങ്ങളുടെ പ്രോജക്ടിൽ എംബെഡ് ചെയ്യേണ്ട ചിത്രം പ്രത്യക്ഷപ്പെടുന്നിടത്ത് കോപ്പി ചെയ്ത് പേസ്റ്റ് ചെയ്യുക. കോഡിനുള്ളിൽ നിന്നും വരികളോ സ്പേസുകളോ നീക്കം ചെയ്യരുത്, കാരണം അവ ശരിയായ ഡിസ്പ്ലേ ഫോർമാറ്റിംഗിന് ആവശ്യമാണ്. മാറ്റിയ ചിത്രങ്ങൾ എങ്ങനെ ഉപയോഗിക്കാൻ ഉദ്ദേശിക്കുന്നുവെന്നതിനെ ആശ്രയിച്ച് ചില ക്രമീകരണങ്ങൾ ക്രമീകരിക്കേണ്ടിവരാം - ഉദാഹരണത്തിന് അവയുടെ ഡൈമൻഷനുകൾ മാറ്റുക അല്ലെങ്കിൽ അവയ്ക്ക് ചുറ്റും ബോർഡറുകൾ/സ്പേസിംഗ് ചേർക്കുക.
അഭിപ്രായങ്ങൾ (0)
നിങ്ങൾ നേരിട്ട പ്രശ്നം വിവരിക്കുക, അതുവഴി ഞങ്ങൾക്ക് അന്വേഷിച്ച് ഈ ടൂൾ മെച്ചപ്പെടുത്താൻ സാധിക്കും.