SVG til ikon-konverter

Q: Hvad er forskellen på denne side og SVG til ICO?

[SVG til ICO](/svg-to-ico) fokuserer på den enkelte .ico-fil til favicons og Windows. Denne side dækker alle steder, et ikon bruges, herunder macOS ICNS og de PNG-filer i faste størrelser, som Android, iOS og app-butikker kræver.

Ét vektorlogo kan dække alle de ikoner, du har brug for: et favicon, en genvej i Windows, en Mac-app og app-ikonerne på telefoner. Denne side starter med en ICO i flere størrelser, og du kan skifte til ICNS eller PNG til de andre platforme.

eller slip JPG, JPEG, JPE …-filer her ·

Maks. 95 MB pr. fil· Op til 20 filer· Slettes efter 30 minutter

Output

Konvertér til

Filer behandles på vores servere og slettes efter 30 minutter.

Sådan bruger du værktøjet

1
Upload en kvadratisk SVG
Tilføj SVG-filen med dit logo, helst med en kvadratisk viewBox. Du kan tilføje op til 20 filer ad gangen, f.eks. en lys og en mørk udgave.
2
Vælg ikonformatet
ICO med Ikonstørrelser sat til Alle størrelser (16–256) er forvalgt. Vælg ICNS under Konvertér til til macOS, eller PNG med en bredde under Skift størrelse på outputbilledet til et telefon- eller butiksikon.
3
Konvertér og placer filerne
Tryk på Konvertér til ICO (teksten følger det format, du har valgt), download, og læg hver fil dér, hvor platformen forventer den.

Der findes ikke ét enkelt ikonformat. Windows og browsere bruger ICO, macOS bruger ICNS, og telefoner bruger sæt af PNG-filer. Når du starter fra SVG, tegnes hvert ikon på ny ud fra vektoren og er skarpt i hver størrelse.

SVG til ikon: én vektor, tre slags ikonfiler

En ikonfil er en beholder med små bitmaps, ikke en vektor. Operativsystemet vælger det bitmap, der ligger tættest på den størrelse, det skal bruge, så et godt ikon har flere, hver tegnet til sit eget gitter.

ICO-forvalget på denne side skriver én fil med alle størrelser fra 16 til 256 px, hvilket dækker favicon.ico og Windows-genveje. Skift Konvertér til til ICNS for en Apple-ikonbeholder, eller til PNG for de enkelte størrelser, som Android, iOS og app-butikker kræver.

Tabellen viser, hvad de store platforme angiver for deres ikonpladser.

De ikonfiler, hver platform forventer
Organisation	Krav	Kilde
Windows-skrivebord og proceslinje	ICO med flere størrelser, herunder 16, 32, 48 og 256 px	—
Websteds-favicon	favicon.ico i sidens rod med 16, 32 og 48 px; en PNG på 180 × 180 px til apple-touch-icon	—
macOS-appikon	ICNS eller Xcode asset catalog, størrelser op til 1024 × 1024 px	—
Google Play-butiksside	512 × 512 px 32-bit PNG, op til 1.024 KB	—
Apple App Store	1024 × 1024 px PNG uden gennemsigtighed	—

SVG

Scalable Vector Graphics

SVG er et XML-baseret vektorformat, som W3C standardiserede i 2001. I stedet for pixels beskriver det former, stier og tekst, så det forbliver skarpt i enhver størrelse og som regel er meget lille til logoer og ikoner. Det understøtter gennemsigtighed, CSS-styling, scripting og animation, og alle browsere gengiver det direkte. SVG egner sig ikke til fotografier, og komplekse illustrationer kan blive langsomme at gengive. Illustrator, Inkscape, Figma og browsere kan åbne og redigere det.

Komprimering: –
Gennemsigtighed: Ja
Animation: Ja
Introduceret: 2001 · W3C

SVG-konverter

ICO

Windows-ikon

ICO er Microsofts ikonformat, der bruges til programikoner i Windows og favicons på websteder. Én .ico-fil kan indeholde flere billeder i forskellige størrelser, f.eks. 16×16, 32×32, 48×48 og 256×256 pixel, så systemet kan vælge den bedste. Hvert billede kan gemmes som bitmap eller som PNG-data og understøtter fuld alfagennemsigtighed. ICO er ikke beregnet til fotos eller stor grafik. Browsere, Windows og de fleste ikonredigeringsprogrammer kan læse det.

Komprimering: Uden tab
Gennemsigtighed: Ja
Animation: Nej
Introduceret: Microsoft

ICO-konverter

Folk søger efter SVG til ikon, når de har ét vektorlogo og flere platforme at betjene, hver med sin egen ikonbeholder, fra favicon.ico på et websted til ICNS på en Mac og PNG-filer i bestemte størrelser i app-butikker.

Konvertér SVG til ikonfiler til Windows, Mac, Android og iOS

Behold ICO og Ikonstørrelser på Alle størrelser. Omdøb resultatet til favicon.ico til et websteds rod, eller peg på det i dialogen Skift ikon for en Windows-genvej.

Én .ico dækker faner, bogmærker og proceslinjen
Tilføj en PNG på 180 px til bogmærker på iPhones hjemmeskærm

Sådan designer du en SVG, der holder ved 16 px

Et ikon på 16 × 16 px har i alt 256 pixels. De fleste brands har et separat ikonmærke, ofte blot symbolet eller ét bogstav, med kraftige former og få farver. Hvis dit ikke findes endnu, så lav en forenklet kopi af SVG-filen til ikoner.

Tjek viewBox, før du konverterer. En bred viewBox giver et ikon med tomme bånd over og under motivet, så beskær den til et kvadrat først. Guiden om at beskære et billede til et billedformat dækker kvadratiske beskæringer, og SVG til PNG giver et hurtigt stort eksempel til at vurdere designet.

Ofte stillede spørgsmål om SVG til ikon

Hvad er forskellen på denne side og SVG til ICO?

SVG til ICO fokuserer på den enkelte .ico-fil til favicons og Windows. Denne side dækker alle steder, et ikon bruges, herunder macOS ICNS og de PNG-filer i faste størrelser, som Android, iOS og app-butikker kræver.

Hvilket ikonformat bruger de enkelte styresystemer?

Windows læser ICO, macOS læser ICNS eller asset catalogs bygget i Xcode, og Android og iOS bruger PNG-billeder i faste pixelstørrelser.

Kan jeg få alle PNG-størrelser til min app i én konvertering?

Nej. En PNG indeholder én størrelse, så hver konvertering giver én bredde. Sæt Skift størrelse på outputbilledet til én størrelse, konvertér, skift tallet og konvertér igen. Hver størrelse tegnes skarpt ud fra vektoren.

Dækker ICNS-filen fra denne side Retina-ikoner til Mac?

Den indeholder størrelser fra 16 op til 256 px. Nuværende macOS-appikoner har også poster på 512 px og 1024 px til Retina-skærme, som Xcode eller Apples iconutil bygger ud fra PNG-filer. Eksportér de to størrelser som PNG her, og føj dem til sættet.

Skal ikonet have gennemsigtig baggrund?

For ICO, ICNS og Androids launcher-lag: ja, gennemsigtighed lader systemet tegne sin egen baggrund. iOS App Store-ikonet er undtagelsen. Apple afviser et marketingikon på 1024 px med alfakanal, så giv den PNG en ensfarvet baggrund i SVG-filen.

Hvorfor bliver mit detaljerede logo til en klat som lille ikon?

Ved 16 eller 32 px er der ikke plads til tynde streger eller lille tekst. Gør stregerne tykkere, så de dækker mindst én hel pixel i den mindste størrelse, og drop logotypen med tekst.