ஒரு நல்ல முடிவுக்குப் பின்னால் உள்ள வேலைப்பாடு, வடிவங்கள் மற்றும் சிறிய தேர்வுகள் குறித்த எங்கள் குழுவின் குறிப்புகள்.
கோப்பு அளவில் AVIF PNG-ஐ ஏன் இவ்வளவு உறுதியாக வெல்கிறது
AVIF நவீன படவடிவம் மீது கட்டப்பட்டது, lossless உண்மைத்தன்மையை விட புலன் திறனுக்காக வடிவமைக்கப்பட்டது. PNG raw விவரம் data மீது DEFLATE-ஐ பயன்படுத்துகிறது, இது lossless ஆனால் புகைப்பட உள்ளடக்கத்தில் மிகப்பெரிய மிகையை அப்படியே விட்டுவிடுகிறது. AVIF அந்த மிகையை video-விலிருந்து கடன் வாங்கிய block prediction-ஆல் மாற்றுகிறது, மனிதக் காட்சி அமைப்பு கவனிக்காத தகவலை தூக்கி எறிகிறது. முடிவு வியத்தகுவது. ஒரு 116 கி.பை புகைப்படம் தரம் 85-இல் AVIF ஆக சுமார் 16 கி.பை ஆக மாறுகிறது, ஒரு வெளிப்படையான PNG பொதுவாக ஒத்த WebP-க்கு எதிராக 30 முதல் 50 சதவீதம் சுருங்குகிறது. உயர் resolution புகைப்படங்களில் இடைவெளி அகலமாகிறது, எளிய graphics-இல் சுருங்குகிறது. நவீன audience-க்கு வெளிப்படையான படங்களை serve செய்யும் எந்த தளத்திற்கும், bandwidth சேமிப்பு நேரடியாக வேகமான load-ஆகவும் குறைந்த egress செலவாகவும் மொழிபெயர்க்கப்படுகிறது.
ஆல்ஃபா சேனல் கதை விரிவாக
PNG மற்றும் AVIF இரண்டும் வெளிப்படைத்தன்மையை color data-வுக்கு அருகில் ஒரு தனி alpha plane ஆக சேமிக்கின்றன. இந்த pair உங்கள் PNG-ஐ செயலாக்கும்போது, decoder color விவரம்-களையும் alpha mask-ஐயும் தனித்தனியாக பிரித்தெடுக்கிறது. பின்னர் AVIF software தனது சொந்த alpha track உடன் ஒரு புதிய கோப்பை எழுதுகிறது, தரம் 85-இல் இரு plane-களையும் compress செய்ய நவீன அழுத்தல் முறையைப் பயன்படுத்துகிறது. ஆல்ஃபா color-இல் சுடப்படவில்லை, background நிரப்பலால் மாற்றப்படவில்லை. மென்மையான நிழல்கள், இறகுபோல் விளிம்புகள், மற்றும் ஓரளவு வெளிப்படையான gradient-கள் அனைத்தும் உண்மையாக சேமிக்கப்படுகின்றன. AVIF சேர்க்கும் ஒரே சீர்கேடு என்பது alpha plane மீதான lossy compression-ஏ, இது தீவிர zoom-இல் மிகக் கடினமான விளிம்புகளைச் சுற்றி அரிதாகவே உணரக்கூடிய fringing-ஐ உருவாக்கலாம். சாதாரண காட்சி அளவுகளிலும் தரம் 85-இலும் வேறுபாடு தெரியாது. சிறிய அளவுகளில் விவரம்-perfect icon வேலைக்கு, PNG-ஐ வைத்திருங்கள்.
நடைமுறையில் சேமிப்பு வேகம், browser-வாரியாக
AVIF software ஒரு browser session-க்கு ஒருமுறை ஏற்றப்படுகிறது, fetch செய்ய சுமார் 800 மில்லிவிநாடிகள், initialize செய்ய 300, எனவே முதல் மாற்றம் சுமார் ஒரு விநாடி warm-up சுமக்கிறது. Warm மாற்றங்கள் அதை முற்றிலும் தவிர்க்கின்றன. Desktop Chrome-இல், 0.12 megapixel சுமார் 40 மில்லிவிநாடிகள், 1 megapixel சுமார் 250 மில்லிவிநாடிகள், 8 megapixel சுமார் 2.8 விநாடிகள் எடுக்கும். Firefox விதிவிலக்கு, அதே software-ஐ சுமார் நான்கு மடங்கு மெதுவாக இயக்குகிறது, எனவே ஒரு 4K புகைப்படம் அங்கே 30 விநாடிகள் அல்லது அதற்கு மேல் எடுக்கலாம். Safari-இல் WebKit இரண்டுக்கும் இடையில், Chrome-க்கு நெருக்கமாக அமர்கிறது. நடுத்தர mobile hardware-இல் எண்கள் desktop Chrome-ஐ விட மூன்று முதல் ஐந்து மடங்கு மோசமாக இயங்குகின்றன. நீங்கள் அடிக்கடி பெரிய கோப்புகளை மாற்றினால், desktop அல்லது laptop-இல் Chrome சிறந்த throughput-ஐ தருகிறது.
மாற்றுவதற்குப் பதிலாக எப்போது PNG-ஐ வைத்திருக்க வேண்டும்
கோப்பு அளவு முக்கியமாக இருந்தாலும் பல சந்தர்ப்பங்களில் PNG சரியான தேர்வாகவே தங்குகிறது. முதலில், சிறிய அளவுகளில் கூரிய text கொண்ட graphics, label-கள், badge-கள், அல்லது favicon அளவிலான icon-கள் போல, வழக்கமான பார்வைத் தூரத்தில் ஏற்க முடியாத artifacts-ஐ AVIF-இல் காட்டலாம். இரண்டாவதாக, மேலும் editing-க்கு பயன்படும் source-of-truth கோப்புகள் PNG ஆகவே தங்க வேண்டும், ஏனெனில் lossy format-இன் ஒவ்வொரு கடப்பும் தர இழப்பைக் குவிக்கிறது. மூன்றாவதாக, சில document editors, பழைய design tools, மற்றும் email clients உட்பட AVIF-ஐ நிராகரிக்கும் சூழல்களுக்கு interoperability-க்கு PNG தேவை. கடைசியாக, முதல் frame-க்கு அப்பாற்பட்ட animation பாதுகாக்கப்படவில்லை, ஏனெனில் இந்த pair ஒரு single frame-ஐ கையாளுகிறது. மற்ற அனைத்திற்கும், நவீன web delivery-க்கு செல்லும் வெளிப்படையான புகைப்படங்கள் மற்றும் graphic assets-க்கு, PNG to AVIF சரியான trade.
Core Web Vitals மற்றும் bandwidth வாதம்
Largest Contentful Paint, முதன்மை loading metric, ஒரு பக்கத்தில் உள்ள மிகப்பெரிய image-இன் அளவால் நேரடியாக பாதிக்கப்படுகிறது. அந்த image-ஐ 116 கி.பை-இலிருந்து 16 கி.பை ஆக குறைப்பது, development-இல் ஒரு 4K புகைப்படத்தில் அளக்கப்பட்டபடி, அந்த element-க்கு மட்டும் 10 Mbps இணைப்பில் transfer நேரத்தை சுமார் 93 மில்லிவிநாடிகளிலிருந்து சுமார் 13 ஆகக் குறைக்கிறது. அதை ஒரு product grid, ஒரு hero carousel, அல்லது வெளிப்படையான icon-களால் நிரம்பிய UI முழுவதும் பெருக்குங்கள், கூட்டுச் சேமிப்பு Google நல்லதாகக் கருதும் 2.5-விநாடி வரம்புக்குக் கீழே LCP-ஐ நன்கு தள்ளுகிறது. வாதத்தை கடினமான எண்களில் வைக்க முடியும் என்பதால் தான் AVIF ஏற்பு துரிதப்படுத்தப்பட்டது. சுமார் 94.3 சதவீத browser coverage-இல், bandwidth வெற்றி கூடுதல் picture element markup-ஐ விட அதிகமாக இருக்கும் அளவுக்கு fallback வழக்கு சிறியது.
இது சாதாரண online converter-இலிருந்து எப்படி வேறுபடுகிறது
பெரும்பாலான online AVIF converter-கள் உங்கள் PNG-ஐ நீங்கள் கட்டுப்படுத்தாத machine-களுக்கு upload செய்து, அங்கே செயலாக்கி, அந்த வழங்குநர் அமைக்கும் தக்கவைப்புக் கொள்கையின் கீழ் வைக்கின்றன, பெரும்பாலும் தெளிவற்றது. RoundCut தன் ஓட்டத்தைப் பற்றி நேரடியாக இருக்கிறது. AVIF கனமானது என்பதால், சிறந்த முடிவுக்காக மாற்றம் எங்கள் server-இல் இயங்குகிறது, server கிடைக்காதபோது browser-இன் encoder தானாக காப்பாக செயல்படுகிறது. உங்கள் கோப்பு எங்களுக்கு அனுப்பப்படும்போது, அது மாற்றப்பட்டு பிறகு சுமார் 2 மணி நேரத்தில் அகற்றப்படும், account தேவையில்லை, நீங்கள் கேட்ட மாற்றத்தைத் தாண்டி எந்தப் பயன்பாடும் இல்லை. நிரந்தர சேமிப்பு இல்லை, உங்கள் படம் பகிரப்படுவதும் இல்லை. வாடிக்கையாளர் ஆவணங்கள், சொந்த தயாரிப்பு புகைப்படம் அல்லது பயனர் உள்ளடக்கத்துடன் வேலை செய்வோருக்கு, இந்தப் பரிமாற்றத்தின் நேர்மையான வடிவம் இது: கோப்பு எங்கள் server வழியாகச் செல்லலாம், உங்கள் AVIF-ஐ உருவாக்கவே கையாளப்படுகிறது, அங்கே தங்குவதில்லை.