SVG Grabber opdager alle SVG'er på en webside — inline SVG-elementer, eksterne .svg-filreferencer, SVG-sprites (use/symbol-mønstre) og SVG-data-URI'er. Forhåndsvis hver SVG i forskellige størrelser, tjek transparens mod lyse og mørke baggrunde, kopiér den rå SVG-markup, eller download optimerede SVG-filer.
SVG'er er overalt på moderne websteder — logoer, ikoner, illustrationer, dekorative grafik, datavisualiseringer — men at udtrække dem er overraskende vanskeligt. Inline SVG'er er indlejret direkte i HTML'en og kan ikke gemmes som billede. SVG-sprites bruger use/symbol-referencer, der ikke opløses til selvstændige filer. Eksterne SVG'er indlæst via img src eller CSS kan ikke inspiceres uden at åbne netværksfanen. SVG Grabber håndterer alle disse kilder automatisk. Det scanner DOM'en for inline SVG'er, opløser sprite-referencer til deres komplette symboldefinitioner, finder eksterne SVG-URL'er og dekoder SVG-data-URI'er. Hver SVG vises i et galleri med en live forhåndsvisning, og du kan skifte mellem lyse, mørke og ternede baggrunde for at verificere transparens. Kopiér den rå SVG-kode til inline i dine komponenter, eller download SVG'en som en fil klar til brug i dit projekt.
Finder SVG'er fra alle kilder på siden: inline svg-elementer i DOM'en, eksterne .svg-filer indlæst via img- eller object-tags, CSS background-image SVG'er, use/symbol sprite-referencer (opløst til komplette SVG'er) og base64 data URI-kodede SVG'er.
Forhåndsvis hver SVG i forskellige størrelser (original, 2x, 4x) mod tre baggrunde: mørk, lys (hvid) og ternet. Det ternede mønster afslører transparensområder, der kan være usynlige på en enkeltfarvet baggrund.
Klik Kopiér SVG for at få den komplette SVG-markup — viewBox, stier, grupper og alle attributter inkluderet. Indsæt direkte i din HTML, JSX, Vue-skabelon eller SVG-sprite-fil. Koden er ren og korrekt formateret.
Download individuelle SVG'er som .svg-filer med korrekte XML-deklarationer og kodning. Filer navngives baseret på SVG'ens ID, klassenavn eller aria-label — ikke generiske download.svg-navne.
Hver SVG viser sin kildetype (inline, ekstern, sprite, data-URI), viewBox-dimensioner, filstørrelse og hvor i DOM'en den blev fundet. Nyttigt til at forstå, hvordan webstedet implementerer sin SVG-strategi.
Når en side bruger SVG-sprites med use href-referencer, opløser SVG Grabber hver reference til den komplette symboldefinition — og giver dig den fulde selvstændige SVG, ikke bare use-elementet.
Besøg et websted med et godt ikonsystem, og tag hele SVG-ikonsættet. SVG Grabber finder ikoner i sprites, inline SVG'er og eksterne filer — og samler det komplette ikonbibliotek uanset hvordan det er implementeret.
Har du brug for en virksomheds SVG-logo til en partnerskabsside, casestudie eller pressekit? De fleste logoer på moderne websteder er SVG'er. SVG Grabber finder og udtrækker dem i original vektorkvalitet — uendeligt skalerbare.
Studerer du, hvordan produktionswebsteder implementerer komplekse SVG-illustrationer, animationer eller datavisualiseringer? Kopiér den rå SVG-kode for at inspicere, hvordan stier er struktureret, hvordan viewBox er konfigureret, og hvordan CSS-animationer anvendes.
Skifter du til et nyt ikonsystem? Tag SVG'er fra referencewebstedet, og drop dem ind i dit SVG-sprite- eller komponentbaserede ikonsystem. Ren SVG-kode med korrekte viewBox-værdier klar til integration.
Gennemse hvordan SVG'er er implementeret på dit websted — er de inline (godt til manipulation), eksterne (godt til caching) eller sprites (godt til effektivitet)? SVG Grabber viser kildetypen for hver SVG og hjælper dig med at optimere din SVG-strategi.
Åbn den flydende DevSuite Pro-dock, og klik på SVG Grabber-ikonet. Værktøjet scanner siden for alle SVG-kilder og bygger galleriet.
Et gitter med SVG-miniaturebilleder vises med alle SVG'er fundet på siden. Hver post viser SVG-navn, kildetype og viewBox-dimensioner.
Klik på en SVG for at åbne en større forhåndsvisning. Skift mellem mørke, lyse og ternede baggrunde. Ændr størrelse på forhåndsvisningen for at se, hvordan SVG'en skalerer.
Klik Kopiér SVG for at få den rå markup til inline i din kode, eller Download for at gemme den som en selvstændig .svg-fil på din enhed.
Naviger tilbage til galleriet for at udforske flere SVG'er. Tællemærket viser det samlede antal fundet på siden.
Installer DevSuite Pro gratis og lås opp 39+ utviklerverktøy for nettleseren din.
