SVG கோப்பின் கட்டமைப்பும் இணைய செயல்திறனும்
ஸ்கேலபிள் வெக்டர் கிராபிக்ஸ் (SVG) என்பது நவீன வலை வடிவமைப்பில் மிக முக்கியமான அங்கமாகும். பிக்சல் அடிப்படையிலான படங்களைப் போலன்றி, SVG கோப்புகள் எக்ஸ்.எம்.எல் (XML) குறியீட்டு வடிவில் வெக்டர் தரவைச் சேமிக்கின்றன. இதனால் எந்தத் திரையின் அளவிற்கும் ஏற்ப தரம் குறையாமல் இவை சுருங்கி விரியும் தன்மையைக் கொண்டுள்ளன. எனினும், பல்வேறு கிராபிக்ஸ் மென்பொருட்களிலிருந்து ஏற்றுமதி செய்யப்படும் SVG கோப்புகளில் வலைப்பக்கத்தின் காட்சிக்குத் தேவையில்லாத பல கூடுதல் குறியீடுகள் நிறைந்துள்ளன.
இணையதளங்களின் பக்கமேற்ற வேகத்தை (loading time) மேம்படுத்துவதற்கும் சிறந்த பயனர் அனுபவத்தை வழங்குவதற்கும் SVG கோப்புகளின் அளவைக் குறைப்பது அவசியமாகும். இன்லைன் (inline) முறையில் நேரடியாக எச்.டி.எம்.எல் (HTML) குறியீட்டுடன் பயன்படுத்தப்படும் SVG கோப்புகளின் அளவு அதிகமாக இருக்கும்போது, அது ஒட்டுமொத்த பக்கத்தின் அளவையும் அதிகரித்து, இணையதளத்தின் வேகத்தைக் குறைக்கிறது. எனவே, தேவையற்ற குறியீடுகளை நீக்கி கோப்பின் அளவைச் சுருக்குவது வலைப்பக்கச் செயல்திறனை கணிசமாக உயர்த்தும்.
பாதுகாப்பான முறையில் குறியீட்டைச் சுத்தம் செய்தல்
SVG கோப்புகளில் உள்ள காட்சிக்குத் தேவையில்லாத பகுதிகளை அதன் அசல் தோற்றம் மாறாமல் அகற்றுவதே "லாஸ்லெஸ்" (lossless) மேம்படுத்தல் ஆகும். இந்த SVG ஆப்டிமைசர் கருவி பின்வரும் கூறுகளைப் பாதுகாப்பான முறையில் நீக்குகிறது:
- எக்ஸ்.எம்.எல் கருத்துகள் (Comments) மற்றும் மெட்டாடேட்டா (Metadata)
- கிராபிக்ஸ் எடிட்டர் மென்பொருட்களின் நேம்ஸ்பேஸ்கள் (Editor namespaces)
- பண்புக்கூறுகளுக்கு இடையே உள்ள கூடுதல் இடைவெளிகள் (Extra attribute spacing)
- பயன்படுத்தப்படாத நேம்ஸ்பேஸ்கள் (Unused namespaces)
- சுருக்கமான வடிவத்தில் எழுதக்கூடிய வண்ண மதிப்புகள் (Shorter equivalent colors)
அதே நேரத்தில், கிராஃபிக்ஸின் அசல் தன்மையைப் பாதுகாக்க, இந்த ஆப்டிமைசர் சில முக்கிய கூறுகளை அப்படியே தக்க வைத்துக் கொள்கிறது. இது viewBox, ஐடிகள் (IDs), லேபிள்கள் மற்றும் வடிவவியலை (geometry) மாற்றுவதில்லை. மேலும், பாத் (path) மாற்றங்கள், ஐடி மறுபெயரிடுதல், viewBox நீக்கம் மற்றும் துல்லியமான ரவுண்டிங் (precision rounding) போன்ற ஆபத்தான செயல்பாடுகளைத் தவிர்ப்பதன் மூலம் கிராஃபிக்ஸின் தோற்றம் சிதையாமல் இருப்பதை உறுதி செய்கிறது.
எக்ஸ்.எம்.எல் பாதுகாப்பு மற்றும் கட்டுப்பாடுகள்
வலைப் பயன்பாடுகளில் எக்ஸ்.எம்.எல் தரவை பகுப்பாய்வு செய்யும்போது பாதுகாப்பு மிக முக்கியமானது. ஆவண வகை (document type) அல்லது தனிப்பயன் உறுப்பு (custom entity) அறிவிப்புகளைக் கொண்ட SVG கோப்புகள் பாதுகாப்பு அச்சுறுத்தல்களை ஏற்படுத்தக்கூடும். எனவே, இத்தகைய அறிவிப்புகளைக் கொண்ட SVG கோப்புகள் இந்த ஆப்டிமைசரில் அனுமதிக்கப்படுவதில்லை.
மேலும், இந்தத் கருவி சில செயல்பாட்டுக் கட்டுப்பாடுகளையும் கொண்டுள்ளது:
- உள்ளீடு செய்யப்படும் SVG குறியீடு ஒரு குறிப்பிட்ட எழுத்து வரம்பிற்குள் (character limit) இருக்க வேண்டும்.
- மேம்படுத்தும் செயல்முறை 15 வினாடிகளுக்கு மேல் நீடித்தால், அது தானாகவே நிறுத்தப்படும்.
- உள்ளீட்டுப் பகுதியில் மாற்றம் செய்தாலோ அல்லது அதை அழித்தாலோ, பின்னணியில் நடந்து கொண்டிருக்கும் மேம்படுத்தும் செயல்முறை உடனடியாக நிறுத்தப்படும்.
தனியுரிமை மற்றும் தரவு செயலாக்கம்
இந்தக் கருவியைப் பயன்படுத்தும்போது உங்கள் தரவின் தனியுரிமை முழுமையாகப் பாதுகாக்கப்படுகிறது. உங்கள் SVG குறியீடு உங்கள் உலாவியிலேயே மேம்படுத்தப்படுகிறது. BroBroGo-விற்கு எதுவும் பதிவேற்றப்படுவதில்லை. இதனால் உங்கள் குறியீடுகள் எந்தவொரு வெளிப்புற சேவையகத்திற்கும் அனுப்பப்படாமல் உள்ளூரிலேயே பாதுகாப்பாகச் செயலாக்கப்படுகின்றன.
பிழைச் செய்திகள் மற்றும் அவற்றின் விளக்கங்கள்
செயலாக்கத்தின் போது ஏற்படும் சிக்கல்களைப் பயனர்களுக்கு விளக்க பின்வரும் பிழைச் செய்திகள் பயன்படுத்தப்படுகின்றன:
- முதலில் SVG குறியீட்டை ஒட்டவும். — உள்ளீட்டுப் பகுதி காலியாக இருக்கும்போது மேம்படுத்த முயன்றால் இந்த செய்தி தோன்றும்.
- <svg> உறுப்பு எதுவும் கண்டறியப்படவில்லை. — உள்ளீடு செய்யப்பட்ட குறியீட்டில் முறையான SVG உறுப்பு எதுவும் இல்லாதபோது இது காட்டப்படும்.
- இந்த SVG ஆவண வகை (document type) அல்லது தனிப்பயன் உறுப்பைத் (custom entity) பயன்படுத்துகிறது. மேம்படுத்துவதற்கு முன் அதை நீக்கவும். — தடுக்கப்பட்ட எக்ஸ்.எம்.எல் கட்டமைப்புகள் கண்டறியப்படும்போது இந்த எச்சரிக்கை காட்டப்படும்.
- இந்த SVG இந்த கருவிக்கு மிகவும் பெரியது.
{max}எழுத்துகளுக்குள் இருக்கட்டும். — அனுமதிக்கப்பட்ட அதிகபட்ச எழுத்து வரம்பை விட பெரிய கோப்பை உள்ளீடு செய்யும்போது இது தோன்றும். - செயலாக்கம் அதிக நேரம் எடுத்ததால் நிறுத்தப்பட்டது — சிறிய SVG-ஐ முயற்சிக்கவும். — மேம்படுத்தும் பணி 15 வினாடிகளுக்கு மேல் நீடிக்கும்போது இந்த செய்தி காட்டப்படும்.
- இந்த SVG-ஐ மேம்படுத்த முடியவில்லை. — பொதுவான செயலாக்கப் பிழைகளின் போது இந்த செய்தி வெளியீடாக வரும்.
முடிவுகளை ஒப்பிடுதல்
மேம்படுத்தல் வெற்றிகரமாக முடிந்ததும், அசல் மற்றும் புதிய கோப்பின் அளவுகள் குறித்த புள்ளிவிவரங்கள் காட்டப்படும்:
- அசல்: அசல் SVG கோப்பின் அளவு பைட்டுகளில்.
- வெளியீடு: மேம்படுத்தப்பட்ட SVG கோப்பின் அளவு பைட்டுகளில்.
- சேமிக்கப்பட்டது: சேமிக்கப்பட்ட இடத்தின் அளவு பைட்டுகளிலும் சதவீதத்திலும்.
வெற்றிகரமான மேம்படுத்தலுக்குப் பிறகு, மேம்படுத்தப்பட்டது — {pct}% சிறியது ({saved} சேமிக்கப்பட்டது). என்ற செய்தி காட்டப்படும். ஒருவேளை பாதுகாப்பான துப்புரவு அமைப்பின் காரணமாகக் கோப்பின் அளவில் எந்த மாற்றமும் ஏற்படவில்லை எனில், மேம்படுத்தப்பட்டது. பாதுகாப்பான துப்புரவு அமைப்பில் கோப்பின் அளவு எதுவும் குறையவில்லை. என்ற செய்தி காட்டப்படும்.
அடிக்கடி கேட்கப்படும் கேள்விகள் (FAQ)
கேள்வி: இது எவற்றை நீக்குகிறது?
பதில்: இது கருத்துகள், மெட்டாடேட்டா, எடிட்டர் நேம்ஸ்பேஸ்கள், கூடுதல் பண்புக்கூறு இடைவெளிகள், பயன்படுத்தப்படாத நேம்ஸ்பேஸ்கள் மற்றும் சுருக்கமான வண்ண மதிப்புகளை நீக்குகிறது. இது viewBox, ஐடிகள், லேபிள்கள் மற்றும் வடிவவியலை அப்படியே வைத்திருக்கும்.
கேள்வி: இது அனைத்து SVG-களையும் மேம்படுத்துமா?
பதில்: இது சாதாரண இன்லைன் SVG குறியீடுகளைக் கையாளும். ஆவண வகை அல்லது தனிப்பயன் உறுப்பு அறிவிப்புகளைக் கொண்ட SVG-கள் தடுக்கப்படுகின்றன, ஏனெனில் அவை பகுப்பாய்வு செய்வதைப் பாதுகாப்பற்றதாக மாற்றக்கூடும். அந்த அறிவிப்புகளை நீக்கிவிட்டு மீண்டும் முயற்சிக்கவும்.
கேள்வி: இது கிராஃபிக் தோற்றத்தை மாற்றுமா?
பதில்: இந்த ஆப்டிமைசர் பாத் (path) மாற்றங்கள், ஐடி மறுபெயரிடுதல், viewBox நீக்கம் மற்றும் துல்லியமான ரவுண்டிங் போன்றவற்றைத் தவிர்க்கிறது. உங்கள் வடிவமைப்புப் பணிக்காகக் கருத்துகள் அல்லது மெட்டாடேட்டாவை உங்கள் SVG சார்ந்திருந்தால், அசல் கோப்பின் நகலை வைத்திருங்கள்.
கேள்வி: எனது கோப்புகள் ஏதேனும் சர்வரில் சேமிக்கப்படுமா?
பதில்: இல்லை. உங்கள் SVG குறியீடு உங்கள் உலாவியிலேயே மேம்படுத்தப்படுகிறது. BroBroGo-விற்கு எதுவும் பதிவேற்றப்படுவதில்லை.