Generador de imágenes de marcador
Genera imágenes de marcador con tamaños predefinidos para redes, anuncios y miniaturas, con fondos degradados o aleatorios, patrones diagonales o de cuadrícula, etiquetas multilínea y exportación @2x.
Generador de imágenes de marcador — Elige un tamaño entre los ajustes preestablecidos de redes, anuncios y miniaturas o introduce el tuyo, selecciona un fondo sólido, degradado o generado al azar, y superpón un patrón diagonal o de cuadrícula. Añade una etiqueta multilínea ubicada en cualquier posición con tu propia familia tipográfica, grosor y tamaño, y luego exporta PNG, JPG, WebP o SVG, opcionalmente a @2x para pantallas retina. Todo se dibuja en tu navegador con las API de canvas y SVG, así que nada de lo que introduces se sube a un servidor.
¿Qué es Generador de imágenes de marcador?
El Generador de Imágenes de Marcador es una herramienta gratuita en el navegador para diseñadores y desarrolladores front-end que necesitan gráficos de relleno al crear maquetas, prototipos, anuncios y bibliotecas de componentes. Empieza con un preajuste como una publicación de Instagram, una miniatura de YouTube, una tarjeta OG o un espacio publicitario tipo leaderboard de 728×90, o escribe las dimensiones exactas en píxeles. Diseña el fondo como un color único, un degradado diagonal de dos colores o una paleta aleatoria, añade un patrón diagonal o de cuadrícula y coloca una etiqueta multilínea en cualquiera de nueve posiciones con una fuente sans, serif o monoespaciada. Activa la superposición de dimensiones para estampar el ancho y el alto en una esquina y exporta como PNG, JPG, WebP o SVG copiable, con una escala retina @2x opcional para los formatos de mapa de bits.
Cómo usar Generador de imágenes de marcador
- Elige un tamaño predefinido (redes, miniatura o anuncio) o escribe un ancho y un alto exactos en píxeles.
- Abre Ajustes para definir el fondo: sólido, degradado de dos colores o pulsa Aleatorio para colores aleatorios seguros.
- Opcionalmente superpón un patrón diagonal o de cuadrícula y activa la superposición de dimensiones.
- Escribe una etiqueta —usa saltos de línea para texto multilínea— y define su posición, familia tipográfica, grosor y tamaño.
- Elige PNG, JPG, WebP o SVG y activa @2x para una exportación retina en mapa de bits.
- Revisa la vista previa en vivo y haz clic en Descargar (con SVG también puedes copiar el marcado).
Ejemplos
Publicación de Instagram 1080×1080
Elige el preajuste Instagram Post, pon un fondo degradado de dos colores, centra una etiqueta en negrita de dos líneas y descarga un PNG listo para una maqueta de feed.
Anuncio leaderboard 728×90
Elige el preajuste Ad Leaderboard, mantén un fondo gris sólido con un patrón de cuadrícula y la superposición de dimensiones activada, y exporta un WebP de relleno para un espacio publicitario.
Miniatura de YouTube retina
Selecciona el preajuste YouTube Thumbnail (1280×720), activa la exportación @2x y descarga un PNG de 2560×1440 que se mantiene nítido en pantallas de alta densidad.
Preguntas frecuentes
- ¿Qué tamaños predefinidos incluye?
- Tamaños de redes (publicación, retrato e historia de Instagram, portada de Facebook, publicación y encabezado de X, banner de LinkedIn, miniatura de YouTube, tarjeta OG) y unidades publicitarias estándar (leaderboard, rectángulo mediano, rascacielos ancho, valla). Elige uno para rellenar el ancho y el alto, o introduce cualquier tamaño personalizado.
- ¿Cómo funcionan las opciones de fondo y patrón?
- El fondo puede ser un color único, un degradado diagonal de dos colores o una paleta aleatoria con el botón Aleatorio, que usa el generador de números aleatorios seguro de tu navegador. Encima puedes superponer un patrón de líneas diagonales o de cuadrícula dibujado con el color del texto.
- ¿La etiqueta puede ocupar varias líneas y reubicarse?
- Sí. Escribe saltos de línea en el cuadro de etiqueta para texto multilínea, coloca el bloque en cualquiera de nueve posiciones (arriba/medio/abajo × izquierda/centro/derecha) y elige una fuente sans, serif o monoespaciada con grosor normal o negrita y tamaño automático o fijo. Deja la etiqueta vacía para imprimir las dimensiones automáticamente.
- ¿Qué hace la exportación @2x?
- Para los formatos de mapa de bits (PNG, JPG, WebP) renderiza el lienzo al doble de las dimensiones en píxeles para que el archivo se mantenga nítido en pantallas retina y de alta densidad. El SVG ya es independiente de la resolución, por lo que @2x no se le aplica.
- ¿Se suben mis imágenes o textos a algún sitio?
- No. Cada marcador se dibuja por completo en tu navegador con las API de canvas y SVG, y las descargas se realizan localmente: nada de lo que escribes o generas se envía a un servidor, por lo que funciona sin conexión y mantiene tu trabajo privado.
Herramientas relacionadas
Código a imagen
Convierte un fragmento de código en una imagen con resaltado de sintaxis en tu navegador, con más de 20 lenguajes, temas y fondos personalizados, números de línea y exportación a PNG o SVG.
Verificador de contraste de color
Comprueba el contraste WCAG 2.1 y la puntuación APCA Lc entre texto y fondo, revisa las insignias AA, AAA y 3:1 y aplica el color válido más cercano.
Mezclador de colores
Mezcla dos colores HEX en la proporción que elijas, en espacio RGB o Lab, y obtén el color intermedio como muestra y valor HEX copiable.
Generador de tonos de color
Convierte un color HEX base en una escala OKLCH, HSL o RGB con pasos ajustables, avisos de contraste WCAG por paso y exportación a CSS, Tailwind y JSON.