ஒரு நல்ல முடிவுக்குப் பின்னால் உள்ள வேலைப்பாடு, வடிவங்கள் மற்றும் சிறிய தேர்வுகள் குறித்த எங்கள் குழுவின் குறிப்புகள்.
படங்களில் AVIF ஏன் WebP-ஐ வெல்கிறது
WebP மீது AVIF-இன் சுருக்க நன்மை அடியில் உள்ள formato-இலிருந்து வருகிறது. WebP engine-ஐ பயன்படுத்துகிறது, இது video-க்கு வடிவமைக்கப்பட்டது ஆனால் 2010 முதல் still படங்களுக்கு பயன்படுத்தப்படுகிறது. AVIF-க்கு பின்னால் உள்ள formato ஆன நவீன வடிவம், -இன் வரம்புகளை நேரடியாக குறிவைத்த பல ஆண்டு ஆராய்ச்சிக்கு பிறகு 2018-இல் வெளியானது. நவீன வடிவம் அதிக aggressive, 4 by 4 pixel வரை நுணுக்கமான, மேலும் திறமையான -ஐ பயன்படுத்துகிறது. நடைமுறை விளைவு, பெரிய புகைப்பட சோதனைத் தொகுப்புகளில் பகுப்பாய்வால் உறுதி செய்யப்பட்டது, படங்களில் ஒரே புலனாகும் தரத்தில் AVIF பொதுவாக WebP-ஐ விட 20 முதல் 30 சதவீதம் சிறியது. தட்டையான நிறம்-உம் கூர்மையான விளிம்புகள்-உம் கொண்ட computer-உருவாக்கிய graphics-இல் இடைவெளி குறுகுகிறது, ஏனெனில் WebP-இன் எளிய algorithm அந்த வடிவங்களை திறமையாக கையாளுகிறது. எந்த page-இன் கனமான கோப்புகள் படங்களாக உள்ளனவோ, அதற்கு AVIF மேம்பாடு அளவிடக்கூடிய bandwidth தாக்கம் கொண்டது.
நடைமுறையில் இரண்டாவது தரம் குறையும் நிலை
நீங்கள் WebP-ஐ AVIF ஆக மாற்றும்போது, மூலம்-உம் வெளியீடு-உம் இரண்டுமே தரம் குறையும். WebP உருவாக்கப்பட்டபோது எந்த நிற தகவலை விடுவது என்று WebP சேமிப்பு ஏற்கனவே முடிவு செய்தது, அந்த முடிவுகள் நிரந்தரம்: AVIF ஆக மாற்றுவது அதில் எதையும் மீட்க முடியாது. AVIF சேமிப்பு பின்னர் தான் பெறும் pixel தரவு பற்றி தரம் 85-இல் தனது சொந்த முடிவுகளை எடுக்கிறது. படங்களில், இரண்டு தரம் குறையும் நிலைகளின் ஒட்டுமொத்த விளைவு வழக்கமான காட்சி அளவுகளில் இன்னும் கண்ணுக்கு கிட்டத்தட்ட தரம் குறையாத, உண்மையான பட உள்ளடக்கத்தில் சுமார். அதன் WebP சேமிப்பால் ஏற்கனவே சிதைந்த graphics-இல், இரண்டாவது நிலை தெரியும் artifacts-ஐ கூட்டலாம். நடைமுறை விதி: நீங்கள் காட்ட திட்டமிடும் அளவில் மூல WebP தூய்மையாக தெரிந்தால், AVIF-உம் அப்படியே. WebP ஏற்கனவே compression noise காட்டினால், அனுப்புவதற்கு முன் AVIF-ஐ கவனமாக பரிசோதியுங்கள்.
வெளிப்படைத்தன்மை அடுக்கு எப்படி கடந்து செல்கிறது
WebP-உம் AVIF-உம் transparency-ஐ நிற தரவுக்கு அருகில் தனி alpha plane ஆக சேமிக்கின்றன. மாற்றம் WebP-இன் வெளிப்படைத்தன்மை அடுக்கு-ஐ படிக்கிறது, முழு transparency-இல் அதை இணைக்கிறது, பின்னர் AVIF சேமிப்புக்கு கொடுக்கிறது, இது தரம் 85-இல் நவீன வடிவம் -ஐ பயன்படுத்தி தனது சொந்த alpha track-ஐ எழுதுகிறது. மென்மையான transparency gradient-கள், இறகு போன்ற விளிம்புகள், பகுதி transparent பகுதிகள் அனைத்தும் இந்த round trip-ஐ தாண்டுகின்றன. AVIF alpha plane தரம் 85-இல் தானே தரம் குறையும், இது தீவிர zoom-இல் கூர்மையான விளிம்புகளில் அரிதாகவே உணரக்கூடிய fringing-ஐ அறிமுகப்படுத்தலாம். web-இல் சாதாரண பார்வை அளவுகளில் மூலத்திலிருந்து வேறுபாடு தெரியாது. alpha விளிம்பு துல்லியமாக இருக்க வேண்டிய சிறிய icon-களில் pixel-perfect வேலைக்கு, WebP மூலத்தை வைத்திருங்கள், அனுப்புவதற்கு முன் முழு zoom-இல் வெளியீட்டை சரிபார்க்கவும்.
browser-உம் device-உம் முழுவதும் சேமிப்பு நேர எதிர்பார்ப்புகள்
AVIF மாற்றம் browser session-க்கு ஒருமுறை தயாராகி முதல் மாற்றத்திற்கு சுமார் ஒரு வினாடி சேர்க்கிறது. அதன் பிறகு Chromium சிறந்த throughput-ஐ தருகிறது: 0.12 megapixel thumbnail-க்கு சுமார் quickly, 1 megapixel படத்திற்கு quickly, 4K படத்திற்கு 2.8 வினாடிகள், மோசமான கண்ட நிலையில் முழு 48 megapixel படத்திற்கு 25 வினாடிகள். Firefox தெளிவான விதிவிலக்கு, அதே மாற்றத்தை சுமார் நான்கு மடங்கு மெதுவாக இயக்குகிறது, இது 4K நிலையை 31 வினாடிகளுக்கு அருகில், பெரிய கோப்புகளை இரண்டு நிமிடங்களுக்கு மேல் தள்ளுகிறது. WebKit இரண்டுக்கும் இடையில், Chromium-க்கு நெருக்கமாக அமர்கிறது. mobile hardware எல்லா engine-களிலும் desktop-ஐ விட 3 முதல் 5 மடங்கு மெதுவானது. வழக்கமான கோப்பு-வாரியான மாற்றத்திற்கு, laptop அல்லது desktop-இல் Chrome நடைமுறை கருவி. பெரிய படங்களுடன் Firefox பயனர்களுக்கு, நேர்மையான ஆலோசனை browser மாற்றுவது அல்லது WebP-இல் தங்குவது.
Core Web Vitals-உம் AVIF மேம்பாடு-உம்
படங்களை வழங்கும் page-கள் ஏற்றப்படும் ஒவ்வொரு படத்திற்கும் bandwidth செலவை செலுத்துகின்றன. அந்த படங்கள் இன்று WebP ஆக இருந்தால், அவற்றை AVIF ஆக மாற்றுவது படங்களில் ஒரு படத்திற்கான transfer-ஐ சுமார் 20 முதல் 30 சதவீதம் குறைக்கிறது. WebP hero படம் கொண்ட page-இல், AVIF அதை சுமார் 140 முதல் ஆக கொண்டுவருகிறது. பன்னிரண்டு WebP thumbnail கொண்ட product grid-இல், AVIF சுமார் 70 முதல் மொத்த page எடையை சேமிக்கிறது. LCP element ஒரு படமாக இருக்கும்போது இந்த சேமிப்புகள் Largest Contentful Paint-ஐ நேரடியாக பாதிக்கின்றன. AVIF-க்கு சுமார் 94 சதவீத உலகளாவிய browser ஆதரவுடன், WebP fallback உடன் AVIF-ஐ முதலில் வழங்கும் picture element கிட்டத்தட்ட அனைத்து traffic-ஐஉம் உள்ளடக்குகிறது. markup செலவு படக் கூறுக்கு ஒருமுறை செலுத்தப்படுகிறது, bandwidth சேமிப்பு அதன் பிறகு ஒவ்வொரு page load-உம் மீண்டும் வருகிறது.
AVIF மாற்றம் ஏன் சேவையகத்தை நம்பியுள்ளது
AVIF, நவீன வீடியோ பயன்படுத்தும் அதே குடும்பமான நவீன வடிவம் formato-இன் மீது கட்டப்பட்டது, சிறிய கோப்புகளுக்குப் பகரமாக வேண்டுமென்றே உருவாக்க கனமாக வைக்கப்பட்டுள்ளது. அந்த வேலையை நன்றாகச் செய்வது, குறிப்பாக பெரிய புகைப்படங்களில், தொலைபேசி browser-ஐ விட உண்மையான சேவையகத்தில் மிக வேகமாகவும் நம்பகமாகவும் இருக்கும், எனவே இந்த இணை சாத்தியமான சிறந்த AVIF-ஐ உருவாக்க படத்தை எங்கள் சேவையகத்திற்கு அனுப்புகிறது. கோப்பு செயலாக்கப்பட்டு முடிவு உங்களுக்குத் திரும்புகிறது, பதிவிறக்கம் சுமார் 2 மணி நேரத்தில் அகற்றப்படுகிறது, கணக்கு இல்லாமல், நீண்டகால சேமிப்பு இல்லாமல். ஒரே நேரத்தில் பல படங்களை மாற்றுவது எப்போதும் சேவையகத்தில் இயங்கி, முடிந்த தொகுப்பை ஒரே பதிவிறக்கமாக அமைத்து அதே குறுகிய நேரத்தில் அழிக்கிறது. எங்கள் சேவையகத்தை எட்ட முடியாவிட்டால், ஒரு மாற்றம் அதற்குப் பதிலாக browser-இல் உருவாக்கப்படுகிறது, அந்தக் கோப்பு உள்ளூரிலேயே தங்கி, வசதிக்காக மெதுவான உருவாக்கத்தை ஏற்கிறது. பரிமாற்றம் தெளிவானது: அதை மிகவும் தேவைப்படும் வடிவத்தில் சேவையகம் தரத்தையும் வேகத்தையும் வாங்குகிறது, உங்கள் கோப்பு மாற்றத்திற்கு ஆகும் குறுகிய சாளரத்தைத் தாண்டி ஒருபோதும் வைக்கப்படுவதில்லை.