Optimizador de SVG
SVG Optimiser
Quita los restos que deja el editor, funde las transformaciones y redondea la precisión de los trazados, mostrando el resultado lado a lado.
Un SVG guardado desde una herramienta de diseño lleva metadatos del editor, listas de transformaciones que nadie desenredó y coordenadas escritas con siete decimales. Quitar todo eso es fácil; saber si cambió la imagen es la parte difícil, y por eso esto muestra una vista de diferencia y no solo un recuento de bytes.
Suelta un SVG
O edita el marcado de abajo. No se sube nada.
Editar el marcado
Cómo se usa
Suelta el SVG o pega el código
Optimiza mientras escribes, así que tanto pegar un archivo como editarlo en el sitio funcionan.
Fija la precisión
En un viewBox de 24 unidades, dos decimales son una centésima de píxel a 100× de zoom. Por debajo de un decimal, los iconos empiezan a desplazarse visiblemente.
Revisa la vista de diferencia
Mezcla el archivo optimizado sobre el original en modo diferencia: negro puro significa que renderizan idéntico, y todo lo que se ilumina es un píxel que se movió.
Copia el SVG o el data URI
El data URI aquí está codificado como URL y no en Base64, lo que supone alrededor de un 10 % sobre el archivo en bruto en vez de un 33 %.
Preguntas frecuentes
¿Por qué «quitar títulos» está desactivado por defecto?
Porque `<title>` es el nombre accesible de un SVG en línea. Quitarlo ahorra unos treinta bytes y convierte un icono etiquetado en uno sin etiqueta para cualquiera que use un lector de pantalla.
Mi icono se desplazó un poco tras optimizar.
La precisión es demasiado baja para su viewBox. Un viewBox pequeño significa que cada unidad es una fracción grande de la imagen, así que redondear a un decimal mueve las cosas de forma visible. Sube la precisión hasta que la vista de diferencia se ponga negra.
¿Minifica los datos de las rutas?
Redondea los números e incorpora una traslación pura en ellos, e informa de cuántos bytes ahorró eso. No reescribe comandos en equivalentes más cortos: eso cambia la familia de la curva y es donde los optimizadores de rutas introducen errores de verdad.
Puede recibir de
Generador de favicon
Favicon Generator
Produce el juego completo de iconos —ICO, PNG, icono de Apple y manifiesto web— junto con el HTML para pegar.
SVG a PNG
SVG to PNG
Renderiza un SVG a PNG, JPEG o WebP en cualquier factor de escala, con fondo transparente o relleno.
Imagen a SVG
Image to SVG
Traza un mapa de bits como trayectorias SVG, afinado para logos y dibujo de línea antes que para fotografías.
Generador de códigos QR
QR Code Generator
Crea un QR para una URL, un texto, una red wifi, una tarjeta de contacto o una cadena de pago, con nivel de corrección de errores, logo y exportación en SVG.
Después
Estas aceptan lo que produce esta herramienta, así que el resultado puede pasar directamente.
Generador de favicon
Favicon Generator
Produce el juego completo de iconos —ICO, PNG, icono de Apple y manifiesto web— junto con el HTML para pegar.
SVG a data URI para CSS
SVG to CSS Data URI
Codifica un SVG como data URI de fondo en CSS, escapando solo lo imprescindible para que ocupe poco.
Editor de trazados SVG
SVG Path Editor
Convierte los datos de un trazado entre comandos absolutos y relativos, lo desplaza, escala, gira e invierte, y muestra su caja envolvente con vista previa.
SVG a PNG
SVG to PNG
Renderiza un SVG a PNG, JPEG o WebP en cualquier factor de escala, con fondo transparente o relleno.
Quitar el fondo de una imagen
Background Remover
Recorta un fondo plano o de un solo color en el espacio OKLab y devuelve un PNG transparente, con pincel para corregir los bordes.
Borrar los datos EXIF de una foto
EXIF Remover
Elimina los metadatos de cámara, GPS y edición de las fotos sin tocar un solo píxel, y sin que la foto salga de tu navegador.