SVG Forge

SVG in background-image CSS

Incorpora qualsiasi SVG nel tuo foglio di stile come data URI codificato.

oppure trascina un file / incolla il codice qui sotto
Regola CSS
L'output compare qui

Come funziona

  1. 1Incolla codice SVG o trascina un file .svg.
  2. 2Lo strumento lo codifica in URL dentro una regola background-image.
  3. 3Copia lo snippet CSS direttamente nel tuo foglio di stile.

Gratis, senza registrazione e senza filigrana: tutto gira localmente nel tuo browser, quindi i tuoi file non lasciano mai il computer.

Domande frequenti

Perché codificare in URL invece che in base64?

L'SVG codificato in URL è più leggero e resta leggibile nel CSS; se preferisci, è disponibile anche il base64.

Quando conviene incorporare l'SVG nel CSS?

Per piccole icone decorative e motivi: risparmia una richiesta HTTP. Le grafiche grandi restano meglio come file.

Strumenti correlati

SVG in data URI

Codifica l'SVG per img src, url() nel CSS o ovunque ci stia un URI.

Ottimizzatore SVG

Pulizia firmata SVGO: file più leggeri, stessi pixel. Il risparmio si vede subito.

SVG in React

Incolla un SVG e ottieni un componente JSX o TSX pronto da importare.