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 లేదా చార్ట్ లైబ్రరీ నుండి ఎగుమతి చేసిన .svg ఫైళ్లను గరిష్టంగా 20 వరకు జోడించండి, ఒక్కొక్కటి 95 MB వరకు.
- 2
అవుట్‌పుట్ వెడల్పు సెట్ చేయండి
అవుట్‌పుట్ ఇమేజ్ రీసైజ్ 1200 px వెడల్పుతో మొదలవుతుంది; ఇమేజ్ పేజీలో ఆక్రమించే వెడల్పుకు రెట్టింపుగా మార్చండి. నాణ్యత 90గా ఉంటుంది, లేదా ఫ్లాట్ లోగోలు, ఐకాన్‌ల కోసం అధునాతన సెట్టింగ్‌లులో లాస్లెస్ టిక్ చేయండి.
- 3
WebPగా మార్చండి
WebPకు మార్చండి నొక్కి, ఫైళ్లను లేదా ఒకే ZIPను డౌన్‌లోడ్ చేయండి. పారదర్శక భాగాలు పారదర్శకంగానే ఉంటాయి.
SVGని నిర్దిష్ట సైజ్‌లో WebPకి ఎలా మార్చాలి?
SVGని అప్లోడ్ చేసి, అవుట్‌పుట్ ఇమేజ్ రీసైజ్ను మీకు కావలసిన పిక్సెల్ వెడల్పుకు (డిఫాల్ట్ 1200 px) సెట్ చేసి, WebPకు మార్చండి నొక్కండి. వెక్టర్ ఆ వెడల్పులో కొత్తగా గీయబడుతుంది, కాబట్టి ఏదీ అప్‌స్కేల్ కాదు, బ్లర్ కాదు.
SVGని ఎప్పుడు WebPగా మార్చాలి
SVG 2001లో W3C Recommendation అయింది, చాలా లోగోలు, ఐకాన్‌లకు ఇదే సరైన ఫార్మాట్: ఏ జూమ్‌లోనైనా స్పష్టంగా ఉండే కొన్ని కిలోబైట్‌ల టెక్స్ట్. ఫైల్ మీ స్వంత కోడ్ నుండి బయటకు వెళ్లినప్పుడే సమస్య మొదలవుతుంది. WordPress, అనేక హోస్టెడ్ షాప్ బిల్డర్‌లు SVG అప్‌లోడ్‌లను తిరస్కరిస్తాయి, Facebook, LinkedIn, Xలో లింక్ ప్రివ్యూలు బిట్‌మ్యాప్‌లుగా తీసుకోబడతాయి, డిజైన్ టూల్స్ ఎంబెడెడ్ రాస్టర్ ఎఫెక్ట్‌లతో ఇలస్ట్రేషన్‌లను ఎగుమతి చేసి వెక్టర్ ఫైల్‌ను అనేక మెగాబైట్‌ల మార్కప్‌గా మారుస్తాయి.
Google 2010లో విడుదల చేసి, Safari 2020లో వెర్షన్ 14లో చివరికి సపోర్ట్ చేసిన WebP ఆ పనికి తగిన బిట్‌మ్యాప్: అదే లుక్‌తో PNG కంటే చిన్నది, నిజమైన ఆల్ఫా ఛానెల్‌తో. SVGని నేరుగా తుది సైజ్‌లో WebPకి రెండర్ చేస్తే పెద్ద PNG ఎగుమతి ద్వారా వెళ్లే మామూలు చుట్టుదారి తప్పుతుంది. రివర్స్ కూడా కావాలంటే, ఆ దిశకు కన్వర్షన్ కాదు ట్రేసింగ్ ఎందుకు కావాలో మా WebP నుండి SVG పేజీ వివరిస్తుంది.
సాధారణ వెబ్ స్థానాలకు SVG నుండి 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 మెరుగైనది.
WebPలో నా SVG పారదర్శక బ్యాక్గ్రౌండ్ అలాగే ఉంటుందా?
అవును. WebPలో లాసీ, లాస్లెస్ రెండు మోడ్లలోనూ పూర్తి ఆల్ఫా ఛానెల్ ఉంది, కాబట్టి SVGలో ఫిల్ లేని భాగాలు పారదర్శకంగానే ఉంటాయి. ఆకారాల అంచులు పారదర్శకతకు వ్యతిరేకంగా యాంటీ-ఎలియాస్ అవుతాయి, ఇది ఏ బ్యాక్గ్రౌండ్ రంగుపైనా సరిగ్గా కనిపిస్తుంది.
వెక్టర్ ఆర్ట్వర్క్కు lossy WebP మంచిదా, lossless WebP మంచిదా?
కొన్ని ఘన రంగులతో ఉన్న ఫ్లాట్ లోగోలు, ఐకాన్లు, చార్ట్లకు లాస్లెస్ సరిపోతుంది; అవి బాగా కుదించబడి అంచులు పూర్తిగా శుభ్రంగా ఉంటాయి. గ్రేడియంట్లు, నీడలు, టెక్స్చర్లు ఉన్న ఇలస్ట్రేషన్లకు 85 నుండి 90 నాణ్యతతో లాసీ సరిపోతుంది, వాటికి లాస్లెస్ ఫైళ్లు బరువుగా అవుతాయి. ఒకే ఫైల్పై రెండూ ప్రయత్నించి, శుభ్రంగా కనిపించే చిన్న ఫలితాన్ని ఉంచండి.
WordPressలో SVGని ఎందుకు అప్లోడ్ చేయలేకపోతున్నాను?
SVGలో స్క్రిప్ట్లు ఉండవచ్చు కాబట్టి WordPress దాన్ని అనుమతించే అప్లోడ్ రకాల నుండి తొలగించింది. 2021లో వచ్చిన వెర్షన్ 5.8 నుండి WebPని అంగీకరిస్తోంది, కాబట్టి మార్చితే సెక్యూరిటీ ప్లగిన్ లేకుండానే మీడియా లైబ్రరీ తీసుకునే ఫైల్ వస్తుంది. నిజమైన వెక్టర్లు కావాల్సిన సైట్లు శానిటైజింగ్ ప్లగిన్ ద్వారా SVG సపోర్ట్ జోడించవచ్చు.
ఈమెయిల్ న్యూస్లెటర్లో WebPని ఉపయోగించవచ్చా?
వద్దు. Windows కోసం డెస్క్టాప్ Outlook సహా అనేక ఈమెయిల్ క్లయింట్లు WebPని చూపవు, Gmail కూడా SVGని రెండర్ చేయదు. ఈమెయిల్ కోసం బదులుగా SVG నుండి PNGతో ఆర్ట్వర్క్ను రెండర్ చేయండి.
