I-convert ang SVG sa ICO Scalable Vector Graphics ↔ Icon Libre Online Ligtas
Ang SVG ay hindi larawan — mga tagubilin ito sa pagguhit ng isa. Dito, sinusunod nang isang beses ang mga tagubiling iyon, sa laking pipiliin mo, at sine-save ang resulta bilang ICO. Iginuguhit ang drawing sa isang sandbox kung saan walang tumatakbo mula sa file, at walang ina-upload.
I-convert ang file mo
Ihulog dito ang isang SVG, o pumili ng isa.
Hindi kailanman lumalabas sa device na ito ang file mo. Lahat ay tumatakbo sa iyong browser.
Walang ina-upload
Ano ang nagpapaiba sa vector
Ang SVG ay hindi larawan; ito ay hanay ng mga tagubilin sa pagguhit ng isa — bilog na may ganitong radius dito, linya mula rito hanggang doon, hugis na ito na may ganitong kulay. Naging pamantayan ito ng web noong 2001, at dahil iniimbak nito ang drawing sa halip na ang resulta, mapi-print ito sa billboard mula sa parehong file na nagre-render ng icon na labing-anim na pixel. Ang PNG o JPEG ay nag-iimbak ng kabaligtaran: tapos na grid ng mga may kulay na tuldok, na walang alaala kung ano ang gumuhit sa kanila. Ang hindi pagkakapantay na iyon ang nagpapasya sa lahat ng nasa pahinang ito. Ang pagpunta mula vector sa raster ay simpleng pagguhit ng mga tagubilin sa napiling laki; ang kabilang direksyon ay pag-trace — program na tumitingin sa grid ng mga tuldok at humuhula kung anong mga hugis ang maaaring lumikha nito.
Saan mo sila nakakasalubong
Ang mga logo, icon, mapa, diagram at tsart ay nabubuhay bilang SVG, dahil dapat silang mabasa sa bawat laki at madalas na kailangang bigyan ng bagong kulay. Ginagawa mula sa kanila ang mga favicon at icon ng app. Ang kabaligtarang direksyon ay para sa sandaling kailangang maging patag na larawan ang vector: email client na hindi magpapakita ng SVG, social preview, dokumentong ipi-print ng taong mas luma ang software kaysa sa iyo, o upload form na litrato lang ang tinatanggap.
Mga tanong ng mga tao
Nag-trace ako ng litrato at pangit ang resulta. Bakit?
Dahil hindi kailanman nilayon ang pag-trace para sa mga litrato. Gumagana ito sa paghahanap ng mga rehiyon ng magkatulad na kulay at pagguhit ng balangkas sa bawat isa, na bagay sa patag na artwork — logo, stencil, line drawing — at pumapalya sa litrato, kung saan ang bawat rehiyon ay unti-unting lumilipat sa susunod. Kailangang mag-imbento ng hangganan ang tracer kung saan wala, at gumagawa ito ng poster-like na batik ng patag na patse o file na may sampu-sampung libong maliliit na hugis. Para sa mga litrato, itago ang raster.
Bakit iba ang hitsura ng SVG ko sa ibang program?
Karaniwan, ang mga font. Ang SVG na naglalaman ng teksto ay tumutukoy sa font sa pangalan at inaasahang mayroon ang makinang magbubukas nito ng font na iyon; kung wala, may ipinapalit na iba at lumilipat ang layout. Ang lunas ay i-convert ang teksto sa mga outline bago mag-export, na ginagawang hugis ang bawat titik at nagpapakilos sa file na magkapareho saanman — kapalit ng hindi na pag-edit o pagpili sa teksto. Ang mga advanced na epekto gaya ng filter at blend mode ang isa pang karaniwang pinagmumulan ng pagkakaiba.
Nawawalan ba ng kalidad ang file?
Depende sa kayang hawakan ng dalawang format. Ang pag-convert sa pagitan ng mga format na nag-iimbak ng parehong bagay — PNG sa BMP, WAV sa FLAC — ay walang nawawala. Ang pag-convert tungo sa format na nagtatapon ng impormasyon para makatipid ng espasyo, gaya ng JPEG o MP3, ay may nawawalang kaunti sa bawat pagkakataon, at hindi ito ibinabalik ng pag-convert pabalik. Kung may mapagpipilian, mas pinipili ng pahinang ito na panatilihin ang orihinal na kalidad kaysa gumawa ng pinakamaliit na file.
Ina-upload ba saanman ang file ko?
Hindi. Nangyayari ang conversion sa loob ng iyong browser, sa sarili mong makina; hindi kailanman lumalabas doon ang file at walang server dito na makatatanggap nito. Kaya ang malaking file ay nalilimitahan ng sarili mong memorya at hindi ng upload, at kaya walang mako-convert mo na lalabas sa log ng sinuman — kasama ang amin. Kinukuha ng mga tool sa audio at video ang kanilang conversion engine mula sa site na ito sa unang beses na gamitin mo ang mga ito, humigit-kumulang tatlumpung megabyte, isang beses lang; pagkatapos noon, ang trabaho ay nangyayari pa rin nang buo sa makina mo.
Bakit kino-convert ng mga tao ang SVG sa ICO
Ang ICO file ay isang icon. Ito ang maliit na larawang lumilitaw sa tab ng browser sa tabi ng pangalan ng pahina, sa listahan ng mga bookmark, sa shortcut at sa sulok ng window ng programa sa Windows. Kung may pinapatakbo kang website, gusto mong may dala itong marka mo. Kung gumagawa ka ng programa, kailangan mo ng isa para sa executable nito. At kung may logo ka, malamang na isa itong vector na guhit sa format na SVG. Kaya kino-convert ng mga tao ang SVG sa ICO: hawak nila ang guhit ng marka, at kailangan nila ang icon file na hinihingi pa rin ng mga browser at operating system ayon sa pangalan.
Ang SVG ay hindi larawan. Isa itong hanay ng mga tagubilin sa pagguhit: gumuhit ng bilog dito, kurba roon, punuin ang hugis na ito ng kulay na iyon. Dahil mga tagubilin ito at hindi mga pixel, maipapakita ang SVG sa anumang laki nang hindi lumalabo. Ang icon naman, sa kabilang banda, ay ilang maliliit na larawang nakabungkos sa iisang file, bawat isa ay ginawa para sa partikular na laki. Sinusunod ng pahinang ito ang mga tagubilin ng SVG mo nang isang beses sa bawat laki at isinasama ang mga resulta sa isang ICO file.
Kino-convert ng pahinang ito ang SVG sa ICO sa loob ng browser mo. Iginuguhit ang larawan sa sandbox kung saan walang anumang nasa file ang makakatakbo, at walang ina-upload. Sa ibaba makikita mo kung paano ito gumagana, anong mga laki ang laman ng file, bakit espesyal na problema ang maliliit na icon at kung ano ang gagawin tungkol dito.
Paano gumagana ang conversion
Anim na laki sa isang file
Ang lalabas na ICO ay naglalaman ng anim na laki sa isang file: 16, 32, 48, 64, 128 at 256 pixel. Bawat isa ay iginuguhit muli mula sa SVG sa halip na paliitin mula sa isa't isa, kaya ang bersyong 16 pixel ay ang mga tagubiling sinunod sa 16 pixel, at hindi pinaliit na kopya ng malaki. Pinananatili ng lahat ang transparency nila. Pagkatapos, pipili ang operating system o browser ng alinmang laki na angkop sa lugar kung saan ipinapakita ang icon.
Isang sandbox kung saan walang makakatakbo
Ang SVG file ay maaari, sa prinsipyo, maglaman ng mga script at reference sa ibang bagay. Para hindi kailanman maging panganib ito, iginuguhit ang larawan sa sandbox kung saan walang anumang nasa file ang makakatakbo. Mga hugis lamang ang ipinipinta. Ligtas ito kahit para sa mga file na dina-download mo mula sa lugar na hindi mo lubos na pinagkakatiwalaan.
Bakit mas mabuti ang pagguhit muli kaysa sa pagpapaliit
Kapag pinaliit mo ang malaking larawan sa maliit, nagsasanib ang mga detalye at nagiging kulay abo ang mga linya. Ang pagguhit muli mula sa mga tagubiling vector sa target na laki ay nagbibigay ng pinakamatalas na resulta na kayang makamit ng bawat laki, dahil direktang inilalagay ang mga linya sa grid ng pixel.
Ano ang pinananatili
Ang anim na laki
Tatanggap ka ng 16, 32, 48, 64, 128 at 256 pixel, na sumasaklaw sa mga lugar kung saan karaniwang ipinapakita ang mga icon: mga tab ng browser, taskbar, shortcut sa desktop, listahan ng file at malalaking preview.
Ang transparency
Pinananatili ang transparency sa lahat ng anim na laki. Ang mga bahagi ng SVG na walang kulay ng pagpuno ay nananatiling nakikita sa likod sa ICO, kaya kinukuha ng icon ang kulay ng anumang nasa likod nito.
Ang hugis ng marka
Pinananatili ang guhit kung ano ito, kasama ang mga kulay at hugis nito. Kung hindi parisukat ang SVG, isinasaayos ito sa loob ng parisukat ng bawat icon nang hindi iniuunat.
Ano ang dapat mong malaman bago i-convert ang SVG sa ICO
Ibang guhit ang icon
Ang icon ay hindi maliit na larawan, ibang guhit ito. Ang anumang may pinong linya o maliit na teksto ay nagiging malabo sa 16 pixel, gaano man kaingat ang pagguhit. Ang logong mukhang napakahusay sa poster ay maaaring hindi mabasa bilang favicon. Kung mukhang malabo ang resulta, ang sagot ay mas simpleng SVG at hindi mas mahusay na conversion.
Idisenyo para sa pinakamaliit na laki
Ang pinakamahuhusay na icon ay ginagawa nang nasa isip ang pinakamaliit na laki: isang matapang na hugis, limitadong bilang ng kulay, walang manipis na linya at walang letra bukod sa iisang titik. Kung kaya mo, maghanda ng pinasimpleng bersyon ng logo mo bilang hiwalay na SVG para sa layuning ito, at pagkatapos ay i-convert ang SVG sa ICO gamit iyon.
Hindi naaayos ang mga font at larawan mula sa iba
Hindi naaayos sa sandbox ang mga font at larawang kinukuha ng SVG mula sa ibang lugar. Ang tekstong nakaayos sa web font na nilo-load mula sa server ay bumabalik sa system font, at mawawala ang larawang naka-link mula sa labas ng file. Para sa pinakamagandang resulta, gawing contour ang teksto at i-embed ang mga larawan.
Paano i-convert ang SVG sa ICO dito
Idagdag ang guhit mo
Ihulog dito ang SVG o pumili mula sa device mo. Binabasa ito sa loob ng browser mo at hindi ina-upload.
I-convert
Pindutin ang button. Isa-isang iginuguhit ang anim na laki, na tumatagal nang sandali. Iwanang bukas ang pahina hanggang matapos.
I-download at subukan
I-download ang ICO at subukan kung saan ito gagamitin. Sa website, ilagay ito sa root folder sa ilalim ng pangalang favicon.ico, o i-link ito sa head ng pahina, at tingnan ang tab ng browser. Sa Windows, maaari mo itong italaga sa shortcut at tingnan kung ano ang hitsura nito sa iba't ibang laki.
Mas malapitang pagtingin sa SVG at ICO
Vector at bungkos
Ang SVG ay iisang guhit na maipapakita sa anumang laki. Ang ICO ay lalagyan na may ilang larawan sa loob, bawat isa ay may takdang laki. Ang software na nagpapakita ng icon ay pumipili ng larawang pinakamalapit sa laki na kailangan nito, na umiiwas sa malabong pagpapalaki o pagpapaliit. Ang pag-convert ng SVG sa ICO ay pag-render ng guhit sa mga laking inaasahang laman ng lalagyan.
Kung saan ginagamit ang mga icon
Ginagamit ng mga browser ang pinakamaliliit na laki para sa mga tab at ang mas malalaki para sa mga bookmark at pahina ng bagong tab. Ginagamit ito ng Windows para sa taskbar, Start menu at Explorer. May sarili namang hanay ng laki ng larawan ang mga mobile device para sa home screen, na karaniwang mga PNG file, hindi ICO. Kung naghahanda ka ng icon ng app para sa telepono, mas mabuting ruta ang SVG sa PNG sa mga laking hinihingi ng platform.
Mga favicon ngayon
Tumatanggap ang mga modernong browser ng PNG at maging SVG bilang favicon, ngunit nananatiling format na gumagana saanman ang ICO, kasama ang mga lumang browser, ilang feed reader at tool na awtomatikong naghahanap ng favicon.ico. Ang pagkakaroon ng isa ang ligtas na pagpili.
Mga karaniwang sitwasyon nang detalyado
Ang favicon ng website
I-convert ang SVG sa ICO, i-save ang file bilang favicon.ico sa root ng site mo at i-link ito. Dadalhin ng tab ng bawat browser ang marka mo, na nagpapakilala sa pahina sa gitna ng maraming bukas na tab.
Ang icon ng programa sa Windows
Ang mga programa sa Windows ay may dalang icon sa kanilang executable at mga shortcut. Kailangan ng mga developer ng multi-size na ICO para dito. Sinasaklaw ng anim na laking matatanggap mo ang karaniwang mga kinakailangan.
Mga shortcut at folder
Sa Windows, maaari kang magbigay sa shortcut o folder ng sarili mong icon. Ang ICO na gawa sa logo mo ay nagpapadali sa pagkilala sa desktop o mga folder ng proyekto mo.
Mga site ng maliliit na negosyo at blog
Ang favicon ay maliit na detalyeng nagpaparamdam na tapos na ang site. Kung SVG ang logo mo, ang conversion na ito ang gumagawa ng file na hinihingi ng mga site builder na i-upload mo.
Praktikal na payo bago i-convert ang SVG sa ICO
Pasimplehin ang guhit
Alisin ang pinong linya, tanggalin ang letra o magtira ng iisang titik, at gumamit ng matatapang na hugis. Tingnan ang SVG sa 16 pixel sa drawing program mo bago mag-convert, para makita kung ano ang magiging hitsura ng pinakamaliit na icon.
Gawing parisukat ang guhit
Parisukat ang mga icon. Kung malapad ang logo mo, ilagay ito sa parisukat na canvas na may kaunting margin, para hindi ito maputol at hindi maging maliit sa loob ng parisukat.
Suriin ang contrast
Maaaring maliwanag o madilim ang mga tab ng browser. Mas madaling makita ang markang may matinding contrast sa parehong background. Karaniwang gumagana ang manipis na puting balangkas sa madilim na marka, o buong kulay na hugis.
Itago ang SVG
Ang SVG ang master. Kung magpasya kang baguhin ang icon sa hinaharap, kakailanganin mo ito para i-convert muli ang SVG sa ICO.
Mga tanong ng mga tao bago mag-convert
Bakit malabo ang icon ko sa 16 pixel?
Dahil napakakaunti ng 16 pixel. Hindi maisasalarawan doon ang pinong linya at maliit na teksto. Pasimplehin ang guhit sa halip na maghanap ng mas mahusay na conversion.
Anong mga laki ang laman ng file?
16, 32, 48, 64, 128 at 256 pixel, bawat isa ay iginuhit muli mula sa SVG, lahat ay may transparency.
Mananatili ba ang transparency?
Oo. Ang background na nakikita sa likod sa SVG ay nakikita rin sa likod sa lahat ng anim na laki ng ICO.
Magagamit ko ba ang file bilang favicon?
Oo. Pangalanan itong favicon.ico, ilagay sa root ng site mo, o i-link mula sa head ng mga pahina mo.
Ina-upload ba ang file ko?
Hindi. Tumatakbo ang conversion sa browser mo at hindi kailanman lumalabas sa device mo ang file.
Makakagawa ba ako ng SVG mula sa icon?
Oo, hanggang sa isang antas. Sinusubaybayan ng ICO sa SVG ang icon bilang mga hugis, bagaman nililimitahan ng maliit na laki ang maibabalik.
Matalinong pagpili kapag kino-convert ang SVG sa ICO
ICO o PNG?
Para sa favicon na gumagana saanman, piliin ang ICO. Para sa mga icon ng app sa telepono at sa mga larawan sa web page, PNG ang karaniwang format. Ibinibigay iyon ng SVG sa PNG.
Isipin ang buong hanay
Kung naghahanda ka ng brand, maaaring kailangan mo ng logo bilang PNG, favicon bilang ICO at bersyong mapi-print bilang PDF. Pinananatili ng SVG sa PDF ang guhit bilang guhit para sa pag-print.
Subukan sa tunay na tab
Tingnan ang icon sa tunay na tab ng browser, sa parehong maliwanag at madilim na tema. Doon ito makikilala ng karamihan.
Pagkuha ng magandang resulta pagkatapos ng conversion
I-clear ang cache ng browser
Matagal na iniingatan ng mga browser ang mga favicon. Kung pinalitan mo ang icon at nakikita mo pa rin ang luma, i-clear ang cache o buksan ang site sa private window.
Suriin ang lahat ng laki
Kung may tool kang nagbubukas ng ICO file, tingnan ang bawat laki. Ang markang maayos sa 256 pixel ay maaaring hindi mabasa sa 16, at sinasabi nito kung dapat kang magpasimple.
Pangalanan nang tama
Naghahanap ang mga browser ng favicon.ico sa root ng site bilang default. Panatilihin ang pangalang iyon maliban kung tahasan mong i-link ang file.
Pagdidisenyo ng markang makaliligtas sa pinakamaliit na laki
Magsimula sa grid na 16 pixel
Ang pinakamaaasahang paraan para makakuha ng magandang resulta kapag kino-convert mo ang SVG sa ICO ay magdisenyo nang nasa isip ang pinakamaliit na laki. Isipin ang grid ng labing-anim sa labing-anim na parisukat at itanong kung ano ang maaari mong ilagay doon. Bilog, titik, simpleng glyph: oo. Lagda, crest na may motto: hindi. Magiging maayos ang mas malalaking laki anuman ang iguhit mo, kaya ang maliit ang hadlang na dapat pagdisenyuhan.
Gumamit ng matitibay na hugis at kaunting kulay
Mas malinaw basahin ang dalawa o tatlong kulay na may malinaw na contrast kaysa sa gradient ng marami. Mas madaling makilala ang mga buong hugis na pumupuno sa karamihan ng parisukat kaysa sa manipis na balangkas, dahil mas maraming bahagi ng marka ang dala ng bawat pixel.
Mag-iwan ng kaunting espasyo
Ang markang dumidikit sa gilid ng parisukat ay maaaring magmukhang siksik, at nagdaragdag ang ilang sistema ng sarili nilang pagbibilog o hangganan. Ang margin na isa o dalawang pixel sa pinakamaliit na laki ay nagpapanatili ng hugis.
Tingnan ito katabi ng ibang icon
Magbukas ng ilang tab ng kilalang site at ihambing. Makikita mong napakasimple ng mga icon na pinakamahusay gumana. Hiramin ang disiplinang iyon bago mo i-convert ang SVG sa ICO, at tatayo ang resulta mo sa gitna ng maraming tab.
Privacy at paghawak
Bakit mahalaga ang lokal na conversion para sa mga guhit
Maaaring kumpidensyal ang mga logo at marka ng brand bago ilathala. Maraming online converter ang nag-a-upload ng file mo sa server, pinoproseso ito at ibinabalik ang resulta, at sa loob ng ilang sandali ay may kopyang nasa makinang hindi mo kontrolado. Dito, ang sarili mong browser ang gumagawa, kaya nananatili sa device mo ang guhit.
Ano ang mangyayari kapag umalis ka
Kapag isinara mo ang pahina, nawawala sa browser ang na-convert na file, kaya i-download muna ito. Walang anumang tungkol sa guhit mo ang itinatago.
Kung may mali
Blangko ang lumabas na icon
Maaaring walang laki o view box ang SVG. Buksan ito sa text editor at tingnan kung may width at height o view box, o ayusin ito sa drawing program mo.
Putol ang icon
May mga elemento ang ilang SVG na lumalampas sa idineklara nilang lugar. Ayusin ang view box sa orihinal para magkasya ang lahat sa loob.
Nagyeyelo ang pahina
Lahat ay tumatakbo sa device mo. Subukan muli sa computer, o gamit ang mas simpleng guhit.
Mga kaugnay na tool
Sinasaklaw ng parehong pamilya ng mga tool ang mga kalapit na gawain. Para sa mga larawan sa mga laking pipiliin mo, gamitin ang SVG sa PNG o SVG sa JPG. Para sa dokumentong nananatiling matalas sa anumang zoom, pinananatili ng SVG sa PDF ang guhit bilang guhit. Para ibalik ang mga larawan bilang hugis, ginagawa ito ng ICO sa SVG, PNG sa SVG at JPG sa SVG.
Isang halimbawang gawain
Sabihin nating nagsimula ka ng maliit na blog, at SVG ang logo mo: berdeng dahon na may pangalan ng blog sa ilalim nito. Ihuhulog mo ang SVG dito at pipindutin ang button. Dumating ang ICO, at sa tab ng browser ay nakikilala ang dahon, ngunit hindi mabasa ang pangalan sa ilalim nito. Binuksan mo ang drawing program mo, gumawa ng bersyong dahon lamang, i-convert muli ang SVG sa ICO at in-upload ang bagong file bilang favicon.ico. Ipinapakita na ngayon ng tab ang malinaw na berdeng dahon, at nananatili sa pahina ang buong logo.
Maikling checklist
Bago mag-convert
Pasimplehin ang guhit. Gawing parisukat ito. Gawing contour ang teksto at i-embed ang mga larawan.
Habang nagko-convert
Manatili sa pahina hanggang handa na ang file.
Pagkatapos mag-convert
Subukan ang ICO sa tab ng browser at sa shortcut, sa maliwanag at madilim na tema, at itago ang SVG.
Mga karaniwang pagkakamali
Paggamit ng buong logo
Nawawala ang letra at pinong detalye sa 16 pixel. Gumamit ng pinasimpleng marka.
Pag-asang aayusin ng mas mahusay na conversion ang magulong guhit
Nasa laki ang kasalanan, hindi sa tool. Pasimplehin ang SVG.
Paglimot sa cache
Maaaring manatili sa browser ang lumang favicon. I-clear ang cache bago ipasya na nabigo ang bago.
Nananatili sa device mo ang guhit mo
Lokal na nangyayari ang conversion. Binabasa ng sarili mong browser ang guhit mo, ipinipinta ito roon at ibinabalik bilang ICO. Walang ina-upload, kaya walang kopyang mapupunta sa server at walang ibang makakakita nito. Para sa mga markang brand na hindi pa nailalathala, iyon ang ligtas na paraan para i-convert ang SVG sa ICO.
Buod
Para i-convert ang SVG sa ICO dito, ihulog ang guhit at pindutin ang button. Ang SVG ay hindi larawan kundi mga tagubilin sa pagguhit nito, at dito ay sinusunod ang mga tagubiling iyon nang isang beses sa bawat laki at sine-save ang mga resulta bilang ICO. Iginuguhit ang larawan sa sandbox kung saan walang anumang nasa file ang makakatakbo, at walang ina-upload. Naglalaman ang file ng anim na laki: 16, 32, 48, 64, 128 at 256 pixel, bawat isa ay iginuhit muli mula sa SVG sa halip na paliitin mula sa isa't isa, at lahat ay may transparency. Ang icon ay hindi maliit na larawan, ibang guhit ito: ang anumang may pinong linya o maliit na teksto ay nagiging malabo sa 16 pixel gaano man kaingat ang pagguhit. Kung mukhang malabo ang resulta, ang sagot ay mas simpleng SVG at hindi mas mahusay na conversion. Hindi naaayos ang mga font at larawang kinukuha mula sa ibang lugar.