Hoppa till innehållet

SVG – säkert, skarpt och i rätt färg

SVG Support

SVG Support låter dig ladda upp SVG-bilder och rensar varje fil från allt som kan köra kod. Pro bestämmer per bild hur den visas, låter färgen följa texten – även i mörkt läge – och visar exakt vad som togs bort ur varje fil.

  • Gratis att använda
  • Fungerar fullt ut utan Pro
  • Pronär du vill ha mer

I WordPress heter tillägget Datoden SVG Support – i menyn DT-addons står det som DT-svg-support.

SVG som följer textenSVG-ikoner som följer textens färg i ljust och mörkt läge, blocket SVG-ikon och rensningsloggen.Ljust lägeMörkt lägeInline – färgen följer textenProBlocket SVG-ikonProStorlek 48 pxFärgen följer texten[datoden_svg id="123"]RensningsloggPrologo.svgskript borttagetikon-mejl.svgrenbanner.svgstoppad
Säkra SVG-filer – med Pro ikoner som följer textens färg, blocket SVG-ikon och en rensningslogg.

Så fungerar SVG Support

WordPress tillåter inte SVG-filer, eftersom en SVG-fil kan innehålla kod. DT-svg-support tillåter dem för de roller du väljer och rensar varje fil innan den sparas, så att bara själva bilden blir kvar. Bilderna får rätt bredd och höjd och kan visas inline, så att de kan färgas med CSS.

Uppladdning för valda roller

Under Uppladdning bockar du för vilka roller som får ladda upp SVG-filer – från början administratörer och redaktörer. Varje fil kontrolleras när den kommer, och en fil som inte är en riktig SVG-bild stoppas.

Rensning av varje fil

Med Rensa varje fil behålls bara kända SVG-element. Skript, händelser som onclick, javascript:-länkar, dold HTML, externa resurser och skadlig CSS tas bort, och bilden ser likadan ut. Gör filerna mindre tar dessutom bort kommentarer och redigeringsdata från till exempel Illustrator, Inkscape och Figma.

Rätt bredd och höjd

Bredd och höjd läses ur filen, så att sidan inte hoppar medan den laddas. Logotyper, utvalda bilder och förhandsvisningar i mediebiblioteket fungerar som med andra bilder. Packade .svgz-filer packas upp till .svg.

Inline-SVG

Under Inline-SVG väljer du Av, Bilder med klassen (style-svg från början) eller Alla SVG-bilder. Bilden byts då mot sin kod på sidan, på servern och utan JavaScript, så att färgerna kan följa temat eller ändras med CSS. En bild med klassen no-inline lämnas alltid som bild.

Kontroll av befintliga filer och flytt från SVG Support

Kontrollera filerna går igenom SVG-filerna i mediebiblioteket, ger äldre filer sin storlek och hittar filer med innehåll som inte ska finnas där. De kan rensas med ett klick, och originalen sparas i wp-content/uploads/dt-svg-backup/. Är SVG Support installerat tar en knapp över dess inställningar och stänger av det.

Visning per bild – färgen följer texten Pro

I mediebiblioteket får varje SVG fältet På sidan: Som inställningen, Inline, Inline – färgen följer texten eller Alltid som bild. Med Inline – färgen följer texten får bilden samma färg som texten runt den, även i mörkt läge, utan att du skriver någon CSS. Valet gäller överallt där bilden används.

Blocket SVG-ikon och kortkoden [datoden_svg] Pro

I blockredigeraren väljer du en SVG i blocket SVG-ikon och ställer in storlek, färg eller Färgen följer texten, och vad bilden visar för skärmläsare. Samma sak fungerar i teman och sidbyggare med kortkoden [datoden_svg].

Rensningslogg Pro

Rensningsloggen på inställningssidan visar de 50 senaste uppladdade SVG-filerna: vem som laddade upp, vad som togs bort och vilka filer som stoppades. Samma uppgift står under Rensad i varje bilds detaljer.

Så ser det ut

Allt utan Pro-märkning fungerar gratis. Det som är märkt Pro ingår i Pro-versionen.

Uppladdning och rensningInställningen Uppladdning med rollerna Administratör och Redaktör ibockade, reglagen Rensa varje fil och Gör filerna mindre, och två nyss uppladdade filer: en rensad och en som stoppades.UppladdningVilka som får ladda upp SVG-filer – varje fil kontrolleras när den kommer in.RollerAdministratörRedaktörFörfattareMedarbetareRensa varje filSkript, händelser, länkar och dold HTMLtas bort – bilden ser likadan ut.Gör filerna mindreKommentarer och data från ritprogram(Illustrator, Inkscape, Figma …)Uppladdat nyssikon-telefon.svg3 saker borttagnafaktura.svgInte en giltig SVG-bild
Välj vilka roller som får ladda upp SVG – varje fil kontrolleras, rensas och kan göras mindre innan den sparas.
Före och efter rensningenKoden i logo.svg före rensningen med ett skript, en onclick-händelse och en javascript-länk markerade, samma fil efter rensningen, och fältet Rensad i bildens detaljer med tre saker borttagna.Rensning av varje fillogo.svg – före3 hittade<svg viewBox="0 0 64 64"><script>fetch(…)</script><path d="M8 56L32 8…" onclick="steal()"/><a href="javascript:…"></svg>logo.svg – efterRen<svg viewBox="0 0 64 64"><path d="M8 56L32 8…"/></svg>Bilden ser likadan utRensadProI bildens detaljer3 saker borttagna: <script>, onclick, <a>
Skript, händelser och farliga länkar tas bort och bilden ser likadan ut – med Pro står det i bildens detaljer vad som togs bort.
Visning per bildBilden ikon-mejl.svg i mediebiblioteket med fältet På sidan öppet och Inline – färgen följer texten valt, kontaktuppgifter där ikonerna har samma färg som texten bredvid, och listan Bilder med eget val.Visning per bildProikon-mejl.svgSVG · 24 × 24Rensad: inget togs bortPå sidanSom inställningenInlineInline – färgen följer textenAlltid som bildKontakta ossinfo@example.seStorgatan 12, ÖrebroIkonen får textens färgBilder med eget valikon-mejl.svgInline – färgen följer textenlogo.svgAlltid som bild
Välj per bild hur den visas – med Pro följer ikonens färg texten, även i mörkt läge, utan någon CSS.
Befintliga SVG-filerKortet SVG-filer i mediebiblioteket efter Kontrollera filerna: 24 kontrollerade, 6 fick sina mått och 2 att rensa, knappen Rensa 2 filer, och kortet Flytta från SVG Support med knappen Ta över och stäng av SVG Support.SVG-filer i mediebiblioteketGer äldre filer sina mått och hittar innehåll som inte hör hemma där.24kontrollerade6fick sina mått2att rensaKontrollera filernaRensa 2 filerOriginalen sparas i wp-content/uploads/dt-svg-backup/Flytta från SVG SupportSVG Support är igångEtt klick tar över inställningarna och stänger av det.Ta över och stäng av SVG Support
Kontrollera SVG-filerna som redan finns – äldre filer får sina mått, farliga rensas, och inställningarna från SVG Support tas över.

Kom igång

Efter installationen – så ställer du in SVG Support.

  1. Öppna DT-svg-support

    Gå till DT-addons → DT-svg-support i WordPress-menyn. Ändringar sparas direkt.

  2. Välj vem som får ladda upp

    Bocka för rollerna under Uppladdning och låt Rensa varje fil vara på. Slå bara av rensningen om alla som laddar upp är betrodda.

  3. Kontrollera befintliga filer

    Finns det redan SVG-filer på webbplatsen, klicka Kontrollera filerna. Kom du från SVG Support, använd Flytta från SVG Support.

  4. Välj inline-läge

    Välj Bilder med klassen eller Alla SVG-bilder under Inline-SVG om bilderna ska kunna färgas. Med Pro kan du i stället välja per bild under På sidan.

Gratis och Pro

Pro byggs på gratisversionen – den är kvar som grund, med alla inställningar, och Pro lägger till resten.

Gratis

  • SVG i mediebiblioteket för valda roller
  • Varje fil rensas från skript och annat farligt
  • Rätt bredd och höjd, även för logotypen
  • Inline-SVG för hela sidan eller med en klass
  • Kontroll och rensning av befintliga filer
  • Flytt från SVG Support med ett klick

SVG Support Pro

Allt i gratisversionen, och:

  • Per bild: inline, alltid som bild, eller inline där färgen följer texten
  • Färgen följer texten – även i mörkt läge, utan CSS
  • Blocket SVG-ikon med storlek och färg
  • Kortkoden [datoden_svg] för teman och sidbyggare
  • Rensningslogg: vad som togs bort, vem som laddade upp och vilka filer som stoppades

Priser

Välj hur många webbplatser och hur du vill köpa. Priserna är exklusive moms – momsen räknas ut i kassan.

Antal webbplatser
Ett tillägg 49 kr99 kr299 kren gång
  • Används för alltid
  • Alla uppdateringar i huvudversionen (t.ex. 1.x)
  • Rabatt på nästa huvudversion
Rekommenderas Prenumeration 83 kr166 kr249 krper månad 990 kr1 990 kr2 990 kr per år – betalas årsvis 129 kr249 kr429 krper månad
  • Alla Pro-tillägg – även nya som kommer
  • Alltid senaste versionen, nya huvudversioner ingår
  • Plus Website Guard Pro: säkra uppdateringar
  • Avsluta när du vill
Alla Pro-tillägg 1 099 kr2 199 kr4 699 kren gång
  • Alla tillägg i ett köp – mest för pengarna
  • Plus Website Guard Pro: säkra uppdateringar
  • Används för alltid
  • Alla uppdateringar i huvudversionen

* Upp till 100 webbplatser. Datoden får avsluta en prenumeration och betalar då tillbaka det som återstår av den betalda perioden.

Du loggar in på ditt Datoden-konto (eller skapar ett gratis) och betalar säkert hos Stripe med kort. Kvitto och faktura mejlas direkt.

Köp och installera Pro

Licensen följer ditt Datoden-konto – ingen nyckel att klistra in.

  1. Köp

    Köpet sparas på ditt Datoden-konto direkt när betalningen gått igenom.

  2. Ladda ner

    Hämta Pro-tillägget under Mitt konto → Mina köp → Licenser.

  3. Installera

    Släpp zip-filen på Website Guard. Pro läggs ovanpå gratisversionen – allt du redan gjort finns kvar.

  4. Anslut

    Anslut webbplatsen i Website Guard. Pro-uppdateringarna kommer sedan som vanliga WordPress-uppdateringar.

Vanliga frågor

Ändrar rensningen hur bilden ser ut?

Nej. Bara sådant som kan köra kod eller hämta något från en annan webbplats tas bort.

Hur får en SVG textens färg?

Med inline-SVG kan du skriva CSS, till exempel .dt-svg-inline path { fill: currentColor; }. Med Pro väljer du Inline – färgen följer texten för bilden, så behövs ingen CSS.

Vad händer med SVG-filer som laddades upp innan tillägget installerades?

Klicka Kontrollera filerna. Äldre filer får sin storlek, och filer med innehåll som inte ska finnas där kan rensas. Originalen sparas i wp-content/uploads/dt-svg-backup/.

Hur stor får en SVG-fil vara?

Högst 8 MB. Större filer stoppas vid uppladdningen.

Kan jag låta en enstaka bild vara vanlig bild när inline är på?

Ja. Ge bilden klassen no-inline. Med Pro kan du också välja Alltid som bild under På sidan.

Vad händer när en licens går ut?

Inget slutar fungera. Ett köp går aldrig ut, och när en prenumeration avslutas behåller tilläggen alla funktioner – bara uppdateringarna från Datoden slutar komma.

Vad är en huvudversion?

Den första siffran i versionen. Ett köp ger alla uppdateringar i den huvudversionen, till exempel alla 1.x. En ny huvudversion (2.0) kommer ungefär en gång om året med tydligt nya funktioner och fås med rabatt som uppgradering. I en prenumeration ingår den.

Hur räknas webbplatserna?

Webbplatser som är anslutna till ditt Datoden-konto och har ett Pro-tillägg igång, i den ordning de anslöts. Koppla bort en webbplats i Mina webbplatser för att flytta licensen till en annan.

Behöver jag en licensnyckel?

Nej. Webbplatsen ansluts till ditt Datoden-konto med Website Guard, och Datoden vet vilka uppdateringar dina licenser omfattar.

Kan jag gå tillbaka till gratisversionen?

Ja. Stäng av Pro – gratisversionen fortsätter med samma inställningar. Funktioner som bara finns i Pro stannar, men inget raderas.

Ska gratisversionen vara kvar?

Ja. Pro är en påbyggnad: gratisversionen är kvar och igång som grund och uppdateras från WordPress.org som vanligt, och Pro lägger på Pro-funktionerna. På WordPress.org heter gratisversionerna Datoden …, till exempel Datoden SVG Support.

Ingår moms?

Priserna är exklusive moms. Momsen räknas ut i kassan efter ditt land. Företag i andra EU-länder kan ange sitt momsnummer.

Redan köpt?

Dina licenser, webbplatser och nedladdningar finns under Mitt konto → Mina köp → Licenser.