இந்த கருவி பற்றி
PNG ஐ WebP க்கு மாற்றுவது என்பது இணையப் பட விநியோகத்திற்கான மிகவும் பயனுள்ள ஒற்றை மேம்படுத்தல்களில் ஒன்றாகும். இழப்பற்ற சுருக்கத்துடன் குறியாக்கம் செய்யப்பட்ட WebP பொதுவாகக் காணக்கூடிய வேறுபாடு இல்லாமல் சமமான PNG ஐ விட 25% சிறிய கோப்புகளை உருவாக்குகிறது; இயல்புநிலை தரத்தில் நஷ்டமான WebP ஆனது பெரும்பாலும் புகைப்பட PNGகளை 60-80% வரை சுருங்கச் செய்கிறது. நிறைய படங்களை வழங்கும் தளங்களுக்கு - ஈ-காமர்ஸ், வலைப்பதிவுகள், ஆவணப்படுத்தல், படம்-கனமான ஒற்றை-பக்க பயன்பாடுகள் - WebP டெலிவரிக்கு மாறுவது அளவிடக்கூடிய வேகம் மற்றும் அலைவரிசை வெற்றியாகும்.
இந்த மாற்றி உங்கள் உலாவியில் உள்ளமைக்கப்பட்ட பட குறியாக்கியைப் பயன்படுத்தி WebP ஐ உள்நாட்டில் குறியாக்குகிறது, இது canvas.toBlob('image/webp') வழியாக ஒவ்வொரு நவீன உலாவியிலும் கிடைக்கிறது. PNG ஒரு கேன்வாஸில் டிகோட் செய்யப்பட்டு, பின்னர் தேர்ந்தெடுக்கப்பட்ட தர அளவில் WebP ஆக மீண்டும் குறியாக்கம் செய்யப்படுகிறது. பதிவேற்றம் இல்லை, சர்வர் பக்க செயலாக்கம் இல்லை, கோப்பு வைத்திருத்தல் இல்லை.
இழப்பற்ற மற்றும் நஷ்டமான WebP க்கு இடையே தேர்வு செய்வது உள்ளடக்கத்தைப் பொறுத்தது. புகைப்படங்கள் மற்றும் சிக்கலான வண்ணப் படங்களுக்கு, 75–85 தரத்தில் உள்ள இழப்பான WebP ஆனது, கோப்பு அளவை பாதியாகக் குறைக்கும் போது, மூலத்திலிருந்து பிரித்தறிய முடியாது. UI ஸ்கிரீன்ஷாட்கள், லோகோக்கள், வரைபடங்கள் மற்றும் கூர்மையான விளிம்புகள் அல்லது உரையுடன் கூடிய எந்தப் படத்திற்கும், இழப்பற்ற WebP கலைப்பொருட்கள் இல்லாமல் விவரங்களைப் பாதுகாக்கிறது.
ஏன் PNG ஐ WebP ஆக மாற்ற வேண்டும்
WebP ஒரு காரணத்திற்காக உள்ளது: சமமான தரத்தில் சிறிய கோப்புகள். நவீன வலைத்தளங்களுக்கு இது முக்கியமானது, ஏனெனில் பக்க எடை நேரடியாக ஏற்றும் நேரம், மொபைல் தரவு பயன்பாடு மற்றும் தேடல் தரவரிசையை பாதிக்கும் கோர் வெப் வைட்டல்ஸ் மதிப்பெண்களை பாதிக்கிறது. PNGகளை WebP உடன் மாற்றுவது வழக்கமாக 25-80% அளவு குறைப்புகளை உருவாக்குகிறது, இது நேரடியாக வேகமான பக்கங்களுக்கு மொழிபெயர்க்கிறது.
Chrome, Firefox, Safari மற்றும் Edge இன் தற்போதைய பதிப்புகளில் உலாவி ஆதரவு உலகளாவியது. இந்த வடிவம் 2020 முதல் அடிப்படை-ஆதரவு அளிக்கப்படுகிறது. பெரும்பாலான தயாரிப்பு தளங்களுக்கு, பழைய உலாவிகளுக்கு PNG ஃபால்பேக்குடன் WebP சேவை செய்வது தேவையற்றது; 95%+ பார்வையாளர்களுக்கு நேரடி WebP டெலிவரி வேலை செய்கிறது. மாற்றம் என்பது ஒவ்வொரு பக்கக் காட்சியிலும் திருப்பிச் செலுத்தும் ஒரு முறை படியாகும்.
பயன்படுத்துவது எப்படி
PNG ஐ கைவிடவும், தரத்தை தேர்வு செய்யவும், குறியாக்கம் செய்யவும். முழு பைப்லைனும் உங்கள் உலாவியில் இயங்கும்.
- உங்கள் PNG ஐ பதிவேற்றவும்: பதிவேற்ற பகுதிக்கு கோப்பை இழுக்கவும் அல்லது உலாவ கிளிக் செய்யவும். 50 எம்பி வரையிலான கோப்புகள் ஏற்றுக்கொள்ளப்படும். பல பட தொகுதி மாற்றம் ஆதரிக்கப்படுகிறது.
- தரத்தை தேர்வு செய்யவும்: இயல்புநிலை 85 ஆகும், இது புகைப்பட உள்ளடக்கத்திற்கு ஒரு நல்ல இழப்பாகும். இழப்பற்ற WebPக்கு 100ஐப் பயன்படுத்தவும் — பிக்சல்-சரியானது, PNG ஐ விட சிறியது. புகைப்பட உள்ளடக்கத்தில் ஆக்கிரமிப்பு அளவைக் குறைக்க 60-75 ஐப் பயன்படுத்தவும்.
- மாற்றவும்: உலாவி PNG ஐ ஒரு கேன்வாஸில் டிகோட் செய்து canvas.toBlob('image/webp', quality / 100) என அழைக்கிறது. குறியாக்கி உலாவி செயல்பாட்டில் இயங்குகிறது - சர்வர் ரவுண்ட்ட்ரிப் இல்லை.
- பதிவிறக்கவும்: WebP கோப்பை சேமிக்கவும். வெளியீட்டு கோப்பு பெயர் .webp நீட்டிப்புடன் மூல PNG பெயரைப் பயன்படுத்துகிறது. சிறிய கோப்பை வழங்க உங்கள் HTML அல்லது CMS இல் உள்ள PNG குறிப்புகளை மாற்றவும்.
தொழில்நுட்ப விவரங்கள்
WebP இழப்பற்ற குறியாக்கத்திற்கு VP8 மற்றும் இழப்பற்றது VP8L ஐப் பயன்படுத்துகிறது. Lossy WebP ஆனது பிளாக்-அடிப்படையிலான முன்கணிப்பைப் பயன்படுத்துகிறது (அண்டைத் தொகுதிகளிலிருந்து உள்-பிரேம் குறியீட்டு முறை), DCT-போன்ற உருமாற்றங்கள் (4×4 மற்றும் வால்ஷ்-ஹடமார்ட்), எண்கணிதக் குறியீட்டு முறை மற்றும் அதிநவீன லூப் ஃபில்டர். JPEG இன் பழைய 8×8 DCT பிளஸ் ஹஃப்மேன் அணுகுமுறையைக் காட்டிலும் இதன் விளைவாக மிகவும் திறமையானது.
Losless WebP LZ77 பின்குறிப்புகளை பல விருப்ப முன்கணிப்பு மாற்றங்களுடன் ஒருங்கிணைக்கிறது (பச்சை, வண்ண கேச், கணிப்பு, வண்ண மாற்றம் ஆகியவற்றைக் கழிக்கவும்). மீண்டும் மீண்டும் வடிவங்கள் அல்லது பெரிய தட்டையான பகுதிகளைக் கொண்ட படங்களுக்கு - UI mockups, icons, diagrams - PNGக்கு எதிரான சேமிப்புகள் 50% ஐ விட அதிகமாக இருக்கும்.
உலாவியின் குறியாக்கியானது தர அளவுருவை (0–100) உள் VP8 அளவீட்டு நிலைகளுக்கு வரைபடமாக்குகிறது. பெரும்பாலான உலாவி செயலாக்கங்களில் தர 100 இழப்பற்ற பயன்முறையைத் தூண்டுகிறது. என்கோடிங் வேகமானது சமமான PNG குறியாக்கத்தை விட வேகமானது, ஏனெனில் VP8 மிகவும் திறமையான என்ட்ரோபி குறியீட்டைக் கொண்டுள்ளது.
அடிக்கடி கேட்கப்படும் கேள்விகள்
- PNGயை WEBP ஆக மாற்றுவதால் படத்தின் தரத்தை நான் இழக்க நேரிடுமா?
- WEBP இழப்பு மற்றும் இழப்பற்ற இரண்டையும் பயன்படுத்துகிறது. நீங்கள் சிறிதளவு தரக் குறைப்பைக் காணலாம், ஆனால் பெரும்பாலான நோக்கங்களுக்காக வேறுபாடு மிகக் குறைவு. ஏதேனும் இழப்பைக் குறைக்க, உயர் தர அமைப்பைத் தேர்வுசெய்யவும்.
- WebP வடிவமைப்பின் நன்மைகள் என்ன?
- WebP பொதுவாக JPG மற்றும் PNG ஐ விட 25-35% சிறிய கோப்புகளை சமமான தரத்தில் உருவாக்குகிறது. இது இழப்பு மற்றும் இழப்பற்ற சுருக்க, வெளிப்படைத்தன்மை மற்றும் அனிமேஷன் ஆகிய இரண்டையும் ஆதரிக்கிறது. அனைத்து நவீன உலாவிகளும் WebP ஐ ஆதரிக்கின்றன.
- அனிமேஷன் செய்யப்பட்ட PNG கோப்புகளை மாற்ற முடியுமா?
- இந்த கருவி நிலையான படங்களை மாற்றுகிறது. அனிமேஷன் செய்யப்பட்ட உள்ளடக்கத்திற்கு, உங்களுக்கு ஒரு சிறப்பு அனிமேஷன் மாற்றி தேவைப்படும்.
- மாற்றத்தின் போது எனது படங்கள் தனிப்பட்டதாக வைக்கப்படுகிறதா?
- ஆம். உங்கள் PNG கோப்புகள் Canvas API மற்றும் JavaScript ஐப் பயன்படுத்தி உங்கள் உலாவியில் முழுமையாக செயலாக்கப்படும். எந்த சேவையகத்திலும் எதுவும் பதிவேற்றப்படவில்லை - கோப்பு நேரடியாக உங்கள் சாதனத்திலிருந்து மாற்றி மற்றும் உங்கள் சாதனத்திற்குத் திரும்பும்.
- எனது PNG சர்வரில் பதிவேற்றப்பட்டதா?
- இல்லை. கேன்வாஸ் API மற்றும் உலாவியின் உள்ளமைக்கப்பட்ட WebP குறியாக்கியைப் பயன்படுத்தி உங்கள் உலாவியில் மாற்றம் இயங்குகிறது. கோப்புகள் உங்கள் சாதனத்தை விட்டு வெளியேறாது.
- ஒரே நேரத்தில் பல PNGகளை மாற்ற முடியுமா?
- ஆம். பதிவேற்ற பகுதியில் பல கோப்புகளை விடுங்கள்; ஒவ்வொன்றும் தனித்தனியாக குறியாக்கம் செய்யப்பட்டு தனி WebP ஆக பதிவிறக்கம் செய்யப்படுகிறது. மிகப் பெரிய தொகுதிகளுக்கு, cwebp அல்லது Sharp போன்ற டெஸ்க்டாப் கருவி மிகவும் திறமையானது.
- PNG ஐ விட WebP ஏன் சிறந்த சுருக்கத்தை அளிக்கிறது?
- WebP ஆனது VP8/VP8L குறியாக்கத்தை அதிநவீன கணிப்பு மற்றும் என்ட்ரோபி குறியீட்டு முறையுடன் பயன்படுத்துகிறது, அதே நேரத்தில் PNG DEFLATE ஐப் பயன்படுத்துகிறது - இது ஒரு பழைய பொது நோக்கத்திற்கான அல்காரிதம் குறிப்பாக படத் தரவுக்காக டியூன் செய்யப்படவில்லை. WebP இன் இழப்பற்ற பயன்முறையானது PNG இன் ஒவ்வொரு ஸ்கேன்லைன் வடிப்பான்களைக் காட்டிலும் அதிக முன்கணிப்பு மாற்றங்களை வழங்குகிறது.
- WebP அனிமேஷனை ஆதரிக்கிறதா?
- ஆம், GIF அல்லது APNG போன்ற அனிமேஷனை WebP ஆதரிக்கிறது. இந்த மாற்றி நிலையான படங்களை மட்டுமே கையாளும்; அனிமேஷன் செய்யப்பட்ட PNGக்கு (APNG) அனிமேஷன் செய்யப்பட்ட WebP க்கு, வேறு மாற்று பாதை தேவை.