IT365 Verktygslåda

SVG-visare (batchvy av flera filer)

Snabbt batchförhandsgranska flera SVG-filers visningseffekter, stöder filtrering och inzoomning för visning, stöder SVG-konvertering till bildnedladdning transparent PNG, kodkopiering och enklicks ZIP-exportpaketering.

{{ toast.text }}

Dra SVG-filer eller mappar hit, eller klicka på Välj fil

Stöder att dra in flervalsfiler och att dra hela mappar med underkataloger direkt

Det finns ännu inga SVG-filer att importera. Vänligen välj eller dra filer ovanför för batchförhandsgranskning och filtrering

Filtrerat: {{ filteredFiles.length }} / Totala {{ files.length }} filer Selected: {{ selectedCount }} items Vald storlek: {{ selectedTotalSizeStr }}
{{ file.name }} {{ file.sizeStr }}
Förhandsvisning Filnamn Storlek Drift
{{ file.name }}
{{ file.sizeStr }}

{{ previewModal.file.name }}

Filstorlek: {{ previewModal.file.sizeStr }}

Batchimport, förhandsgranskning på andra nivån samt multidimensionell filtrering och organisering för att välja de SVG-resurser du behöver

Ett snabbt och effektivt batchförhandsgranskning och filtreringsverktyg för SVG-filer designat för utvecklare och UI-designers. Är det för långsamt att manuellt öppna SVG-filer en efter en? Prova detta verktyg – det kan hjälpa dig att snabbt förhandsgranska och filtrera de SVG-filer du vill ha. Om du bara behöver se en SVG-fil är denna visare mer lämplig: SVG-visaren, stöder zoom/helskärmsvisning

Hur man massvisar/förhandsgranskar SVG-filer

1
01

Resursintroduktion

Dra flera SVG-filer, eller till och med mappar med flernivå-underkataloger, till importområdet, eller klicka helt enkelt på knappen för att multi-välja import.

2
02

Gratis förhandsvisning

Ett klick växlar mellan rutnät och listvy, oändligt justerbar förhandsvisningsstorlek (16px - 512px), intelligent schackbrädsjämförelsedisplay.

3
03

Intelligent filtrering

Genom att använda oklara sökningar med nyckelord eller bara visa utvalda objekt kan du omedelbart filtrera och hitta mål bland hundratals eller tusentals ikoner.

4
04

Enklicksbehandling

Tryck på den flytande kontrollfältet för att snabbt kopiera kod, extrahera filnamn, ladda ner originalbilder direkt eller förhandsgranska fullskärmsbilder i högupplöst högupplöst förlust.

5
05

Batchexport

Efter att ha valt önskad ikon kan du ladda ner SVG/transparenta PNG-filer separat, eller behålla mapphierarki och paket ZIP för export med ett klick.

Hur man batchförhandsgranskar och väljer SVG-ikonikoner du vill ha med ett stort antal SVG-filer

Noggrant förfinade högpresterande funktioner hjälper dig att snabbt granska, konvertera och organisera dina önskade tillgångar bland hundratals eller tusentals SVG:er

Irritationen med vanliga SVG-filläsare

  • Ingen direkt förhandsvisning: Som standard kan Windows Utforskaren inte förhandsgranska SVG-miniatyrbilder; du ser bara standardikonerna i webbläsaren, vilket gör det omöjligt att tydligt se vilka ikoner som finns inuti.
  • Att öppna varje ikon en efter en är extremt ineffektivt: För att hitta din favoritikon bland en hög nedladdade SVG:er måste du dubbelklicka på varje ikon i en webbläsare eller designprogramvara, vilket är tidskrävande och arbetskrävande.
  • Kodutvinning är extremt tidskrävande: för att använda en viss SVG i frontend-kod måste du först öppna den med en textredigerare, manuellt markera och kopiera den extremt långa XML-källkoden, och sedan klistra in den i projektet igen.
  • Formatkonvertering och organisering är besvärligt: När man skickar ikoner till verksamheten eller produktkollegor utan professionell programvara är det extremt komplicerat att manuellt konvertera dem lokalt till transparent PNG eller exportera och paketera dem som ZIP-filer.

SVG-visaren löser grundligt utvecklings- och designproblem

  • Lokal förhandsvisning av omedelbar tiling: Dra hela ikonmappen direkt in i förhandsvisningen och lägg ut över hundra SVG-ikoner direkt. Klassisk kontrast med transparent rutnät, växlar mellan mörka och ljusa bakgrunder – det du ser är vad du får.
  • Intelligent fuzzy search och filtrering: Stöder snabba filnamnsfuzzy sökningar och filtrering genom att mata in namn, stöder "bara kryssa i rutan" och lokaliserar omedelbart mål i ett enormt ikonbibliotek.
  • Extremt användarvänlig utvecklingsprocess: extrahera filnamn med ett enda musklick eller kopiera hela SVG-koden (XML) med ett klick, vilket gör kopiera-klistra-in-operationerna smidiga.
  • Multidimensionell förlustfri transkodning och paketering: stöder enklicksrendering och nedladdning av PNG med transparenta bakgrunder, individuell nedladdning av modifierad SVG eller enklickspaketering av ZIP-export samtidigt som den ursprungliga mapphierarkin bevaras.

Gratis online SVG-visare

Du behöver inte ladda ner eller installera någon klient – öppna bara din webbläsare och njut av den kraftfulla SVG-batchimport- och förhandsgranskningstjänsten gratis när som helst och var som helst.

Ultimat och snabb batchförhandsvisning

Genom att använda avancerad lokal filströmsanalysteknik kan parsing och smooth rendering preview göras omedelbart även om hundratals SVG-resurser importeras samtidigt.

Ändra fritt förhandsvisningsstorleken

Stöder steglösa justeringsintervall från 16px till 512px och erbjuder vanliga genvägsstorlekar för att enkelt anpassa sig till olika design- och utvecklingsstandarder.

Batchfråga och filtrera SVG-ikoner

Stöder högprecisionssökningar med fuzzy efter filnamn och endast kontrollstatus, och filtrerar och extraherar omedelbart dina målresurser från ett enormt ikonbibliotek.

100 % lokalt säkrad hantering

All filparsning och rendering sker i din lokala webbläsare; data laddas aldrig upp till servern, utan risk för integritetsläckor och med bekymmersfri säkerhet.

Behåll mapphierarkier

Stöder perfekt att direkt dra mappar med flernivåunderkataloger och att helt återställa den ursprungliga filkatalogstrukturen vid batchpaketering och export av ZIP-filer.

Dubbeltema-kontrast och anpassning

Ger ett klick att växla mellan ljus och mörk lägen, tillsammans med en klassisk transparent rutnätsbakgrund, vilket gör både ljusa och mörka SVG-färger tydligt urskiljbara i alla lägen.

Utvecklareffektivitetsdesign

Erbjuder enklickskopiering av SVG-källkod (XML), enklickskopiering av filnamn och snabba operationer, vilket perfekt påskyndar daglig frontendutveckling och UI-designflöden.

Batchexport i flera format

Stöder fritt multi-select ikoner, stöder batchexport av original-SVG, intelligent generering och export av transparent PNG-format, eller ett-klick-paketering som ZIP-format.