Hvis du arbejder med web- eller grafisk design, støder du før eller siden på SVG filer og du opdager, at de er en sand livredder til logoer, ikoner og illustrationer. I Windows er nøglen at vide, hvordan man åbner, viser og redigerer dem uden at spilde tid., uanset om det er fra Stifinder, Office-programmer eller grafikeditorer.
Målet med denne vejledning er at hjælpe dig med at mestre formatet: hvad det er, hvornår det skal bruges, hvordan det konverteres, måder at åbne det på, og vigtigst af alt, hvordan du får forhåndsvisninger og miniaturebilleder direkte i Windows Stifinder. Vi vil også gennemgå nogle nyttige tips og ressourcer til din arbejdsgang.
Hvad er en SVG-fil?
En SVG (Scalable Vector Graphics) er et billede, der beskrives som XML-kode: linjer, kurver og former er defineret med koordinater, ikke pixels. Da det er vektorbaseret, kan du skalere det uden at miste skarphed, hvilket gør den perfekt til logoer og grafik, der bruges i forskellige størrelser.
Indeni finder du elementer som sti, rektangulær eller cirkel, der beskriver figurerne. Stielementet er hovedpersonen i de fleste komplekse illustrationer, da den plotter ruter i enhver retning med millimeterpræcision.
Dette er dens vigtigste fordele:
- SVG'er er lette når de repræsenterer simple grafer med få former.
- Enhver moderne browser forstår dem., såsom Edge, Chrome, Firefox eller Safari.
- Google indekserer dem, selv i billedsøgning., så de ikke straffer din SEO.
- Understøtter animationer og overgange med CSS og JavaScript, noget der er umuligt med en JPG native.
Nu er der en grænse: det er generelt en dårlig idé at konvertere meget detaljerede fotografier eller illustrationer til SVG. Når man vektoriserer komplekse billeder, vokser filen, og nuancer går tabt., hvilket resulterer i en tungere og mindre detaljeret SVG end rasteroriginalen.
Måder at åbne en SVG-fil på din pc
Fordi SVG'er opfører sig som XML-dokumenter, tildeler Windows og macOS dem typisk til browseren. Den hurtigste måde at se dem på er Dobbeltklik og åbn dem i din foretrukne browser. Derfra kan du dog kun se dem; du kan ikke redigere dem.
Hvis du foretrækker at se og røre ved koden, kan du bruge en teksteditor: Notepad++, VS Code, Sublime Text… Du kan redigere attributter, ændre farver med CSS eller justere sti-noder., selvom dette kun er rimeligt for simpel grafik.
Til visuel redigering kan du bruge programmer som Adobe Illustrator, Affinity Designer, Figma, Adobe XD, Gravit Designer eller Inkscape. Disse programmer åbner, ændrer og eksporterer SVG med vektorværktøjer, så du kan tilføje detaljer, fjerne dele eller rekonstruere figurer præcist.
Konverter billeder til SVG (og omvendt) uden overraskelser
Hvis du starter med en PNG eller JPG og ønsker en SVG, kan du vektorisere den med redigeringssoftware. Photopea giver dig for eksempel mulighed for at åbne billeder og eksportere dem til SVG online., selvom kvaliteten, ligesom med andre værktøjer, afhænger af originalens kompleksitet.
Gratis konverteringsværktøjer tilbyder ofte grundlæggende resultater: konturer uden farve eller et forenklet udseende. Dette er normalt, når scenen har gradienter og teksturer., da repræsentation af dem i vektorer ganger filens kompleksitet.
Den omvendte operation (konvertering fra SVG til PNG eller JPG) er mere ligetil: editorerne rasteriserer vektoren til den opløsning, du vælger, uden synligt tab af detaljer. nyttigt, når du har brug for en endelig raster for et miljø, der ikke understøtter SVG.
SVG-miniaturebilleder og forhåndsvisning i Windows Stifinder
En almindelig klage er, at kun det generiske ikon eller det tilhørende appikon vises i Stifinder, ikke tegningens miniaturebillede. For at se forhåndsvisninger i Windows 7 og 10 er SVG Explorer-udvidelsen en letvægtsløsning., en Windows shell-udvidelse med fokus på SVG.
Installer det fra dets officielle GitHub-repository: 'https://github.com/maphew/svg-explorer-extension/releases'. Vælg installationsprogrammet i henhold til dit system (32 eller 64 bit), så codec'en integreres korrekt. i systemets miniaturebillede-cache.
Efter installationen kan du muligvis stadig se ikonerne som før, fordi Windows bevarer den tidligere cache. Et trick, der virker, er midlertidigt at ændre standardapplikationen til at åbne .svgHøjreklik på en SVG > Åbn med > Vælg en anden app, marker 'Brug altid denne app' og vælg f.eks. din browser.
Med denne ændring regenereres cachen, og miniaturebillederne begynder at vises. Hvis du foretrækker at genåbne dem med din sædvanlige editor (Affinity, Illustrator osv.), skal du blot gentage processen. og indstil dit yndlingsprogram som standard igen.
PowerToys: Indbygget forhåndsvisning og miniaturebilleder i Explorer
Hvis du bruger Windows 10 eller 11, microsoft power legetøj Den inkluderer Explorer-tilføjelser, der muliggør forhåndsvisninger og miniaturebilleder af forskellige typer, herunder SVG. Det bedste er, at den integrerer med forhåndsvisningspanelet og med miniaturebillederne uden tredjepartsapps.
For at komme i gang skal du downloade den nyeste version fra GitHub eller via Microsoft Store og fuldføre installationen. Gå til PowerToys-indstillinger og overvej at aktivere administratortilstand. så alle forsyningsvirksomheder fungerer uden begrænsninger.
Gå derefter til File Explorer-sektionen i PowerToys og aktiver forhåndsvisning og miniaturebilleder for SVG. Forhåndsvisningsruden giver dig mulighed for at se indholdet af filen, når du vælger den. uden at åbne yderligere programmer.
PowerToys tilføjer forhåndsvisninger til Markdown, SVG, PDF, G-kode og QOI-formatet, plus en kildekodefremviser med understøttelse af over 150 udvidelser. Dette forvandler Explorer til en en hurtig kode- og dokumentfremviser ud over vektorbilleder.
Kildekodeforhåndsvisningen (baseret på Monaco) giver dig mulighed for at indstille nyttige parametre: aktivere/deaktivere linjeombrydning, forsøge at formatere JSON og XML for at gøre dem læsbare og indstille den maksimale filstørrelse (i KB) til forhåndsvisning. forbedre læsbarheden og forhindre blokeringer med tunge filer.
Hvis forhåndsvisningen ikke vises, skal du kontrollere i Windows Stifinder: Mappeindstillinger > fanen Vis > markere 'Vis forhåndsvisningshåndteringer i forhåndsvisningsruden'. Uden dette afkrydsningsfelt, panelet vil ikke vise noget selvom PowerToys er korrekt konfigureret.
Sådan aktiverer du panelet: I Windows 10 eller 11 skal du åbne Stifinder, gå til Vis og vælge 'Forhåndsvisningspanel'. Når du gør det, vil du se indholdet til højre, når du vælger en kompatibel fil. fra fillisten eller gitteret.
Rediger og indsæt SVG i Microsoft Office
Microsoft 365 Word, PowerPoint, Outlook og Excel understøtter indsættelse og redigering af SVG på Windows, macOS, Android og Windows Mobile. På iOS kan du redigere SVG'er, der allerede er indsat fra en anden platform., selvom mulighederne er mere begrænsede.
Når du har indsat din SVG, kan du styre omridset (kantfarven) ved hjælp af Grafikomrids eller Omrids og vælge mellem forudindstillede fyld og stilarter for at ændre udseendet med et enkelt klik. Hvis ingen af dem passer, skal du vælge en hvilken som helst farve til fyldet og anvende den på hele illustrationen. med et par justeringer.
For komposition i dokumentet bestemmer Ombryd tekst, hvordan indholdet flyder rundt om grafikken. Hvis du overlapper flere objekter, kan du med Arranger flytte dem fremad eller bagud. at stable elementer præcist.
Beskær og Beskær grafik bruges til at definere det synlige område af SVG-filen uden at ændre originalen. Træk blot beskæringsboksen for at indramme det, du er interesseret i, og bekræft. for at beholde den nyttige del.
Størrelse og position giver dig mulighed for at indstille nøjagtige mål og placering på siden. Og glem ikke alt-teksten: tilføj en tilgængelig beskrivelse for skærmlæserbrugere og forbedrer forståelsen af indhold.
Redigeringsprogrammer, arbejdsgang og valg af standardapps
For at oprette eller redigere SVG har du et bredt udvalg: Illustrator, Affinity Designer, Figma, Adobe XD, Gravit Designer eller Inkscape, blandt andre. Alle åbner og redigerer SVG med præcise vektorværktøjerog eksporter til rasterformater, når du har brug for dem.
I Windows har det en indflydelse på din dagligdag, når du knytter .svg-filer til den ene eller den anden app. Under installationen af miniatureudvidelsen er det nyttigt at linke dem til en browser for at opdatere cachen., og gå derefter tilbage til din yndlingseditor, hvis det er der, du rent faktisk arbejder på dem.
Moderne browsere fortolker SVG præcis som dine brugere vil se det på nettet. Det er en hurtig måde at validere CSS-stilarter, farver og streger før det flyttes til det endelige miljø (for eksempel til et WordPress-websted).
Hvis du foretrækker at ændre koden, kan du foretage små forbedringer med en teksteditor: klasser, ID'er, inline-stilarter eller fjerne unødvendige attributter. Disse justeringer reducerer vægten og gør det nemmere at animere eller ændre fra ekstern CSS., især nyttigt i frontend.
Med disse værktøjer og metoder går håndtering af SVG-filer i Windows fra at være en hovedpine til en produktiv fordel: fra at se miniaturebilleder og forhåndsvisninger i Stifinder med PowerToys eller en udvidelse, til at åbne dem med browsere, teksteditorer eller vektorprogrammer, til at bruge dem i Office og deres potentiale for SEO og tilgængelighed. Ved at anvende ovenstående, Du vil opnå hastighed, visuel kvalitet og total kontrol på din grafik.