Acerca de esta herramienta
Crea fondos sencillos para portadas, tarjetas y presentaciones. Elige un tipo de fondo y ajusta colores, dimensiones y densidad del patrón para obtener un SVG independiente sin aportar una imagen.
Cómo usarla
- Elige un color liso, un degradado lineal o radial, o un patrón.
- Define la anchura y altura o elige un tamaño habitual.
- Ajusta colores, dirección del degradado o parámetros del patrón y revisa la vista previa.
- Copia el SVG o descarga background.svg. Para obtener PNG, usa la herramienta SVG → PNG enlazada abajo.
Funciones
- Admite color liso, degradados de dos colores y patrones de puntos, cuadrícula y rayas.
- Ajusta dimensiones, colores y, según el modo, ángulo, centro, radio o separación.
- Genera un SVG independiente que conserva la nitidez al ampliar sus elementos vectoriales.
Fondo y tamaño de salida
- Puedes usar 1920 × 1080 para fondos horizontales, 1200 × 630 para portadas, 1080 × 1080 para imágenes cuadradas o dimensiones personalizadas.
- Los degradados crean transiciones suaves; los patrones repiten formas a intervalos regulares.
- La descarga es SVG. Si necesitas píxeles fijos o tu aplicación no admite SVG, convierte el archivo con SVG → PNG o SVG → JPG.
Seguridad de los SVG
La vista previa utiliza una copia estática filtrada. No ejecuta scripts, eventos de clic ni animaciones, ni carga imágenes, fuentes o estilos externos. Se eliminan referencias externas, páginas incrustadas y contenido no compatible, por lo que puede diferir del original. No se admiten documentos con DOCTYPE ni entidades personalizadas.
Los archivos y el código SVG UTF-8 admiten hasta 2 MiB, 20000 nodos, incluidos elementos y texto, y 96 niveles de anidamiento. Simplifica los archivos que superen estos límites.
Privacidad
El SVG se procesa únicamente en tu navegador y no se sube al servidor.
La herramienta no guarda automáticamente la entrada ni los resultados. Descarga lo que necesites antes de borrar o salir y conserva el archivo original.
Preguntas frecuentes
¿Por qué el fondo suele ampliarse sin desenfocarse?
Los colores, degradados y patrones se describen como vectores y se vuelven a dibujar al tamaño visible, sin ampliar una cantidad fija de píxeles.
¿Qué es un degradado SVG?
Describe una transición entre colores. El degradado lineal cambia en una dirección; el radial, desde un centro hacia fuera.
¿Qué es un patrón SVG?
Es una pequeña figura que se repite, como puntos o una cuadrícula. Su tamaño y separación determinan la densidad del fondo.
¿Cómo convierto el fondo a PNG?
Descarga el SVG, abre SVG → PNG en las herramientas relacionadas, selecciona el archivo y elige el tamaño de exportación.