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

SVG do CSS, maska a Data URI online

Prilepte SVG alebo načítajte súbor, aby ste mohli bezpečne vyčistiť značky, odstrániť skripty a pripraviť kompaktné dáta URI.

Nástroj skontroluje viewBox, rozmery, aktuálnu farbu, výplň a ťah a potom vygeneruje pripravené úryvky CSS pre obrázok na pozadí, masku a vloženie do riadku.

Nástroj beží priamo v prehliadači a je pripravený na rýchle kontroly bez inštalácie softvéru.
Vstup je možné okamžite vymazať a prepočítať, čo je užitočné pri opakovaných malých úlohách.
Režim celej obrazovky použite, keď potrebujete viac miesta pre dlhý text, štruktúrované dáta alebo veľké bloky výsledkov.
Tlačidlá kopírovania sú k dispozícii na vygenerovanom výstupe, takže výsledky možno opätovne použiť v kóde, dokumentoch alebo podporných rozhovoroch.
Väčšina operácií je deterministických: rovnaký vstup a možnosti vytvárajú rovnaký výstup.
V prípade citlivého obsahu uprednostňujte miestne nástroje prehliadača a pred ďalším zdieľaním skontrolujte výsledok.

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.