உங்கள் இணையதளங்களுக்கான படத்தின் அளவைக் குறைப்பது எப்படி (தரத்தை இழக்காமல்)

புதுப்பிக்கப்பட்டது: 2022-04-25 / கட்டுரை: ஜேசன் சோவ்

உங்கள் பார்வையாளர்கள் சிறந்த அனுபவத்தைப் பெறுவதை உறுதிசெய்ய, இணையதளப் படத்தின் அளவைக் குறைப்பது அவசியம். மிகவும் "கனமாக" இருப்பதால், கூகுள் வெறுக்கும் கூடுதல் பக்க ஏற்ற நேரங்களையும் படங்கள் ஏற்படுத்துகின்றன. மேம்படுத்தப்படாத படங்களை விடுவது தேடுபொறி முடிவுகள் பக்கத்தின் (SERP) தரவரிசை விளைவுகளை ஏற்படுத்தலாம்.

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

படத்தின் அளவைக் குறைப்பது என்பது கோப்பு அளவைக் குறைப்பதாகும், பிக்சல் பரிமாணங்களைக் குறைப்பது மட்டுமல்ல என்பதை நினைவில் கொள்ளுங்கள். 

1. பட எடிட்டரைப் பயன்படுத்துதல்

எம்.எஸ் பெயிண்ட்

மைக்ரோசாஃப்ட் பெயிண்ட் (அல்லது கிம்ப் நீங்கள் லினக்ஸில் இருந்தால்). மேலே உள்ள படத்தில் ஒப்பீட்டளவில் பெரிய கோப்பை பதிவிறக்கம் செய்தேன், முதலில் 3724 x 2400 பிக்சல்கள் பரிமாணத்தில் உள்ளது. இது 1.2MB ஐ எடுத்தது, இது இணைய பயன்பாட்டிற்கு குறிப்பிடத்தக்கது.

மைக்ரோசாஃப்ட் பெயிண்டில் அதைத் திறந்து, அதை 1024 பிக்சல் அகலத்திற்கு விகிதாசாரக் குறைவான உயரத்துடன் மாற்றினேன். இதன் விளைவாக 1024 x 659 பிக்சல்கள் 273kb அளவில் மட்டுமே படம் கிடைத்தது. நீங்கள் பார்க்க முடியும் என, படத்தின் அளவு குறைப்பு அசல் கோப்பு அளவை விட ஐந்து மடங்கு அதிகமாக சேமிக்கப்படுகிறது.

2. பட சுருக்கத்தைப் பயன்படுத்துதல்

பட சுருக்கம்

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

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

70 படத்தின் தரத்தை அமைப்பதன் மூலம், 274kb இலிருந்து 80kb க்கும் குறைவாக அளவிடப்பட்ட படத்தைக் குறைத்தேன். நினைவில் வைத்து கொள்ளுங்கள், இது அசல் பட அளவு 1.2MBக்கு மேல் ஒப்பிடப்படுகிறது.

3. படங்களை மற்ற வடிவங்களுக்கு மாற்றுதல்

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

மீண்டும், ஒரு ஆன்லைன் கருவியைப் பயன்படுத்துவதன் மூலம் ஆன்லைன் மாற்றம், என்னால் விரைவாக அசல் ஓநாய் படத்தை JPG இலிருந்து WebP வடிவத்திற்கு மாற்ற முடியும். இந்த மாற்றம் அதிக அளவு சேமிப்பை ஏற்படுத்தியது, WebP கோப்பு இப்போது 28.7kb மட்டுமே. 

4. வேர்ட்பிரஸ் செருகுநிரலைப் பயன்படுத்தவும்

smush

நீங்கள் பல படங்களைச் செயலாக்க வேண்டும் மற்றும் ஒரு இயக்க வேண்டும் வேர்ட்பிரஸ் இணையதளம், இன்னும் சிறந்த விருப்பம் உள்ளது. பட உகப்பாக்கம் செருகுநிரல்கள் உங்கள் தலையீடு இல்லாமல் மேலே உள்ள அனைத்தையும் செய்ய முடியும். புகழ்பெற்ற பட தேர்வுமுறை செருகுநிரல்களின் எடுத்துக்காட்டுகள் அடங்கும் EWWW ஆப்டிமைசர், படம் ஸ்மஷ், மற்றும் கற்பனை செய்து பாருங்கள்.

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

படத்தின் அளவைக் குறைப்பது பற்றிய இறுதிச் சிந்தனை

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

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

மேலும் படிக்க:

ஜேசன் சோ பற்றி

ஜேசன் தொழில்நுட்பம் மற்றும் தொழில் முனைவோர் ஒரு ரசிகர். அவர் வலைத்தளத்தை உருவாக்க விரும்புகிறார். ட்விட்டர் வழியாக நீங்கள் அவருடன் தொடர்பு கொள்ளலாம்.