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.

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.

Share
Categoría
Herramientas de imagen
Incluye
Características de 10
Acceso
Gratis · Sin registro
Privacidad
Se ejecuta en tu navegador
Generador de imágenes de marcador de posición

Calibrating Placeholder Studio......

Please wait a moment

Descripción general

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

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.

Incluido

Características

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

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

  1. 01

    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. 02

    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. 03

    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. 04

    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

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

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

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.

Herramientas relacionadas

Herramientas relacionadas