பட உகப்பாக்கம் மற்றும் WebP அடிப்படைகள்

வலைத்தளச் செயல்திறனில் படங்கள் முக்கியப் பங்கு வகிக்கின்றன. WordPress பக்க வேகத்தைக் குறைப்பதில் குறியீட்டை விடப் படங்களே முக்கியக் காரணம் என்று அடிக்கடி குறிப்பிடப்படுகிறது. தங்கள் வலைத்தளத்தை உகப்பாக்க விரும்பும் எவருக்கும் WebP-ஐப் புரிந்துகொள்வது அவசியமாகும்.

WebP ஏன் சிறிய அளவிலானது: ஒரு மாறுபட்ட சுருக்க அணுகுமுறை

1992 முதல் பயன்பாட்டில் இருக்கும் JPEG, discrete cosine transform (DCT) சுருக்கம் எனப்படும் முறையைப் பயன்படுத்துகிறது. இந்த முறை நன்றாகச் செயல்பட்டாலும், 2010-இல் Google அறிமுகப்படுத்திய WebP ஒரு மாறுபட்ட அணுகுமுறையைக் கையாள்கிறது. WebP ஆனது VP8 video codec-இல் இருந்து intra-frame compression நுட்பங்களைப் பயன்படுத்துகிறது. அதாவது, வீடியோ பிரேம்களைக் கையாள்வது போலவே, ஒற்றை ஃபிரேமிற்குள் இருக்கும் தகவல்களைப் பார்த்து இது படங்களைச் சுருக்குகிறது.

இந்த மாறுபட்ட முறையின் காரணமாக, பார்வைக்குத் தெரியும் தரத்தை ஒப்பிடத்தக்க அளவில் தக்கவைத்துக்கொண்டே, JPEG-ஐ விடச் சிறிய கோப்பு அளவுகளை WebP அடைய முடிகிறது. ஒரு வலைத்தளத்தில் படங்களை விரைவாக ஏற்றுவதில் இது ஒரு குறிப்பிடத்தக்க நன்மையாகும்.

WebP-இன் பன்முகத்தன்மை

WebP-இன் மற்றொரு நன்மை அதன் பன்முகத்தன்மை ஆகும். இது பல வகையான சுருக்கங்களை ஆதரிக்கிறது:

• Lossy சுருக்கம்: தரத்தில் சில இழப்புகள் ஏற்றுக்கொள்ளக்கூடிய புகைப்படங்களுக்கு ஏற்றது.
• Lossless சுருக்கம்: தரம் பாதுகாக்கப்பட வேண்டிய லோகோக்கள் மற்றும் ஸ்கிரீன்ஷாட்கள் போன்ற படங்களுக்கு சிறந்தது.
• Alpha-channel வெளிப்படைத்தன்மை: PNG போன்றது, வெளிப்படையான பின்னணிகளை அனுமதிக்கிறது.
• எளிய அசைவூட்டம்: GIF-கள் போன்றது, ஆனால் பெரும்பாலும் சிறிய கோப்பு அளவுகளைக் கொண்டது.

அதாவது, வெவ்வேறு தேவைகளுக்குத் தனித்தனி வடிவங்களைப் பயன்படுத்துவதற்குப் பதிலாக (புகைப்படங்களுக்கு JPEG, வெளிப்படைத்தன்மைக்கு PNG மற்றும் அசைவூட்டங்களுக்கு GIF), இந்த எல்லாத் தேவைகளுக்கும் நீங்கள் WebP-ஐப் பயன்படுத்தலாம்.

எந்த வடிவத்தை வழங்குவது என்பதை உலாவிகள் எவ்வாறு தீர்மானிக்கின்றன

WebP முதன்முதலில் அறிமுகப்படுத்தப்பட்டபோது, அனைத்து உலாவிகளும் அதை ஆதரிக்கவில்லை. இதைக் கையாள, HTTP content negotiation எனப்படும் ஒரு முறை பயன்படுத்தப்பட்டது. ஓர் உலாவி ஒரு படத்தைக் கோரும்போது, அது ஆதரிக்கும் வடிவங்களைக் குறிப்பிடும் ஒரு header-ஐ இதுபோன்று அனுப்புகிறது:

Accept: image/webp,image/*,*/*

சர்வர் அல்லது Content Delivery Network (CDN) பின்னர் இந்த header-ஐச் சரிபார்க்க முடியும். உலாவி WebP-ஐ ஆதரித்தால், சர்வர் WebP பதிப்பை வழங்குகிறது; இல்லையெனில், அது JPEG அல்லது PNG-க்கு மாறுகிறது.

எந்த வடிவத்தைப் பயன்படுத்த வேண்டும் என்பதை நீங்கள் நேரடியாக HTML-லும் குறிப்பிடலாம். பயன்படுத்தப்படும் <picture> உறுப்பானது, ஒரு WebP மூலத்தையும் மாற்று JPEG படத்தையும் இணைக்க உங்களை அனுமதிக்கிறது:

<picture>
  <source type="image/webp" srcset="photo.webp">
  <img src="photo.jpg" alt="Description">
</picture>

இதன் மூலம், உலாவி தான் சிறந்த முறையில் புரிந்துகொள்ளும் வடிவத்தைத் தானாகவே தேர்ந்தெடுக்கும்.

தற்போதைய நிலவரப்படி, Chrome, Firefox, Edge மற்றும் Safari போன்ற முக்கிய உலாவிகள் WebP-ஐ ஆதரிக்கின்றன. இந்த பரவலான ஆதரவு, நவீன வலை மேம்பாட்டிற்கு இதை ஒரு நம்பகமான தேர்வாக மாற்றுகிறது.

WordPress-இல் WebP ஆதரவு

WordPress படிப்படியாக WebP-ஐ ஏற்றுக்கொண்டுள்ளது. பதிப்பு 5.8-க்கு முன்பு, ஒரு WebP கோப்பைப் பதிவேற்ற முயன்றால் பிழைச் செய்தி தோன்றும். இருப்பினும், WordPress 5.8 வெளியீட்டுடன், ஊடக நூலகத்தில் WebP கோப்புகள் அனுமதிக்கப்பட்ட வடிவமாக மாறின.

WordPress-இன் பிந்தைய பதிப்புகள், ஒரு JPEG பதிவேற்றப்படும்போது துணைப் பட அளவுகளை (சிறுபடங்கள் போன்றவை) தானாகவே WebP-க்கு மாற்றுவதன் மூலம் இதை மேலும் முன்னோக்கி எடுத்துச் சென்றன. அதாவது அசல் JPEG கோப்பு மாற்றமின்றி இருக்கும், ஆனால் இடுகைகளில் பயன்படுத்தப்படும் சிறிய அளவுகள் WebP-ஆக இருக்க முடியும்; இது ஒரு பக்கத்தை ஏற்றும்போது பரிமாற்றப்படும் தரவின் அளவைக் குறைக்கிறது.

இருப்பினும், இந்த மாற்றம் நடைபெறுவது சர்வரின் பட செயலாக்க நூலகத்தைப் பொறுத்தது. அனைத்து ஹோஸ்டிங் சூழல்களும் WebP வெளியீட்டை ஆதரிப்பதில்லை.

முடிவுரை

WebP பட உகப்பாக்கத்திற்கு ஒரு நவீன தீர்வை வழங்குகிறது; இது சிறிய கோப்பு அளவுகளை அனுமதிப்பதுடன் பல்வேறு பயன்பாட்டு நிகழ்வுகளையும் ஆதரிக்கிறது. உலாவிகள் மற்றும் WordPress போன்ற தளங்களில் இதற்கு அதிகரித்து வரும் ஆதரவுடன், செயல்திறனை மேம்படுத்த விரும்பும் வலை உருவாக்குநர்களுக்கும் வலைத்தள உரிமையாளர்களுக்கும் இது ஒரு சிறந்த தேர்வாகும்.

நன்மைகள்

• JPEG மற்றும் PNG உடன் ஒப்பிடும்போது சிறிய கோப்பு அளவுகள்.
• பல பயன்பாட்டு நிகழ்வுகளை ஆதரிக்கிறது (lossy, lossless, வெளிப்படைத்தன்மை, அசைவூட்டம்).
• நவீன உலாவிகளால் பரவலாக ஆதரிக்கப்படுகிறது.

குறைபாடுகள்

• சில பழைய உலாவிகள் மற்றும் அமைப்புகள் WebP-ஐ ஆதரிக்காமல் இருக்கலாம்.
• WordPress-இல் தானியங்கி மாற்றத்திற்கு சர்வர் இணக்கத்தன்மை தேவைப்படுகிறது.

எச்சரிக்கை

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

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

• WebP என்றால் என்ன? — WebP என்பது Google-ஆல் உருவாக்கப்பட்ட ஒரு நவீன பட வடிவமாகும், இது தரத்தைப் பராமரிக்கும் அதே வேளையில் சிறிய கோப்பு அளவுகளையும் வழங்குகிறது.
• JPEG-க்கு பதிலாக WebP-ஐ ஏன் பயன்படுத்த வேண்டும்? — WebP பொதுவாக ஒரே மாதிரியான தரத்திற்கு JPEG-ஐ விடச் சிறிய கோப்பு அளவுகளை வழங்குகிறது, இதனால் இது வலைச் செயல்திறனுக்குச் சிறந்ததாக அமைகிறது.
• உலாவிகள் WebP-ஐ எவ்வாறு ஆதரிக்கின்றன? — பெரும்பாலான முக்கிய உலாவிகள் WebP-ஐ ஆதரிக்கின்றன, மேலும் அவை தங்கள் திறன்களின் அடிப்படையில் எந்த வடிவத்தை வழங்க வேண்டும் என்பதைத் தீர்மானிக்க முடியும்.
• WordPress-இல் WebP படங்களைப் பயன்படுத்த முடியுமா? — ஆம், WordPress 5.8 முதல், WebP படங்களைப் பதிவேற்றவும் ஊடக நூலகத்தில் பயன்படுத்தவும் முடியும்.
• WebP-இன் நன்மைகள் யாவை? — WebP ஆனது lossy மற்றும் lossless சுருக்கம், வெளிப்படைத்தன்மை மற்றும் எளிய அசைவூட்டங்கள் ஆகிய அனைத்தையும் ஒரே வடிவத்தில் ஆதரிக்கிறது.
• WebP-ஐப் பயன்படுத்துவதில் ஏதேனும் குறைபாடுகள் உள்ளதா? — சில பழைய அமைப்புகள் WebP-ஐ ஆதரிக்காமல் இருக்கலாம், எனவே மாற்று வழிகள் அவசியமாக இருக்கலாம்.

குறிச்சொற்கள்

#wordpress #webp #imageoptimization #webdevelopment #compression #browsers #performance #images #tech #tutorial