Ajustes del placeholder

Modifica el tamaño, el texto y los colores para generar un placeholder SVG listo para usar.

Ancho

Alto

Texto del placeholder

Color de fondo

Color del texto

Tamaño de fuente

Radio de las esquinas

Ajusta los parámetros para generar tu placeholder SVG.

Vista previa en vivo

La vista previa se actualiza automáticamente cuando cambias los ajustes.

Copia el marcado en tu proyecto o descarga el archivo.

Situaciones comunes en las que resulta útil:

Preparar maquetas rápidamente
Genera marcadores visuales para wireframes, mockups o demos sin buscar imágenes temporales.
Mantener proporciones correctas
Define tamaños exactos para banners, miniaturas y héroes antes de tener el material final.
Documentar espacios de medios
Añade etiquetas a los placeholders para que diseño y desarrollo sepan qué recurso va en cada componente.
Compartir especificaciones con el equipo
Copia o descarga el SVG y adjúntalo a tickets, documentación o notas del sistema de diseño.
Trabajar desde móvil o tableta
Configura y exporta placeholders también desde pantallas pequeñas cuando no tengas tu equipo principal.

¿Cómo creo un placeholder?: Introduce las dimensiones, añade texto y colores si lo necesitas, y después copia o descarga el SVG generado.
¿Puedo usar el placeholder generado en producción?: Sí. El SVG generado es ligero y se puede incrustar directamente en HTML, CSS o componentes de imagen.
¿Esta herramienta sube mi contenido?: No. Todo se ejecuta localmente en tu navegador, así que la configuración del placeholder permanece en tu dispositivo.
¿Por qué no se actualiza mi placeholder?: Comprueba que el ancho, el alto, el tamaño de fuente y los colores sean válidos. La herramienta conserva el último SVG correcto hasta que la nueva configuración pase la validación.
¿Cómo añado esquinas redondeadas o texto personalizado?: Usa el campo del radio para redondear el rectángulo y el campo de texto para añadir una etiqueta como el nombre del banner o la proporción.