இணையப் பக்கங்களில் பயன்படுத்தக்கூடிய பல பட வடிவங்கள் உள்ளன. சில பொதுவான எடுத்துக்காட்டுகள் GIF , JPG , மற்றும் PNG ஆகும் . SVG கோப்புகள் இன்று வலைத்தளங்களில் பொதுவாகப் பயன்படுத்தப்படுகின்றன, இணைய வடிவமைப்பாளர்களுக்கும் ஆன்லைன் படத்திற்கான மற்றொரு விருப்பத்தை அளிக்கின்றன.
GIF படங்கள்
நிறங்கள் சிறிய, நிலையான எண்ணிக்கையிலான படங்களைக் கொண்ட GIF கோப்புகளை பயன்படுத்தவும். GIF கோப்புகள் எப்போதும் 256 க்கும் மேற்பட்ட தனித்துவமான வண்ணங்களில் குறைக்கப்படுகின்றன. GIF கோப்புகளுக்கான சுருக்க நெறிமுறை JPG கோப்புகளை விட குறைவாக சிக்கலானது, ஆனால் பிளாட் நிற படங்கள் மற்றும் உரைகளில் பயன்படுத்தப்படும் போது அது மிகவும் சிறிய கோப்பு அளவுகளை உருவாக்குகிறது .
GIF வடிவமைப்பு சாய்வு நிறங்களுடன் புகைப்பட படங்கள் அல்லது படங்களை ஏற்றது அல்ல. GIF வடிவத்தில் வரம்பற்ற நிறங்கள் உள்ளன, ஏனெனில் சாயல் மற்றும் புகைப்படங்கள் GIF கோப்பாக சேமிக்கப்படும் போது banding மற்றும் pixelation உடன் முடிவடையும்.
சுருக்கமாக, நீங்கள் GIF களை ஒரே ஒரு சில வண்ணங்களில் மட்டுமே பயன்படுத்த முடியும், ஆனால் நீங்கள் அந்த PNG களை (இன்னும் சிறிது) பயன்படுத்தலாம்.
JPG படங்கள்
மில்லியன்கணக்கான நிறங்கள் கொண்ட படங்கள் மற்றும் பிற படங்களுக்கு JPG படங்களைப் பயன்படுத்துக. இது சிக்கலான அமுக்க நெறிமுறையைப் பயன்படுத்துகிறது, இது படத்தின் தரத்தில் சிலவற்றை இழந்து சிறிய கிராபிக்ஸ் உருவாக்க அனுமதிக்கிறது. இது "லாஸ்ஸி" சுருக்கம் என்று அழைக்கப்படுவதால், படம் அழுத்தும் போது படத்தின் சில தகவல்கள் இழக்கப்படுகின்றன.
JPG வடிவமைப்பானது உரை, பெரிய திட நிறங்களின் தொகுதிகள் மற்றும் மிருதுவான விளிம்புகளுடன் எளிய வடிவங்கள் ஆகியவற்றுடன் பொருந்தவில்லை. ஏனெனில் படம் சுருக்கப்பட்ட போது, உரை, வண்ணம் அல்லது கோடுகள் ஆகியவை படத்தில் உருவாகலாம், இது மற்றொரு வடிவத்தில் சேமிக்கப்படும் என கூர்மையாக இல்லை.
JPG படங்கள் சிறந்த படங்கள் மற்றும் இயற்கை நிறங்கள் நிறைய உள்ளன என்று படங்கள் மற்றும் படங்களை பயன்படுத்தப்படுகின்றன.
PNG படங்கள்
GIF படங்கள் ராயல்டி கட்டணத்திற்கு உட்பட்டிருப்பதாக தோன்றியபோது PNG வடிவம் GIF வடிவமைப்பிற்கு மாற்றாக உருவாக்கப்பட்டது. PNG கிராபிக்ஸ் GIF படங்களை விட சிறப்பான சுருக்க விகிதத்தைக் கொண்டுள்ளன, இது GIF ஆக சேமித்த அதே கோப்பை விட சிறிய படங்களில் விளைகிறது. PNG கோப்புகள் ஆல்பா வெளிப்படைத்தன்மையை வழங்குகின்றன, அதாவது உங்கள் படங்களின் பகுதிகள் முழுமையாக வெளிப்படையான அல்லது ஆல்பா வெளிப்படைத்தன்மையைப் பயன்படுத்தலாம். உதாரணமாக, ஒரு துளி நிழல் ஒரு பரந்த வெளிப்படைத்தன்மை விளைவுகளை பயன்படுத்துகிறது மற்றும் PNG க்கு பொருத்தமானதாக இருக்கும் (அல்லது அதற்கு பதிலாக CSS நிழல்களைப் பயன்படுத்தி எங்களை முடிக்கலாம்).
GIF களைப் போன்ற PNG படங்கள், புகைப்படங்களுக்கு மிகவும் பொருத்தமானதாக இல்லை. உண்மையான வண்ணங்களைப் பயன்படுத்தி GIF கோப்புகளாக சேமிக்கப்படும் புகைப்படங்களைப் பாதிக்கும் பான்பிங் சிக்கலைப் பெற முடியும், ஆனால் இது மிகப்பெரிய படங்களை உருவாக்கலாம். PNG படங்கள் கூட பழைய செல்போன்கள் மற்றும் அம்சம் தொலைபேசிகள் ஆதரவு இல்லை.
வெளிப்படைத்தன்மை தேவைப்படும் எந்த கோப்புக்கும் PNG ஐ பயன்படுத்துகிறோம். அதற்கு பதிலாக PNG-8 ஐப் பயன்படுத்துவோம், இது GIF ஆக பொருத்தமானதாக இருக்கும், அதற்கு பதிலாக இந்த PNG வடிவமைப்பைப் பயன்படுத்துங்கள்.
SVG படங்கள்
SVG அளவிடக்கூடிய வெக்டார் கிராபிக் உள்ளது. JPG, GIF, மற்றும் PNG ஆகியவற்றில் காணப்படும் ராஸ்டெர்-அடிப்படையிலான வடிவங்களைப் போலன்றி, இந்த கோப்புகள் வெக்டார்களைப் பயன்படுத்துகின்றன, அவை சிறிய அளவிலான கோப்புகளாக உருவாக்கப்படுகின்றன, இவை எந்த அளவிலும் கோப்பு அளவை அதிகரிப்பதில்லை. அவை சின்னங்கள் மற்றும் லோகோக்கள் போன்ற விளக்கப்படங்களுடன் உருவாக்கப்பட்டன.
வலை டெலிவரிக்கு படங்களை தயார் செய்தல்
எந்தப் பட வடிவத்தை நீங்கள் பயன்படுத்துகிறீர்கள் என்பதையும், உங்கள் வலைத்தளமானது பல பக்கங்களில் பல்வேறு வடிவங்களைப் பயன்படுத்துவது உறுதி, நீங்கள் அந்த தளத்தில் உள்ள எல்லா படங்களும் இணைய விநியோகத்திற்காக தயாரிக்கப்படுவதை உறுதி செய்ய வேண்டும். மிகப்பெரிய படங்கள் ஒரு தளத்தை மெதுவாக இயக்கவும் ஒட்டுமொத்த செயல்திறனை பாதிக்கும். இதை எதிர்த்து, உயர் தரத்திற்கும் அந்த தர மட்டத்தில் மிகக் குறைவான கோப்பு அளவிற்கும் இடையேயான சமநிலை கண்டுபிடிக்க இந்த படங்கள் உகந்ததாக இருக்க வேண்டும் .
சரியான படங்களை வடிவமைத்தல் என்பது போரின் ஒரு பகுதியாகும், ஆனால் நீங்கள் தயாரிக்கப்பட்ட கோப்புகள் இந்த முக்கியமான வலை விநியோக செயல்பாட்டில் அடுத்த படியாகும் என்பதை உறுதிப்படுத்துகின்றன.
ஜெனிபர் கிரைனின் அசல் கட்டுரை. ஜெர்மி கிரார்ட் திருத்தப்பட்டது.