Pretvornik SVG v ikono
En vektorski logotip lahko napolni vsa mesta za ikone: favicon, bližnjico v sistemu Windows, aplikacijo za Mac in ikone zaganjalnika na telefonih. Stran se začne z ICO z več velikostmi, za druge platforme pa lahko preklopite na ICNS ali PNG.
Pretvornik slik
ali spustite datoteke JPG, JPEG, JPE … sem ·
Največ 95 MB na datoteko· Do 20 datotek· Izbrisano po 30 minutah
Datoteke se obdelajo na naših strežnikih in izbrišejo po 30 minutah.
85 ohrani fotografije vizualno enake izvirniku. Znižajte jo le, če potrebujete manjšo datoteko.
JPG, BMP in EPS nimajo prosojnosti. Prosojni piksli se zapolnijo s to barvo.
Šestnajstiška barva za prosojnimi piksli, npr. #FFFFFF.
Ta oblika hrani samo eno sliko. Izberite izhod GIF ali WebP, če želite ohraniti animacijo.
Ikona z več velikostmi vsebuje več ločljivosti v eni datoteki; brskalniki in operacijski sistemi izberejo tisto, ki jo potrebujejo.
Ohranite izvirne dimenzije ali vnesite eno stranico in razmerje stranic se ohrani.
Piksli za zgoraj izbrano stranico.
Odstotek izvirnih dimenzij.
sRGB je pravi za zaslone in splet. Za delovne postopke tiskanja ohranite izvirnik; sivine zavržejo barvo.
Samo metapodatek, 0 ohrani izvirno vrednost. Tiskalniki in nekateri portali preberejo to število; ne spremeni dimenzij v pikslih.
Kako uporabljati to orodje
- 1
Naložite kvadratni SVG
Dodajte SVG svojega znaka, po možnosti s kvadratnim viewBox. Naenkrat lahko dodate do 20 datotek, na primer svetlo in temno različico.
- 2
Izberite format ikone
Vnaprej je izbran ICO z nastavitvijo Velikosti ikon na Vse velikosti (16–256). Za macOS izberite ICNS pod Pretvori v, za ikono telefona ali trgovine pa PNG s širino pod Spremeni velikost izhodne slike.
- 3
Pretvorite in namestite datoteke
Pritisnite Pretvori v ICO (oznaka sledi izbranemu formatu), prenesite datoteke in vsako postavite tja, kjer jo pričakuje platforma.
Enotnega formata ikon ni. Windows in brskalniki uporabljajo ICO, macOS uporablja ICNS, telefoni pa komplete PNG-jev. Če izhajate iz SVG, je vsaka ikona na novo izrisana iz vektorja in ostra pri vsaki velikosti.
SVG v ikono: en vektor, tri vrste datotek ikon
Datoteka ikone je vsebnik majhnih bitnih slik, ne vektor. Operacijski sistem izbere sliko, ki je najbližja potrebni velikosti, zato ima dobra ikona več slik, vsako izrisano za svojo mrežo.
Prednastavitev ICO na tej strani zapiše eno datoteko z vsemi velikostmi od 16 do 256 px, kar pokrije favicon.ico in bližnjice v Windows. Za Applov vsebnik ikon preklopite Pretvori v na ICNS, za posamezne velikosti, ki jih zahtevajo Android, iOS in trgovine z aplikacijami, pa na PNG.
Tabela navaja, kaj večje platforme določajo za svoja mesta ikon.
| Organizacija | Zahteva | Vir |
|---|---|---|
| Namizje in opravilna vrstica v Windows | ICO z več velikostmi, vključno s 16, 32, 48 in 256 px | — |
| Favicon spletne strani | favicon.ico v korenu strani s 16, 32 in 48 px; PNG 180 × 180 px za apple-touch-icon | — |
| Ikona aplikacije za macOS | ICNS ali katalog virov Xcode, velikosti do 1024 × 1024 px | — |
| Vnos v trgovini Google Play | 32-bitni PNG 512 × 512 px, do 1.024 KB | — |
| Apple App Store | PNG 1024 × 1024 px brez prosojnosti | — |
SVG
Scalable Vector Graphics
SVG je vektorska oblika na osnovi XML, ki jo je W3C standardiziral leta 2001. Namesto pikslov opisuje oblike, poti in besedilo, zato ostane ostra pri vsaki velikosti, za logotipe in ikone pa je običajno majhna. Podpira prosojnost, slogovanje CSS, skripte in animacijo, vsak brskalnik pa jo prikaže izvorno. SVG ni primeren za fotografije, zapletene ilustracije pa se lahko počasi izrisujejo. Odprejo in urejajo ga lahko Illustrator, Inkscape, Figma in brskalniki.
- Stiskanje
- –
- Prosojnost
- Da
- Animacija
- Da
- Uvedeno
- 2001 · W3C
ICO
Ikona Windows
ICO je Microsoftova oblika ikon, ki se uporablja za ikone programov v sistemu Windows in favicone spletnih strani. Ena datoteka .ico lahko vsebuje več slik različnih velikosti, na primer 16×16, 32×32, 48×48 in 256×256 pikslov, zato sistem izbere najboljšo. Vsaka slika je lahko shranjena kot bitna slika ali podatki PNG in podpira polno alfa prosojnost. ICO ni namenjen fotografijam ali večjim slikam. Preberejo ga brskalniki, Windows in večina urejevalnikov ikon.
- Stiskanje
- Brez izgube kakovosti
- Prosojnost
- Da
- Animacija
- Ne
- Uvedeno
- Microsoft
Ljudje iščejo SVG v ikono, ko imajo en vektorski logotip in več platform, vsaka s svojim vsebnikom ikon, od favicon.ico na spletni strani do ICNS na Macu in PNG-jev določenih velikosti v trgovinah z aplikacijami.
Pretvorite SVG v datoteke ikon za Windows, Mac, Android in iOS
Obdržite ICO in Velikosti ikon na Vse velikosti. Rezultat preimenujte v favicon.ico za koren spletne strani ali ga izberite v pogovornem oknu Spremeni ikono pri bližnjici v Windows.
- Ena datoteka .ico služi zavihkom, zaznamkom in opravilni vrstici
- Dodajte PNG 180 px za zaznamke na začetnem zaslonu iPhona
Pod Pretvori v izberite ICNS. Datoteka vsebuje velikosti do 256 px; za paket aplikacije izvozite tudi PNG-ja 512 in 1024 px za Xcode.
- Uporabite kvadratni SVG z nekaj roba
- Applove ikone stojijo na zaobljenem kvadratu; narišite ga v SVG, če želite tak videz
Izberite PNG in nastavite širino pod Spremeni velikost izhodne slike, enkrat za vsako velikost. Vnosi v trgovinah zahtevajo 512 px za Google Play in 1024 px za App Store.
- Prilagodljive ikone Android uporabljajo plasti 108 dp z varnim območjem 72 dp
- Iz ikone za App Store odstranite prosojnost
Kako oblikovati SVG, ki ostane berljiv pri 16 px
Ikona 16 × 16 px ima skupaj 256 pikslov. Večina znamk ima ločen znak ikone, pogosto le simbol ali eno črko, z drznimi oblikami in malo barvami; če vaš še ne obstaja, naredite poenostavljeno kopijo SVG za ikone.
Pred pretvorbo preverite viewBox. Širok viewBox ustvari ikono s praznima pasovoma nad znakom in pod njim, zato ga najprej obrežite v kvadrat; vodnik o obrezovanju slike na razmerje pokriva kvadratno obrezovanje, SVG v PNG pa hitro prikaže velik predogled za oceno zasnove.
Pogosta vprašanja o pretvorbi SVG v ikono
Kakšna je razlika med to stranjo in pretvorbo SVG v ICO?
SVG v ICO se osredotoča na eno samo datoteko .ico za favicone in Windows. Ta stran zajema vsa mesta, kamor sodi ikona, vključno z macOS ICNS in PNG-ji s fiksnimi velikostmi, ki jih zahtevajo Android, iOS in trgovine z aplikacijami.
Kateri format ikon uporablja posamezen operacijski sistem?
Windows bere ICO, macOS bere ICNS ali kataloge virov, narejene v Xcodu, Android in iOS pa sprejmeta slike PNG v fiksnih velikostih v pikslih.
Ali lahko z eno pretvorbo dobim vse velikosti PNG za svojo aplikacijo?
Ne. PNG vsebuje eno velikost, zato vsaka pretvorba zapiše eno širino. Pri Spremeni velikost izhodne slike nastavite eno velikost, pretvorite, nato spremenite število in pretvorite znova; vsaka velikost je ostro izrisana iz vektorja.
Ali ICNS s te strani pokrije ikone za zaslone Retina na Macu?
Vsebuje velikosti od 16 do 256 px. Sodobne ikone aplikacij za macOS vključujejo tudi vnose 512 px in 1024 px za zaslone Retina, ki jih Xcode ali Applov iconutil sestavita iz PNG-jev; ti dve velikosti izvozite tukaj kot PNG in ju dodajte v komplet.
Ali naj ima ikona prosojno ozadje?
Za ICO, ICNS in plasti zaganjalnika Android da: prosojnost sistemu omogoča, da nariše lastno ozadje. Izjema je ikona za iOS App Store; Apple zavrne tržno ikono 1024 px z alfa kanalom, zato tej PNG-ju v SVG dodajte polno ozadje.
Zakaj se moj podroben logotip kot majhna ikona spremeni v packo?
Pri 16 ali 32 px ni prostora za tanke črte ali majhno besedilo. Odebelite poteze, tako da pri najmanjši velikosti pokrivajo vsaj en cel piksel, in opustite besedni znak.
Več pretvornikov ikon
- Pretvornik SVG v ICOPretvorite SVG v ICO z vsemi velikostmi od 16 do 256 px iz vektorja in ohranjeno prosojnostjo. Iz logotipa naredite favicon.ico ali ikono za Windows.
- Pretvornik PNG v ICNSPretvorite PNG v ikono Apple .icns za aplikacije, skripte, nosilce DMG in mape na Macu. Več velikosti, ohranjena prosojnost, brez Xcode.
- Pretvornik SVG v PNGPretvorite logotipe in ikone SVG v PNG s širino po izbiri (privzeto 1024 px) in ohranjenim prosojnim ozadjem. Kako je DPI povezan s piksli.
- Pretvornik slik v ICOPretvorite sliko v .ico z več velikostmi za favicon ali bližnjico v Windows. Sprejme PNG, JPG, SVG, WebP, HEIC in več; 16 do 256 px v eni datoteki.
- Pretvornik ICNS v PNGPretvorite ikone macOS .icns v PNG na spletu. Shrani se največja slika v naboru, do 1024 × 1024 px, s prosojnostjo. Deluje tudi v sistemu Windows.
- Pretvornik PNG v ICOPretvorite PNG v ICO na spletu: ena datoteka .ico z vsemi velikostmi od 16 do 256 px, s prosojnostjo. Za favikone in Windows. Brezplačno.