SVG నుండి ఐకాన్ కన్వర్టర్

Q: ఈ పేజీకి, SVG నుండి ICO పేజీకి తేడా ఏమిటి?

[SVG నుండి ICO](/svg-to-ico) ఫేవికాన్లు మరియు Windows కోసం ఒకే .ico ఫైల్పై దృష్టి పెడుతుంది. ఈ పేజీ macOS ICNS, అలాగే Android, iOS, యాప్ స్టోర్లు కోరే నిర్ణీత సైజుల PNGలతో సహా ఐకాన్ అవసరమైన ప్రతి చోటునూ కవర్ చేస్తుంది.

Q: చిన్న ఐకాన్గా మార్చినప్పుడు నా వివరమైన లోగో ఎందుకు మసకబారిన మచ్చలా కనిపిస్తుంది?

16 లేదా 32 pxలో సన్నని గీతలకు, చిన్న టెక్స్ట్కు చోటు ఉండదు. చిన్న సైజులో కనీసం ఒక పూర్తి పిక్సెల్ కవర్ అయ్యేలా స్ట్రోక్లను మందంగా చేయండి, వర్డ్మార్క్ను తొలగించండి.

ఒకే వెక్టర్ లోగోతో మీకు కావలసిన అన్ని ఐకాన్‌లు తయారు చేయవచ్చు: ఫేవికాన్, Windows షార్ట్‌కట్, Mac యాప్, ఫోన్‌లలోని లాంచర్ ఐకాన్‌లు. ఈ పేజీ మల్టీ-సైజ్ ICOతో మొదలవుతుంది. ఇతర ప్లాట్‌ఫామ్‌ల కోసం ICNS లేదా PNGకి మార్చుకోవచ్చు.

లేదా JPG, JPEG, JPE … ఫైళ్లు ను ఇక్కడ వదలండి ·

ఒక్కో ఫైల్‌కు గరిష్ఠంగా 95 MB· గరిష్ఠంగా 20 ఫైళ్లు· 30 నిమిషాల తర్వాత తొలగించబడతాయి

అవుట్‌పుట్

దీనికి మార్చండి

ఫైళ్లు మా సర్వర్లలో ప్రాసెస్ చేయబడి 30 నిమిషాల తర్వాత తొలగించబడతాయి.

నాణ్యత & రంగు

యానిమేటెడ్ ఇన్‌పుట్

ఈ ఫార్మాట్ ఒకే చిత్రాన్ని ఉంచుతుంది. యానిమేషన్ ఉంచాలంటే GIF లేదా WebP అవుట్‌పుట్ ఎంచుకోండి.

ఐకాన్ సైజులు

బహుళ-సైజ్ ఐకాన్ ఒకే ఫైల్‌లో అనేక రిజల్యూషన్‌లను కలిగి ఉంటుంది; బ్రౌజర్‌లు, ఆపరేటింగ్ సిస్టమ్‌లు తమకు కావలసినదాన్ని ఎంచుకుంటాయి.

అవుట్‌పుట్ రీసైజ్

అవుట్‌పుట్ ఇమేజ్ రీసైజ్

అసలు కొలతలను ఉంచండి, లేదా ఒక వైపు నమోదు చేస్తే ఆస్పెక్ట్ రేషియో అలాగే ఉంటుంది.

మెటాడేటా & కలర్ ప్రొఫైల్

ఆటో ఓరియంట్

EXIF లో నిల్వ ఉన్న ఓరియంటేషన్‌తో చిత్రాన్ని తిప్పండి, తద్వారా ప్రతిచోటా నిటారుగా కనిపిస్తుంది.

మెటాడేటా తొలగించండి

GPS స్థానం, కెమెరా డేటా, వ్యాఖ్యలను తొలగించండి. కలర్ ప్రొఫైల్‌ను కింద విడిగా ఉంచుకోవచ్చు.

కలర్ ప్రొఫైల్ ఉంచండి

మార్పిడి తర్వాత రంగులు ఖచ్చితంగా ఉండేలా ఎంబెడ్ చేసిన ICC ప్రొఫైల్‌ను ఉంచండి.

కలర్ స్పేస్

స్క్రీన్‌లకు, వెబ్‌కు sRGB సరైనది. ప్రింట్ పనులకు అసలుదాన్ని ఉంచండి; గ్రేస్కేల్ రంగును తొలగిస్తుంది.

DPI ట్యాగ్

dpi

మెటాడేటా మాత్రమే, 0 అసలు విలువను ఉంచుతుంది. ప్రింటర్లు, కొన్ని పోర్టల్‌లు ఈ సంఖ్యను చదువుతాయి; ఇది పిక్సెల్ కొలతలను మార్చదు.

ఈ టూల్‌ను ఎలా ఉపయోగించాలి

1
చతురస్రాకార SVGని అప్‌లోడ్ చేయండి
మీ మార్క్ యొక్క SVGని జోడించండి, వీలైతే చతురస్ర viewBoxతో. ఒకేసారి గరిష్టంగా 20 ఫైళ్లు జోడించవచ్చు, ఉదాహరణకు లైట్ మరియు డార్క్ వెర్షన్లు.
2
ఐకాన్ ఫార్మాట్ ఎంచుకోండి
ఐకాన్ సైజులు అన్ని సైజులు (16–256)గా సెట్ చేసిన ICO ముందే ఎంపికై ఉంటుంది. macOS కోసం దీనికి మార్చండి కింద ICNS ఎంచుకోండి, లేదా ఫోన్ లేదా స్టోర్ ఐకాన్ కోసం PNG ఎంచుకుని అవుట్‌పుట్ ఇమేజ్ రీసైజ్ కింద వెడల్పు ఇవ్వండి.
3
మార్చి, ఫైళ్లను సరైన చోట పెట్టండి
ICOకు మార్చండి నొక్కండి (లేబుల్ మీరు ఎంచుకున్న ఫార్మాట్‌ను బట్టి మారుతుంది), డౌన్‌లోడ్ చేసి, ప్రతి ఫైల్‌ను ఆ ప్లాట్‌ఫామ్ కోరే చోట ఉంచండి.

ఒకే ఐకాన్ ఫార్మాట్ అంటూ లేదు. Windows మరియు బ్రౌజర్లు ICO, macOS ICNS, ఫోన్లు PNGల సెట్లను ఉపయోగిస్తాయి. SVG నుండి మొదలుపెడితే ప్రతి ఒక్కటీ వెక్టర్ నుండి కొత్తగా గీయబడి, ప్రతి సైజులోనూ స్పష్టంగా ఉంటుంది.

SVG నుండి ఐకాన్: ఒక వెక్టర్, మూడు రకాల ఐకాన్ ఫైళ్లు

ఐకాన్ ఫైల్ చిన్న బిట్‌మ్యాప్‌ల కంటైనర్, వెక్టర్ కాదు. ఆపరేటింగ్ సిస్టమ్ తనకు కావలసిన సైజుకు దగ్గరగా ఉన్న బిట్‌మ్యాప్‌ను ఎంచుకుంటుంది, కాబట్టి మంచి ఐకాన్‌లో అనేక బిట్‌మ్యాప్‌లు ఉంటాయి, ప్రతిదీ దాని సొంత గ్రిడ్ కోసం రెండర్ చేయబడి ఉంటుంది.

ఈ పేజీలోని ICO ప్రీసెట్ 16 నుండి 256 px వరకు అన్ని సైజులతో ఒకే ఫైల్‌ను రాస్తుంది, ఇది favicon.ico మరియు Windows షార్ట్‌కట్‌లను కవర్ చేస్తుంది. Apple ఐకాన్ కంటైనర్ కోసం దీనికి మార్చండిని ICNSకు, లేదా Android, iOS, యాప్ స్టోర్లు కోరే ఒక్కో సైజు కోసం PNGకి మార్చండి.

ప్రధాన ప్లాట్‌ఫామ్‌లు తమ ఐకాన్ స్లాట్‌ల కోసం ప్రచురించిన వివరాలను పట్టిక చూపిస్తుంది.

ప్రతి ప్లాట్‌ఫామ్‌కు కావలసిన ఐకాన్ ఫైళ్లు
సంస్థ	అవసరం	మూలం
Windows డెస్క్‌టాప్ మరియు టాస్క్‌బార్	16, 32, 48 మరియు 256 px సహా అనేక సైజులతో ICO	—
వెబ్‌సైట్ ఫేవికాన్	సైట్ రూట్‌లో 16, 32, 48 pxలతో favicon.ico; apple-touch-icon కోసం 180 × 180 px PNG	—
macOS యాప్ ఐకాన్	ICNS లేదా Xcode అసెట్ కేటలాగ్, 1024 × 1024 px వరకు సైజులు	—
Google Play స్టోర్ లిస్టింగ్	512 × 512 px 32-bit PNG, గరిష్టంగా 1,024 KB	—
Apple App Store	పారదర్శకత లేని 1024 × 1024 px PNG	—

SVG

Scalable Vector Graphics

SVG అనేది 2001లో W3C ప్రమాణీకరించిన XML ఆధారిత వెక్టర్ ఫార్మాట్. పిక్సెల్‌లకు బదులుగా ఆకారాలు, పాత్‌లు, టెక్స్ట్‌ను వివరిస్తుంది, కాబట్టి ఏ సైజులోనైనా స్పష్టంగా ఉంటుంది, లోగోలు, ఐకాన్‌లకు సాధారణంగా చాలా చిన్నది. ఇది పారదర్శకత, CSS స్టైలింగ్, స్క్రిప్టింగ్, యానిమేషన్‌ను సపోర్ట్ చేస్తుంది, ప్రతి బ్రౌజర్ దీనిని స్థానికంగా చూపిస్తుంది. ఫోటోలకు SVG సరిపోదు, సంక్లిష్ట ఇలస్ట్రేషన్లు రెండర్ కావడం నెమ్మదిగా మారవచ్చు. Illustrator, Inkscape, Figma, బ్రౌజర్లు దీనిని తెరిచి ఎడిట్ చేయగలవు.

కంప్రెషన్: –
పారదర్శకత: అవును
యానిమేషన్: అవును
పరిచయమైన సంవత్సరం: 2001 · W3C

SVG కన్వర్టర్

ICO

Windows ఐకాన్

ICO అనేది Windows ప్రోగ్రామ్ ఐకాన్‌లకు మరియు వెబ్‌సైట్ ఫేవికాన్‌లకు ఉపయోగించే Microsoft ఐకాన్ ఫార్మాట్. ఒక .ico ఫైల్‌లో 16×16, 32×32, 48×48 మరియు 256×256 పిక్సెల్స్ వంటి వేర్వేరు సైజుల్లో అనేక చిత్రాలు ఉండవచ్చు, తద్వారా సిస్టమ్ సరిపోయేదాన్ని ఎంచుకుంటుంది. ప్రతి చిత్రాన్ని బిట్‌మ్యాప్‌గా లేదా PNG డేటాగా నిల్వ చేయవచ్చు మరియు పూర్తి ఆల్ఫా పారదర్శకతకు మద్దతు ఉంది. ICO ఫోటోలకు లేదా పెద్ద ఆర్ట్‌వర్క్‌కు ఉద్దేశించినది కాదు. బ్రౌజర్లు, Windows మరియు చాలా ఐకాన్ ఎడిటర్లు దీన్ని చదవగలవు.

కంప్రెషన్: లాస్‌లెస్
పారదర్శకత: అవును
యానిమేషన్: కాదు
పరిచయమైన సంవత్సరం: Microsoft

ICO కన్వర్టర్

ఒక వెక్టర్ లోగో ఉండి, వెబ్‌సైట్‌లోని favicon.ico నుండి Macలో ICNS, యాప్ స్టోర్లలో నిర్ణీత సైజుల PNGల వరకు, ఒక్కో దానికి సొంత ఐకాన్ కంటైనర్ ఉన్న అనేక ప్లాట్‌ఫామ్‌లకు సేవ చేయాల్సి వచ్చినప్పుడు ప్రజలు SVG నుండి ఐకాన్ కోసం వెతుకుతారు.

Windows, Mac, Android, iOS కోసం SVGని ఐకాన్ ఫైళ్లుగా మార్చండి

ICOను, ఐకాన్ సైజులును అన్ని సైజులపై ఉంచండి. ఫలితాన్ని వెబ్‌సైట్ రూట్ కోసం favicon.icoగా పేరు మార్చండి, లేదా Windows షార్ట్‌కట్ యొక్క Change Icon డైలాగ్‌లో దానిని ఎంచుకోండి.

ఒక .ico ట్యాబ్‌లు, బుక్‌మార్క్‌లు, టాస్క్‌బార్‌కు సరిపోతుంది
iPhone హోమ్-స్క్రీన్ బుక్‌మార్క్‌ల కోసం 180 px PNG జోడించండి

16 px వద్ద కూడా స్పష్టంగా ఉండే SVG డిజైన్ చేయడం

16 × 16 px ఐకాన్‌లో మొత్తం 256 పిక్సెల్‌లు ఉంటాయి. చాలా బ్రాండ్లు బోల్డ్ ఆకారాలు, తక్కువ రంగులతో, తరచుగా కేవలం సింబల్ లేదా ఒక అక్షరంతో ప్రత్యేక ఐకాన్ మార్క్‌ను ఉంచుకుంటాయి; మీకు అది ఇంకా లేకపోతే, ఐకాన్ల కోసం SVG యొక్క సరళీకృత కాపీని తయారుచేయండి.

మార్చే ముందు viewBoxను తనిఖీ చేయండి. వెడల్పాటి viewBox వల్ల మార్క్ పైన, కింద ఖాళీ బ్యాండ్లు ఉన్న ఐకాన్ వస్తుంది, కాబట్టి ముందు దాన్ని చతురస్రంగా క్రాప్ చేయండి; ఇమేజ్‌ను నిష్పత్తికి క్రాప్ చేయడం గైడ్ చతురస్ర క్రాప్‌లను వివరిస్తుంది, డిజైన్‌ను అంచనా వేయడానికి SVG నుండి PNG త్వరగా పెద్ద ప్రివ్యూ ఇస్తుంది.

SVG నుండి ఐకాన్ — తరచూ అడిగే ప్రశ్నలు

ఈ పేజీకి, SVG నుండి ICO పేజీకి తేడా ఏమిటి?

SVG నుండి ICO ఫేవికాన్లు మరియు Windows కోసం ఒకే .ico ఫైల్‌పై దృష్టి పెడుతుంది. ఈ పేజీ macOS ICNS, అలాగే Android, iOS, యాప్ స్టోర్లు కోరే నిర్ణీత సైజుల PNGలతో సహా ఐకాన్ అవసరమైన ప్రతి చోటునూ కవర్ చేస్తుంది.

ఏ ఆపరేటింగ్ సిస్టమ్ ఏ ఐకాన్ ఫార్మాట్ వాడుతుంది?

Windows ICOని చదువుతుంది, macOS ICNSను లేదా Xcodeలో తయారుచేసిన అసెట్ కేటలాగ్‌లను చదువుతుంది, Android మరియు iOS నిర్ణీత పిక్సెల్ సైజుల్లో ఇచ్చిన PNG ఇమేజ్‌లను తీసుకుంటాయి.

నా యాప్‌కు కావలసిన అన్ని PNG సైజ్‌లు ఒకే కన్వర్షన్‌లో వస్తాయా?

లేదు. PNG ఒకే సైజును కలిగి ఉంటుంది, కాబట్టి ప్రతి మార్పిడి ఒక వెడల్పునే రాస్తుంది. అవుట్‌పుట్ ఇమేజ్ రీసైజ్ను ఒక సైజుకు సెట్ చేసి మార్చండి, ఆపై సంఖ్య మార్చి మళ్లీ మార్చండి; ప్రతి సైజు వెక్టర్ నుండి స్పష్టంగా గీయబడుతుంది.

ఈ పేజీ నుండి వచ్చే ICNS, Retina Mac ఐకాన్‌లకు సరిపోతుందా?

ఇందులో 16 నుండి 256 px వరకు సైజులు ఉంటాయి. ప్రస్తుత macOS యాప్ ఐకాన్లలో Retina డిస్‌ప్లేల కోసం 512 px, 1024 px ఎంట్రీలు కూడా ఉంటాయి; వీటిని Xcode లేదా Apple iconutil PNGల నుండి తయారుచేస్తాయి. ఆ రెండింటినీ ఇక్కడ PNGగా ఎగుమతి చేసి సెట్‌కు జోడించండి.

ఐకాన్‌కు పారదర్శక బ్యాక్‌గ్రౌండ్ ఉంచాలా?

ICO, ICNS మరియు Android లాంచర్ లేయర్లకు అవును: పారదర్శకత వల్ల సిస్టమ్ తన సొంత బ్యాక్‌డ్రాప్‌ను గీసుకోగలదు. iOS App Store ఐకాన్ మాత్రమే మినహాయింపు; ఆల్ఫా ఛానెల్ ఉన్న 1024 px మార్కెటింగ్ ఐకాన్‌ను Apple తిరస్కరిస్తుంది, కాబట్టి ఆ PNGకి SVGలో ఘన నేపథ్యం ఇవ్వండి.

చిన్న ఐకాన్‌గా మార్చినప్పుడు నా వివరమైన లోగో ఎందుకు మసకబారిన మచ్చలా కనిపిస్తుంది?

16 లేదా 32 pxలో సన్నని గీతలకు, చిన్న టెక్స్ట్‌కు చోటు ఉండదు. చిన్న సైజులో కనీసం ఒక పూర్తి పిక్సెల్ కవర్ అయ్యేలా స్ట్రోక్‌లను మందంగా చేయండి, వర్డ్‌మార్క్‌ను తొలగించండి.