Generador de Imágenes Placeholder Gratis
Este generador de imágenes placeholder gratuito crea una imagen ficticia de cualquier ancho y alto hasta 2000 píxeles, con color de fondo, color de texto y tu propio texto. Obtienes un PNG para descargar y la misma imagen como código SVG para pegar en una página. Es ideal para diseñadores y desarrolladores que necesitan imágenes de relleno mientras se construye un diseño o tema.
Generador de Imágenes Placeholder
Images
Sobre esta herramienta
Una imagen placeholder reemplaza una foto real mientras construyes una página, para que puedas ver el diseño, espaciado y relaciones de aspecto antes de que existan las imágenes finales. Ingresa el ancho y alto en píxeles, elige los dos colores y selecciona el texto. Por defecto, el texto es el tamaño mismo, como 800x450, lo que facilita ver qué espacio recibió qué imagen.
Obtienes dos versiones. El PNG es un archivo de mapa de bits normal que funciona en cualquier lugar, incluidas plantillas de correo electrónico y bibliotecas de medios de CMS que no aceptan SVG. El SVG es unas pocas líneas de código, de algunos cientos de bytes de tamaño, que se escala a cualquier tamaño sin perder nitidez, y puede pegarse directamente en HTML o guardarse como archivo .svg. Los colores y el texto se verifican antes de usarse, y nada de lo que ingreses se almacena.
Los placeholders son para desarrollo. Reemplázalos con imágenes reales y optimizadas antes de que la página se publique, y proporciona a las imágenes finales un texto alternativo adecuado, porque los motores de búsqueda y los lectores de pantalla no pueden aprender nada de una caja gris. El límite de tamaño es 2000 por 2000 píxeles, y el texto PNG se dibuja en una fuente negrita simple, así que usa el SVG cuando necesites ajustar el tamaño o la fuente del texto manualmente.
Preguntas frecuentes
¿Cuál es el tamaño máximo?
Hasta 2000 píxeles de ancho y 2000 píxeles de alto. Eso cubre banners hero de ancho completo, galerías de productos y tamaños de imágenes para redes sociales. Las imágenes más grandes no son necesarias para el trabajo de diseño, y limitar el tamaño mantiene el generador rápido. Para un placeholder más grande, usa la salida SVG, que puedes establecer a cualquier tamaño en tu propio código.
¿Debo usar PNG o SVG?
Usa el PNG cuando el lugar donde vas a cargar solo acepte archivos de mapa de bits, como muchos constructores de correo electrónico y algunas bibliotecas de medios. Usa el SVG cuando pegues en HTML o CSS, porque es muy pequeño y se mantiene nítido a cualquier tamaño. Ambos muestran los mismos colores, tamaño y texto.
¿Puedo usar una imagen placeholder en un sitio web en vivo?
Puedes, pero es una mala opción. Los visitantes y los motores de búsqueda no obtienen información de una caja gris plana, y una página llena de placeholders se ve inacabada. Si las imágenes aún se están produciendo, oculta la sección o usa un bloque de color simple que sea claramente parte del diseño, y publica cuando las imágenes reales estén listas.
¿Qué colores debo elegir?
Para trabajo de diseño, un fondo gris medio con texto gris más oscuro es la opción habitual porque no distrae del diseño. Elige colores con suficiente contraste entre fondo y texto, o la etiqueta de tamaño se vuelve difícil de leer. Ingresa colores como valores hexadecimales como #cccccc.
¿Se almacena la imagen en tu servidor?
No. La imagen se dibuja en memoria mientras se carga la página y se envía directamente a tu navegador como parte del resultado. Nada se guarda, y el enlace de descarga funciona solo en la página que estás viendo, así que guarda el archivo antes de irte.