Acerca de esta herramienta

El generador de imágenes placeholder crea un PNG de marcador de posición con el ancho y alto que quieras, tu color de fondo, color de texto y etiqueta (por defecto «ancho×alto»), además de una etiqueta img lista para usar.

Cómo se usa

  1. Introduce el ancho y el alto en píxeles.
  2. Elige los colores de fondo y de texto.
  3. Si quieres, escribe una etiqueta personalizada.
  4. Descarga el PNG o copia la etiqueta img.

Datos útiles

  • La imagen se dibuja con la Canvas API a su tamaño real en píxeles y se guarda como PNG.
  • Las líneas guía diagonales y el texto centrado hacen que los placeholders se distingan fácilmente en los mockups.
  • Definir los atributos width y height en las etiquetas img reserva el espacio y evita saltos de diseño (layout shift).
  • Los placeholders locales evitan depender de servicios de terceros durante el desarrollo.

Funciona por completo en tu navegador: nada de lo que introduces se sube ni se guarda.

Preguntas frecuentes

¿Cómo creo una imagen placeholder?

Introduce el tamaño y los colores que quieras y haz clic en Descargar PNG; el archivo se genera al instante en tu dispositivo.

¿Qué tamaño de placeholder debo usar?

Usa las dimensiones de la imagen final, por ejemplo 1200 × 630 para vistas previas en redes sociales o 1920 × 1080 para imágenes hero, para que el diseño sea fiel.

¿Puedo cambiar el texto del placeholder?

Sí. Escribe cualquier etiqueta; si la dejas vacía, la imagen muestra sus dimensiones.

¿Necesito conexión a internet o un servicio externo?

No. La imagen se genera localmente en tu navegador, sin ninguna petición a un servicio de placeholders.