Generador de imágenes de marcador de posición

Cree marcadores de posición personalizados e imágenes ficticias de cualquier tamaño con colores, leyendas, degradados, patrones, bordes y más de 30 ajustes preestablecidos. Exporte PNG, JPG, WebP o SVG, descargue por lotes un ZIP o copie un URI de datos, <img>, CSS o un fragmento de Markdown: gratis, sin marca de agua, 100% en su navegador.

Construido y mantenido por Shehzad Munir ·

Generador de imágenes de marcador de posición
Loading Placeholder Studio
Share
Cita o enlaza esta herramienta

¿Usas esta herramienta en un artículo, una clase o un informe? Copia un enlace o una cita ya preparados.

Enlace HTML

<a href="https://www.toolnova.org/es/image-tools/placeholder-image-generator">Generador de imágenes de marcador de posición</a> by ToolNova

APA

ToolNova. (2026, September 10). Generador de imágenes de marcador de posición [Online tool]. https://www.toolnova.org/es/image-tools/placeholder-image-generator

MLA

“Generador de imágenes de marcador de posición.” ToolNova, 10 Sept. 2026, www.toolnova.org/es/image-tools/placeholder-image-generator.

Generador de imágenes de marcador de posición: imágenes ficticias personalizadas al instante

Un generador de imágenes de marcador de posición avanzado y gratuito que crea imágenes ficticias personalizadas completamente en su navegador. Establezca cualquier tamaño, color, título y estilo de fondo, use más de 30 ajustes preestablecidos de redes sociales, anuncios y dispositivos, luego exporte PNG, JPG, WebP o SVG, o copie un URI de datos, una etiqueta <img>, CSS o un fragmento de Markdown. Sin cargas, sin límites de velocidad, sin marca de agua.

Placeholder Image Generator es una herramienta en línea avanzada y gratuita para crear marcadores de posición personalizados e imágenes ficticias para maquetas, estructuras alámbricas, prototipos y desarrollo front-end. Escriba cualquier ancho y alto, elija sus colores, agregue una etiqueta, elija un estilo de fondo y luego exporte un archivo PNG, JPG, WebP o SVG infinitamente escalable nítidos, o copie la imagen como un URI de datos, una etiqueta <img>, un fondo CSS o Markdown con un solo clic. Todo se genera localmente en su navegador, por lo que no hay límites de velocidad, no hay URL con enlaces rotos y nunca se carga nada.

Características

  • Cualquier ancho x alto personalizado, con relación de aspecto bloqueada opcional
  • Más de 30 ajustes preestablecidos: avatares, publicaciones sociales, tarjetas OG, bloques de anuncios y dispositivos IAB
  • Fondos: sólido, degradado, rayas, cuadrícula, puntos, tablero de ajedrez y ruido
  • Texto de título personalizado o una etiqueta automática de dimensiones de píxeles
  • Familia de fuentes, peso, tamaño y color con un corrector de contraste WCAG
  • Ancho/color del borde y esquinas redondeadas
  • Exporte PNG, JPG, WebP o SVG escalable a 1×, 2× o 3×
  • Copiar como URI de datos, etiqueta <img>, fondo CSS o Markdown
  • Modo por lotes: renderice muchos tamaños a la vez y descargue un ZIP
  • 100% del lado del cliente: sin cargas, sin límites de velocidad, sin marca de agua

Cómo utilizar Generador de imágenes de marcador de posición

  1. 1

    Establecer el tamaño

    Ingrese un ancho y alto personalizados, o elija un ajuste preestablecido como una publicación de Instagram, una tarjeta Open Graph o un anuncio de clasificación. Bloquee la relación de aspecto para cambiar el tamaño proporcionalmente.

  2. 2

    Dale estilo

    Elija un color de fondo, degradado o patrón, establezca un borde y un radio de esquina, luego personalice el texto, la fuente, el tamaño y el color del título. El verificador de contraste mantiene la etiqueta legible.

  3. 3

    Vista previa en vivo

    El marcador de posición se actualiza instantáneamente a medida que modifica la configuración, mostrando el resultado exacto que obtendrá en la escala de exportación elegida.

  4. 4

    Exportar o copiar

    Descargue un PNG, JPG, WebP o SVG a 1×–3×, descargue por lotes un conjunto de tamaños como ZIP o copie un URI de datos, una etiqueta <img>, un fondo CSS o un fragmento de Markdown para pegarlo directamente en su proyecto.

Casos de uso comunes

  • Llene maquetas, estructuras alámbricas y prototipos con imágenes ficticias mientras diseña.
  • Reserve espacios para imágenes en diseños HTML/CSS durante el desarrollo front-end.
  • Genere creatividades publicitarias y tarjetas sociales de tamaño adecuado para probarlas antes de que el arte real esté listo.
  • Llene una galería o cuadrícula responsiva con marcadores de posición de las dimensiones exactas correctas.
  • Cree marcadores de posición de URI de datos base64 sin conexión para demostraciones en redes bloqueadas o aisladas.
  • Reemplace los servicios de URL de marcador de posición poco confiables que limitan, bajan o filtran sus maquetas.

guía detallada

Mucho más que una caja gris

Vaya más allá del clásico rectángulo gris “600 × 400”. Elija entre colores sólidos, degradados suaves, rayas diagonales, cuadrículas, puntos, tableros de ajedrez y ruido sutil, agregue un borde y esquinas redondeadas y controle el texto de los subtítulos, la familia de fuentes, el peso, el tamaño y el color de forma independiente. Active la etiqueta de dimensión automática para estampar el tamaño de píxel exacto en cada imagen o escriba su propio texto. Un verificador de contraste incorporado le advierte cuando el texto y el fondo no son legibles según WCAG, para que sus marcadores de posición permanezcan legibles en cualquier diseño.

Ajustes preestablecidos para cada pantalla, anuncio y espacio social

Evite las conjeturas con más de 30 tamaños listos para usar: avatares y miniaturas, publicaciones cuadradas y verticales para portadas de Instagram, Facebook y X/Twitter, miniaturas de YouTube, tarjetas Open Graph, bloques de anuncios IAB (tabla de clasificación, rectángulo mediano, rascacielos, valla publicitaria), resoluciones de dispositivos comunes y proporciones fáciles de imprimir. Bloquee una relación de aspecto mientras cambia el tamaño, o cambie al modo por lotes para renderizar un conjunto completo de tamaños a la vez y descargarlos juntos como un ZIP, perfecto para completar una galería responsiva o un kit creativo de anuncios en segundos.

Creado para desarrolladores y diseñadores

Coloque los marcadores de posición generados directamente en su código base. Copie una etiqueta <img> lista para pegar, una regla CSS de imagen de fondo, una imagen de Markdown o un URI de datos base64 que funcione sin conexión sin solicitud externa. Exporte SVG para obtener vectores nítidos con cualquier zoom, o exporte PNG/JPG/WebP a 1×, 2× o 3× para pantallas retina. Debido a que toda la herramienta está del lado del cliente, funciona en redes bloqueadas, detrás de firewalls y fuera de línea: un reemplazo confiable para los servicios de marcador de posición que fallan, limitan la velocidad o filtran sus maquetas a un servidor de terceros.

Preguntas frecuentes

¿Qué es una imagen de marcador de posición y cuándo debo usar una?

Una imagen de marcador de posición (o ficticia) es un gráfico sustituto que llena un espacio de imagen antes de que la obra de arte final esté lista. Los diseñadores y desarrolladores los utilizan en maquetas, estructuras alámbricas, prototipos y diseños HTML/CSS para reservar espacio con las dimensiones exactas correctas, de modo que un diseño o página parezca completo mientras aún se están produciendo las fotos reales.

¿Este generador de imágenes de marcador de posición es gratuito y no tiene marcas de agua?

Sí. Cada imagen que generes es completamente gratuita, de resolución completa y sin marcas de agua, sin registro ni límites de uso. Debido a que las imágenes se muestran en su navegador en lugar de en un servidor, no hay nada que pagar ni límite de velocidad.

¿Qué formatos de imagen y resoluciones puedo exportar?

Puede exportar imágenes rasterizadas PNG, JPG y WebP a 1×, 2× o 3× para pantallas retina, o un SVG que se mantiene nítido con cualquier zoom. También puede copiar el resultado como un URI de datos base64, una etiqueta <img>, una regla de imagen de fondo CSS o Markdown.

¿Puedo establecer un tamaño y colores personalizados?

Absolutamente. Ingrese cualquier ancho y alto (con una relación de aspecto bloqueada opcional), luego elija el color de fondo, degradado o patrón, borde, radio de esquina y el texto, fuente, tamaño y color del título. Un verificador de contraste incorporado le advierte si el texto y el fondo son difíciles de leer.

¿Tiene ajustes preestablecidos para redes sociales y anuncios?

Sí, hay más de 30 ajustes preestablecidos que incluyen avatares y miniaturas, publicaciones y portadas de Instagram, Facebook y X/Twitter, miniaturas de YouTube, tarjetas Open Graph, bloques de anuncios IAB (tabla de clasificación, rectángulo mediano, rascacielos, cartelera) y resoluciones de dispositivos comunes. Elija uno y el tamaño se completará automáticamente.

¿Puedo generar varios tamaños a la vez?

Sí. Cambie al modo por lotes, elija los tamaños que necesita y la herramienta los renderizará todos con su estilo actual y luego le permitirá descargar el conjunto completo como un ZIP, ideal para galerías responsivas y kits de creatividades publicitarias.

¿Cómo agrego una imagen de marcador de posición a mi HTML o CSS?

Genere la imagen, luego use los botones Copiar para tomar una etiqueta <img> lista para pegar o una regla de imagen de fondo CSS. Para obtener un marcador de posición fuera de línea totalmente autónomo, copie el URI de datos base64: incrusta la imagen directamente en su código sin solicitud externa.

¿Mis datos se cargan en algún lugar?

No. Toda la herramienta se ejecuta en el lado del cliente en su navegador utilizando el lienzo HTML y SVG; nunca se envían imágenes, texto o configuraciones a un servidor. Eso lo hace rápido, privado y confiable incluso en redes bloqueadas o fuera de línea, a diferencia de los servicios de URL de marcador de posición.

De la revista

All articles →