SVG-ஐ WebP ஆக மாற்றும் கருவி
உங்கள் லேஅவுட்டுக்குத் தேவையான பிக்சல் அகலத்தில் வெக்டர் கோப்பை WebP படமாக மாற்றுங்கள். CMS SVG பதிவேற்றத்தை ஏற்காதபோது, சமூக ஊடக முன்னோட்டத்துக்கு பிட்மேப் தேவைப்படும்போது, அல்லது ஒரு விளக்கப்படத்தில் பாதைகள் அதிகமாக இருப்பதால் உலாவி அதை மெதுவாக வரையும்போது இது பயன்படும்.
பட மாற்றி
அல்லது JPG, JPEG, JPE … கோப்புகள் இங்கே இழுத்து விடவும் ·
ஒரு கோப்புக்கு அதிகபட்சம் 95 MB· அதிகபட்சம் 20 கோப்புகள்· 30 நிமிடங்களுக்குப் பிறகு நீக்கப்படும்
கோப்புகள் எங்கள் சேவையகங்களில் செயலாக்கப்பட்டு 30 நிமிடங்களுக்குப் பிறகு நீக்கப்படும்.
85 புகைப்படங்களை அசலைப் போலவே காட்டும். சிறிய கோப்பு தேவைப்படும்போது மட்டும் குறைக்கவும்.
JPG, BMP, EPS-இல் வெளிப்படைத்தன்மை இல்லை. வெளிப்படையான பிக்சல்கள் இந்த நிறத்தால் நிரப்பப்படும்.
வெளிப்படையான பிக்சல்களின் பின்னால் பயன்படும் ஹெக்ஸ் நிறம், எ.கா. #FFFFFF.
இந்த வடிவம் ஒரே படத்தை மட்டும் வைத்திருக்கும். அனிமேஷனை வைத்திருக்க GIF அல்லது WebP வெளியீட்டைத் தேர்ந்தெடுக்கவும்.
பல அளவு ஐகான் ஒரே கோப்பில் பல தெளிவுத்திறன்களைக் கொண்டிருக்கும்; உலாவிகளும் இயக்க முறைமைகளும் தேவையானதைத் தேர்ந்தெடுக்கும்.
அசல் பரிமாணங்களை வைத்திருக்கலாம், அல்லது ஒரு பக்கத்தை உள்ளிட்டால் விகிதம் பாதுகாக்கப்படும்.
மேலே தேர்ந்த பக்கத்துக்கான பிக்சல்கள்.
அசல் பரிமாணங்களின் சதவீதம்.
திரைகளுக்கும் வலைக்கும் sRGB சரியானது. அச்சுப் பணிகளுக்கு அசலை வைத்திருங்கள்; கிரேஸ்கேல் நிறத்தை நீக்கும்.
மெட்டாடேட்டா மட்டும்; 0 அசல் மதிப்பை வைத்திருக்கும். அச்சுப்பொறிகளும் சில தளங்களும் இந்த எண்ணைப் படிக்கும்; பிக்சல் பரிமாணங்களை மாற்றாது.
இந்தக் கருவியை எப்படிப் பயன்படுத்துவது
- 1
SVG-ஐப் பதிவேற்றுங்கள்
Figma, Illustrator, Inkscape அல்லது சார்ட் லைப்ரரியிலிருந்து ஏற்றுமதி செய்த 20 .svg கோப்புகள் வரை சேர்க்கலாம், ஒவ்வொன்றும் 95 MB வரை.
- 2
வெளியீட்டு அகலத்தை அமையுங்கள்
வெளியீட்டுப் படத்தின் அளவை மாற்று 1200 px அகலத்தில் தொடங்கும்; பக்கத்தில் படம் எடுக்கும் அகலத்தைப் போல இரு மடங்காக மாற்றுங்கள். தரம் 90 ஆக இருக்கும்; தட்டையான லோகோக்கள், ஐகான்களுக்கு மேம்பட்ட அமைப்புகள் பகுதியில் இழப்பின்றி என்பதைத் தேர்ந்தெடுங்கள்.
- 3
WebP ஆக மாற்றுங்கள்
WebP ஆக மாற்று என்பதை அழுத்தி கோப்புகளை அல்லது ஒரு ZIP-ஐ பதிவிறக்குங்கள். வெளிப்படையான பகுதிகள் வெளிப்படையாகவே இருக்கும்.
SVG-ஐ குறிப்பிட்ட அளவில் WebP ஆக மாற்றுவது எப்படி?
SVG-ஐ பதிவேற்றி, வெளியீட்டுப் படத்தின் அளவை மாற்று என்பதில் தேவையான அகலத்தை பிக்சலில் அமைத்து (இயல்பு 1200 px), WebP ஆக மாற்று என்பதை அழுத்துங்கள். வெக்டர் அந்த அகலத்தில் புதிதாக வரையப்படுவதால் எதுவும் பெரிதாக்கப்படுவதோ மங்குவதோ இல்லை.
SVG-ஐ எப்போது WebP ஆக மாற்ற வேண்டும்
SVG 2001-இல் W3C பரிந்துரையானது; பெரும்பாலான லோகோக்கள், ஐகான்களுக்கு ஏற்ற வடிவம்: சில கிலோபைட் உரை, எந்த ஜூமிலும் தெளிவு. கோப்பு உங்கள் சொந்தக் குறியீட்டை விட்டு வெளியே செல்லும்போது சிக்கல் தொடங்குகிறது. WordPress, பல ஹோஸ்டட் ஷாப் பில்டர்கள் SVG பதிவேற்றங்களை மறுக்கின்றன; Facebook, LinkedIn, X இல் இணைப்பு முன்னோட்டங்கள் பிட்மேப்பாகவே எடுக்கப்படுகின்றன; வடிவமைப்புக் கருவிகள் ராஸ்டர் எஃபெக்ட்களை உட்பொதித்து வெக்டர் கோப்பை பல மெகாபைட் மார்க்அப் ஆக்கிவிடுகின்றன.
Google 2010-இல் வெளியிட்ட WebP-ஐ Safari 2020-இல் பதிப்பு 14-இல் இறுதியாக ஆதரித்தது; இந்த வேலைக்கான பிட்மேப் இதுவே: அதே தோற்றத்தில் PNG-ஐ விடச் சிறியது, உண்மையான ஆல்ஃபா சேனலுடன். SVG-ஐ இறுதி அளவிலேயே நேரடியாக WebP ஆக ரெண்டர் செய்வதால் பெரிய PNG ஏற்றுமதி என்ற வழக்கமான சுற்றுவழி தவிர்க்கப்படுகிறது. தலைகீழாகவும் தேவையெனில், அந்தத் திசைக்கு மாற்றம் அல்ல ட்ரேசிங் ஏன் தேவை என்பதை WebP to SVG பக்கம் விளக்குகிறது.
பொதுவான வலை இடங்களுக்கான SVG to WebP அளவுகள்
1200 × 630 px
Open Graph இணைப்பு முன்னோட்டம்
பக்கம் பகிரப்படும்போது காட்டப்படும் படம்
1920 × 1080 px
முழு அகல ஹீரோ படம்
பெரும்பாலான டெஸ்க்டாப் திரைகளை 1×-இல் நிரப்பும்
1600 × 900 px
2×-இல் வலைப்பதிவு பத்திப் படம்
800 px உள்ளடக்கப் பத்திக்கு
400 × 100 px
2×-இல் தலைப்பு லோகோ
200 × 50 px லோகோ இடத்துக்கு
SVG
Scalable Vector Graphics
SVG என்பது 2001-இல் W3C தரப்படுத்திய XML அடிப்படையிலான வெக்டர் வடிவம். பிக்சல்களுக்குப் பதிலாக வடிவங்கள், பாதைகள், உரையை விவரிப்பதால் எந்த அளவிலும் தெளிவாக இருக்கும்; லோகோ, ஐகான்களுக்கு பொதுவாக மிகச் சிறியது. இது ஒளிஊடுருவல், CSS பாணி, ஸ்கிரிப்ட், அனிமேஷனை ஆதரிக்கிறது; எல்லா உலாவிகளும் இயல்பாகக் காட்டும். புகைப்படங்களுக்கு SVG பொருந்தாது; சிக்கலான விளக்கப்படங்கள் காட்ட மெதுவாகலாம். Illustrator, Inkscape, Figma, உலாவிகளில் திறந்து திருத்தலாம்.
- சுருக்கம்
- –
- ஒளி ஊடுருவும் தன்மை
- ஆம்
- அனிமேஷன்
- ஆம்
- அறிமுகமான ஆண்டு
- 2001 · W3C
WEBP
WebP படம்
WebP என்பது வலைப்பக்கங்கள் வேகமாக ஏற்ற 2010-ல் Google வெளியிட்ட பட வடிவம். இழப்புள்ள மற்றும் இழப்பற்ற சுருக்கம், ஆல்பா ஒளி ஊடுருவல், அனிமேஷன் ஆகியவற்றை ஒரே வடிவத்தில் ஆதரிக்கிறது. இழப்புள்ள WebP கோப்புகள் ஒத்த காட்சித் தரமுள்ள JPEG-ஐ விட பொதுவாக 25–35% சிறியவை; இழப்பற்ற WebP பொதுவாக PNG-ஐ விடச் சிறியது. தற்போதைய எல்லா உலாவிகளும் ஆதரிக்கின்றன; ஆனால் சில பழைய டெஸ்க்டாப் மென்பொருள், அச்சு சேவைகள், பதிவேற்றப் படிவங்கள் இன்னும் நிராகரிக்கின்றன. Windows, macOS, பெரும்பாலான நவீன பட எடிட்டர்கள் WebP-ஐத் திறக்கும்.
- சுருக்கம்
- இழப்புடன் அல்லது இழப்பின்றி
- ஒளி ஊடுருவும் தன்மை
- ஆம்
- அனிமேஷன்
- ஆம்
- அறிமுகமான ஆண்டு
- 2010 · Google
வெக்டர் கோப்புகளை ஏற்காத அல்லது மெதுவாக வரையும் CMS, சமூக வலைத்தள முன்னோட்டம், பரபரப்பான லேண்டிங் பக்கம் போன்ற இடங்களுக்கு எடை குறைந்த, நிலையான அளவுள்ள பிட்மேப் தேவைப்படுவதால் மக்கள் SVG-ஐ WebP ஆக மாற்றுகிறார்கள்; WebP-ஐ SVG ஆக்குவது வடிவ மாற்றம் அல்ல, ட்ரேசிங் வேலை.
SVG எப்படி ராஸ்டரைஸ் செய்யப்படுகிறது, எதைச் சரிபார்க்க வேண்டும்
மாற்றி SVG-யின் சொந்த width, height, viewBox ஆகியவற்றைப் படித்து, நீங்கள் அமைத்த அகலத்தில் ஒவ்வொரு பாத்தையும் வரைகிறது; உயரம் விகிதத்தைப் பின்பற்றும். வரைதல் இறுதி அளவிலேயே நடப்பதால் மெல்லிய கோடுகளும் சிறிய உரையும் சரியான அளவில் ஒரே முறை ஆன்டி-அலியாஸ் ஆகும். சிறிய PNG-ஐ பின்னர் பெரிதாக்கினால் இவ்வளவு சுத்தமாக இருக்காது.
எழுத்துருக்களே வழக்கமான ஆச்சரியம். SVG குறிப்பிடும் எழுத்துரு உட்பொதிக்கப்படாமலோ அவுட்லைனாக மாற்றப்படாமலோ இருந்தால் மாற்று எழுத்துரு பயன்படுத்தப்பட்டு வரி நீளங்கள் மாறும். ஏற்றுமதிக்கு முன் வடிவமைப்புக் கருவியில் உரையை அவுட்லைன் ஆக்குங்கள். SVG-க்குள் URL மூலம் இணைக்கப்பட்ட வெளிப் படங்கள் எடுக்கப்படாது; அவற்றை உட்பொதியுங்கள் அல்லது படத்தை முதலில் தட்டையாக்குங்கள்.
SVG-ஐ WebP ஆக மாற்றுதல்: செய்ய வேண்டியவை, தவிர்க்க வேண்டியவை
| செய்யவும் | செய்யாதீர்கள் |
|---|---|
| காட்டப்படும் CSS அகலத்தின் 2× அளவில் ரெண்டர் செய்யுங்கள் | SVG ஆகவே சிறியதாக இருக்கும் எளிய இன்லைன் ஐகான்களை மாற்றாதீர்கள் |
| குறைந்த நிறங்கள் கொண்ட தட்டையான லோகோக்களுக்கு இழப்பின்றி பயன்படுத்துங்கள் | 600 px இடத்துக்கு 4000 px இல் ரெண்டர் செய்யாதீர்கள் |
| எதிர்கால அளவுகளுக்காக SVG மூலக்கோப்பை வைத்திருங்கள் | மின்னஞ்சல் செய்திமடல்களில் WebP அனுப்பாதீர்கள் |
| லேஅவுட் மாற்றத்தைத் தவிர்க்க WebP-ஐ width, height பண்புகளுடன் வழங்குங்கள் | நேரடி உரையை எதிர்பார்க்காதீர்கள்: WebP என்பது பிக்சல்கள், தேர்ந்தெடுக்கக்கூடிய எழுத்துகள் அல்ல |
SVG-ஐ WebP ஆக மாற்றுவது பற்றிய கேள்விகள்
SVG-ஐ WebP ஆக மாற்றும்போது எந்த பிக்சல் அகலத்தைப் பயன்படுத்த வேண்டும்?
படம் CSS பிக்சல்களில் காட்டப்படும் அகலத்தை இரு மடங்காக்குங்கள்; அப்போது அதிக அடர்த்தி கொண்ட ஃபோன், லேப்டாப் திரைகளிலும் தெளிவாக இருக்கும். 800 px பத்தியில் காட்டும் படத்தை 1600 px ஆக ரெண்டர் செய்யுங்கள். 3× வரை செல்வது இணையத்தில் அரிதாகவே பயனளிக்கும்; கோப்பு பெரிதாகும், தெரியும் மேம்பாடு சிறிதே.
இணையதளத்துக்கு SVG-ஐ விட WebP சிறந்ததா?
எளிய லோகோக்கள், ஐகான்கள், வரைபடங்களுக்குத் தேவையில்லை: சுத்தமான SVG மிகச் சிறியது, எந்த அளவிலும் தெளிவானது, எனவே அதையே வைத்திருங்கள். கிரேடியண்ட், ஃபில்டர், ஆயிரக்கணக்கான பாத்கள் கொண்ட சிக்கலான படங்களுக்கும், சமூக வலைத்தளப் முன்னோட்டம் அல்லது SVG ஆதரவில்லாத CMS போன்ற பிட்மேப் மட்டும் ஏற்கும் இடங்களுக்கும் WebP சிறந்தது.
என் SVG-யின் வெளிப்படையான பின்னணி WebP-யில் இருக்குமா?
ஆம். WebP-இல் இழப்புடன், இழப்பின்றி இரு முறைகளிலும் முழு ஆல்ஃபா சேனல் உள்ளது; எனவே SVG-யில் நிரப்பு இல்லாத பகுதிகள் வெளிப்படையாகவே இருக்கும். வடிவங்களின் விளிம்புகள் வெளிப்படைத்தன்மைக்கு எதிராக ஆன்டி-அலியாஸ் செய்யப்படுவதால் எந்தப் பின்னணி நிறத்திலும் சரியாகத் தெரியும்.
வெக்டர் கலைப்படைப்புக்கு lossy WebP-ஆ, lossless WebP-ஆ?
சில திட நிறங்கள் கொண்ட தட்டையான லோகோக்கள், ஐகான்கள், சார்ட்களுக்கு இழப்பின்றி முறை பொருந்தும்; அவை நன்றாகச் சுருங்கி விளிம்புகள் சுத்தமாக இருக்கும். கிரேடியண்ட், நிழல், டெக்ஸ்சர் உள்ள படங்களுக்கு 85 முதல் 90 தரத்தில் இழப்புடன் முறை பொருந்தும்; அங்கு இழப்பின்றி கோப்புகள் கனமாகும். ஒரே கோப்பில் இரண்டையும் முயன்று, சுத்தமாகத் தெரியும் சிறிய முடிவை வைத்துக்கொள்ளுங்கள்.
WordPress-இல் SVG-ஐ ஏன் பதிவேற்ற முடியவில்லை?
SVG-யில் ஸ்கிரிப்ட்கள் இருக்கக்கூடும் என்பதால் WordPress அதை அனுமதிக்கப்பட்ட பதிவேற்ற வகைகளில் சேர்க்கவில்லை. 2021-இல் வெளியான பதிப்பு 5.8 முதல் WebP-ஐ ஏற்கிறது; எனவே மாற்றினால் பாதுகாப்பு பிளகின் இல்லாமலே மீடியா லைப்ரரி ஏற்கும் கோப்பு கிடைக்கும். உண்மையான வெக்டர் தேவைப்படும் தளங்கள் சுத்தம் செய்யும் பிளகின் மூலம் SVG ஆதரவைச் சேர்க்கலாம்.
மின்னஞ்சல் செய்திமடலில் WebP-ஐப் பயன்படுத்தலாமா?
தவிர்ங்கள். Windows-க்கான டெஸ்க்டாப் Outlook உட்பட பல மின்னஞ்சல் கிளையன்ட்கள் WebP-ஐக் காட்டாது; Gmail-உம் SVG-ஐக் காட்டாது. மின்னஞ்சலுக்கு SVG to PNG மூலம் படத்தை ரெண்டர் செய்யுங்கள்.
