வேகமான இணையதளங்களுக்காக படங்களை மேம்படுத்துவது எப்படி

படங்கள் பொதுவாக எந்த இணையப் பக்கத்திலும் மிகப் பெரிய கோப்புகளாகும். மேம்படுத்தப்படாத படங்கள் இணையதளங்கள் மெதுவாக ஏற்றப்படுவதற்கான முதல் காரணம், இது நேரடியாக பயனர் அனுபவம், மாற்று வீதங்கள் மற்றும் Google தேடல் தரவரிசைகளை பாதிக்கிறது. Google Core Web Vitals-ஐ தரவரிசை சமிக்ஞையாக பயன்படுத்துகிறது, மற்றும் பக்க வேகம் ஒரு மைய அங்கமாகும். ஒரு இணையதளத்தை வேகப்படுத்துவதற்கான வேகமான வழி அதன் படங்களை மேம்படுத்துவதுதான்.

SEO-க்காக பட மேம்படுத்தல் ஏன் முக்கியம்

Google தெளிவாக சொல்லியுள்ளது: பக்க வேகம் தரவரிசைகளை பாதிக்கிறது. அவர்களின் Largest Contentful Paint (LCP) அளவீடு குறிப்பாக மிகப் பெரிய தெரியும் உறுப்பு எவ்வளவு வேகமாக ஏற்றப்படுகிறது என்பதை அளவிடுகிறது, இது கிட்டத்தட்ட எப்போதும் ஒரு படமாகும். உங்கள் LCP 2.5 வினாடிகளுக்கு மேல் இருந்தால், நீங்கள் வேகமான தளங்களைக் கொண்ட போட்டியாளர்களுக்கு தரவரிசை பதவிகளை இழக்கிறீர்கள்.

பட மேம்படுத்தலின் நான்கு தூண்கள்

1. சரியான வடிவத்தை தேர்ந்தெடுங்கள்

வடிவத் தேர்வு பட கோப்பு அளவில் ஒற்றை மிகப் பெரிய காரணியாகும்:

• WebP இணையப் படங்களுக்கான உங்கள் இயல்புநிலையாக இருக்க வேண்டும். இது ஒரே தரத்தில் JPEG-ஐ விட 25-35% சிறியது மற்றும் வெளிப்படைத்தன்மையை ஆதரிக்கிறது. தொகுதி மாற்றத்திற்கு fileGOD-ன் JPG-லிருந்து WebP மாற்றி அல்லது PNG-லிருந்து WebP மாற்றியை பயன்படுத்துங்கள்.
• JPEG WebP ஆதரிக்கப்படாத தளங்களில் புகைப்படங்களுக்கு.
• PNG WebP பயன்படுத்த முடியாத நிலையில் வெளிப்படைத்தன்மை தேவைப்படும் போது மட்டும்.
• SVG லோகோக்கள், ஐகான்கள் மற்றும் எளிய வரைகலைக்கு. SVG-கள் மிகச் சிறியவை மற்றும் எல்லையற்று மாப்பளவிடுகின்றன.

2. பதிவேற்றுவதற்கு முன் சுருக்குங்கள்

உங்கள் இணையதளத்தில் வரும் ஒவ்வொரு படமும் பதிவேற்றப்படுவதற்கு முன் சுருக்கப்பட வேண்டும். நவீன சுருக்கம் கண்ணுக்கு தெரியும் தர இழப்பு இல்லாமல் கோப்பு அளவுகளை 60-80% குறைக்கலாம்.

• 75-85 தரத்தில் புகைப்படங்களுக்கு JPEG சுருக்கத்தை பயன்படுத்துங்கள்.
• வரைகலைகள் மற்றும் திரைப்பிடிப்புகளுக்கு PNG சுருக்கத்தை பயன்படுத்துங்கள்.
• ஹீரோ படங்கள் மற்றும் பெரிய பேனர்களுக்கு சேமிப்புகள் மிகவும் நாடகீயமானவை. 5MB ஹீரோ படம் 200KB-ஆக சுருக்கப்படுவது ஏற்றும் நேரத்தில் மகத்தான வேறுபாட்டை ஏற்படுத்துகிறது.

3. உண்மையான காட்சிப் பரிமாணங்களுக்கு அளவை மாற்றுங்கள்

இது மிகவும் கவனிக்கப்படாத மேம்படுத்தல். உங்கள் இணையதளம் 800px அகலத்தில் ஒரு படத்தை காட்டினால், 4000px மூல படத்தை பதிவேற்றி உலாவியை அளவை குறைக்க வேண்டாம். உலாவி இன்னும் முழு கோப்பை பதிவிறக்குகிறது. பதிவேற்றுவதற்கு முன் உண்மையான காட்சிப் பரிமாணங்களுக்கு உங்கள் படங்களை அளவை மாற்றுங்கள்.

நெகிழ்வான தளங்களுக்கு, 2-3 அளவுகளை தயாரியுங்கள் (மொபைலுக்கு சிறியது, டேப்லெட்டுக்கு நடுத்தரம், டெஸ்க்டாப்புக்கு பெரியது) மற்றும் srcset பண்புடன் உலாவியை சரியானதை தேர்ந்தெடுக்க அனுமதியுங்கள்.

4. தேவையற்ற மெட்டாடேட்டாவை நீக்குங்கள்

EXIF தரவு (கேமரா மாடல், GPS ஆயங்கள், நேர முத்திரைகள்) படத்திற்கு 10-50KB சேர்க்கிறது. இணையதளத்தில் இது எந்த நோக்கத்தையும் பூர்த்தி செய்வதில்லை மற்றும் GPS தரவு சேர்க்கப்பட்டிருந்தால் தனியுரிமை அபாயமாக இருக்கலாம். பதிவேற்றுவதற்கு முன் அனைத்து இணையப் படங்களிலிருந்தும் மெட்டாடேட்டாவை நீக்குங்கள்.

விரைவு மேம்படுத்தல் சரிபட்டியல்

• புகைப்படங்களை WebP-க்கு மாற்றுங்கள் (WebP விருப்பமல்ல என்றால் JPEG)
• உண்மையான காட்சிப் பரிமாணங்களுக்கு அளவை மாற்றுங்கள், பெரியதாக இல்லை
• புகைப்படங்களுக்கு 75-85 தரத்தில் சுருக்குங்கள்
• EXIF மெட்டாடேட்டாவை நீக்குங்கள்
• விவரிக்கும் கோப்பு பெயர்கள் மற்றும் alt உரையைப் பயன்படுத்துங்கள் (பட தேடல் SEO-க்கு உதவுகிறது)
• மடியின் கீழே உள்ள படங்களுக்கு தாமதமான ஏற்றலை செயல்படுத்துங்கள்

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