Nástroje SVG na CSS a Data URI Nástroje SVG na CSS a Data URI

SVG do CSS, masky a URI dat online

Vložením SVG nebo načtením souboru bezpečně vyčistíte označení, odstraníte skripty a připravíte kompaktní identifikátor URI dat.

Nástroj zkontroluje viewBox, rozměry, aktuální barvu, výplň a tah a poté vygeneruje připravené úryvky CSS pro obrázek na pozadí, masku a vložení do řádku.

Nástroj běží přímo v prohlížeči a je připraven na rychlé kontroly bez instalace softwaru.
Vstup lze okamžitě vymazat a přepočítat, což je užitečné pro opakované malé úkoly.
Režim celé obrazovky použijte, když potřebujete více místa pro dlouhý text, strukturovaná data nebo velké bloky výsledků.
Na generovaném výstupu jsou k dispozici tlačítka pro kopírování, takže výsledky lze znovu použít v kódu, dokumentech nebo podpůrných chatech.
Většina operací je deterministická: stejný vstup a volby vytvářejí stejný výstup.
U citlivého obsahu upřednostněte nástroje místního prohlížeče a před dalším sdílením si výsledek prohlédněte.

Supported formats

This tool accepts these formats. Uncommon containers and modern web formats may be normalized or converted on the server before processing.

SVG
SVG

A damaged file or a non-standard codec can still fail even when the extension is supported.