Placehold.org — Generador de imágenes placeholder

¿Qué es Placehold.org?

Placehold.org es un servicio gratuito que permite generar imágenes placeholder de forma sencilla y rápida.

Las imágenes placeholder son útiles para:

Diseñadores que necesitan maquetas (mockups) sin imágenes definitivas.
Desarrolladores que requieren probar el layout o testear tiempos de carga.
Cualquier proyecto web o app en donde se necesiten imágenes de muestra.

En lugar de buscar imágenes en otro sitio o crear archivos temporales, podés usar una URL sencilla para generar al instante un placeholder con el tamaño, color de fondo, color de texto y texto personalizados.

¿Cómo funciona?

Para generar una imagen, solo necesitás especificar algunos parámetros en la dirección. Por ejemplo:

https://placehold.org/300x200/FF0000/FFFFFF?text=Hola+Mundo

Con esa URL obtenés una imagen de 300×200 píxeles, con fondo rojo (FF0000), texto blanco (FFFFFF) y la frase “Hola Mundo” al centro.

Formato de la URL

Dimensiones: /ANCHOxALTO — por ejemplo, /300x200.
Color de fondo (opc.): /BGCOLOR en hexadecimal — ej. FF0000.
Color de texto (opc.): /TEXTCOLOR en hexadecimal — ej. FFFFFF.
Texto (opc.): ?text=TU+TEXTO

Ejemplos

Placeholder 150x150 — /150x150?text=150x150

Placeholder 300x100 fondo negro — /300x100/000000/ffffff?text=Texto+en+Blanco

Placeholder 400x200 fondo azul — /400x200/3399ff/fff?text=Ejemplo

Ventajas de usar imágenes placeholder

Rápida implementación: no necesitás crear imágenes en un editor; con escribir la URL las obtenés al instante.
Personalización total: ajustá tamaño, colores, texto y formato.
Optimización de proyectos: simplifica las etapas de diseño y desarrollo sin distracciones de contenido real.
SEO interno: aunque no sustituyen contenido real, ayudan a estructurar y previsualizar secciones de tu web.

¡Comenzá a usarlo!

Es muy fácil integrar Placehold.org en tus proyectos. Copiá una URL con los parámetros de tu elección y pegala en la etiqueta <img> de tu HTML:

<img src="https://placehold.org/300x200/cccccc/000000?text=Hola+Mundo"
     alt="Placeholder personalizado">