Herramientas de diseño

Generador de marcadores de posición SVG — Tamaño y etiqueta personalizados

Genera un marcador de posición SVG ligero a partir del ancho, el alto, el fondo, el texto de etiqueta y el tamaño de fuente: útil para huecos de imagen en prototipos, esqueletos de listas y marcadores de carga. Copia el marcado SVG cuando esté listo.

SVGMarcador de posiciónPrototipo

Añadir esta herramienta a favoritos

No se ha seleccionado un modo de almacenamiento de favoritos.

Acciones rápidas

Copia la URL de esta herramienta o abre la hoja de compartir del sistema en un dispositivo compatible.

Casos de uso

  • Rellena huecos de imagen durante el prototipado
  • Genera marcadores de posición de tamaño fijo
  • Crea recursos ligeros de demostración

Cómo usar

  1. Define el ancho y el alto
  2. Introduce el texto de etiqueta y los colores
  3. Copia el SVG

Entrada y salida de ejemplo

Tamaño

800 x 450

Salida

<svg width="800" height="450">...

FAQ

¿Puedo descargarlo como imagen rasterizada?

Esta herramienta produce texto SVG. Guárdalo o conviértelo con una herramienta de SVG a PNG si necesitas un mapa de bits.

¿Puedo usarlo en un img src?

Sí. Guarda el SVG como archivo o conviértelo a una data URL / PNG para tu proyecto.

Herramientas

Herramientas relacionadas

Continúa con otra herramienta traducida para una tarea cercana.

SVG a PNG

SVG a PNG - Rasterización de Vectores Local

Disponible

Renderiza marcado SVG a Canvas en tu navegador y exporta PNG con una escala elegida. Útil para exportar iconos, ilustraciones de documentación y vistas previas en varias resoluciones.

SVG PNG Convertir

Editor de color SVG

Editor de color SVG — Edita fill y stroke

Disponible

Pega marcado SVG, extrae los colores de fill/stroke a una paleta editable, previsualiza los cambios en vivo y copia el SVG actualizado. Pensado para recolorear iconos y teñido vectorial sencillo.

SVG Recolorear Iconos