Marcadores de Posición Rápidos y Sencillos
Genera increíbles marcadores de posición para tus sitios web y proyectos.
Generador de Imágenes de Marcador de Posición
Vista Previa en Vivo
Mejor Generador Dinámico de Imágenes Ficticias
Las imágenes de marcador de posición son elementos visuales temporales y genéricos utilizados para reemplazar gráficos o texto en una página web durante el proceso de diseño. Son cruciales para diseñadores y desarrolladores que quieren presentar un concepto de diseño a los clientes antes de finalizar el diseño y el contenido.
Estas imágenes son fácilmente reconocibles y simples de usar. Los diseñadores pueden emplearlas en varios proyectos como desarrollo de marca, campañas de marketing, páginas de destino, folletos corporativos y suites de identidad corporativa. Las imágenes de marcador de posición ayudan a visualizar el diseño cuando las imágenes finales aún no están disponibles.
Usar una herramienta como plchldr.co puede agilizar este proceso. Esta herramienta genera imágenes de marcador de posición a través de URLs personalizadas, permitiéndote elegir el tamaño, colores y texto. Ofrece numerosas opciones, incluyendo ancho, alto, relaciones de aspecto, colores de fondo y primer plano, y tamaños preestablecidos comunes de pantalla y publicidad. Al usar imágenes de marcador de posición, los diseñadores ahorran tiempo y pueden concentrarse en refinar sus diseños en lugar de crear elementos visuales temporales manualmente.
¿Qué es un Generador de Imágenes Ficticias?
Un Generador de Imágenes Ficticias es una herramienta en línea que crea imágenes temporales y genéricas para usar en proyectos de diseño. Estas imágenes sirven como marcadores de posición en un diseño donde el contenido final aún no está disponible. Los diseñadores y desarrolladores usan estos generadores para visualizar y probar el diseño, maquetación y apariencia general de una página web o proyecto impreso sin necesidad de las imágenes finales. Los generadores de imágenes ficticias permiten personalizar el tamaño de imagen, colores, texto y a veces incluso categorías y efectos, convirtiéndolos en una herramienta versátil para varias necesidades de diseño. Ayudan a agilizar el proceso de diseño proporcionando elementos visuales instantáneos que pueden ser fácilmente reemplazados con las imágenes finales más adelante.
¿Por qué Elegir PLCHLDR.CO?
Extremadamente Rápido
Generación instantánea de imágenes con caché inteligente. Las solicitudes posteriores se sirven en milisegundos.
100% Gratuito
Sin registro, sin claves API, sin límites de tasa. Úsalo libremente para proyectos personales y comerciales.
Personalización Completa
Elige cualquier tamaño, color, texto y fuente. Soporte para formatos PNG, WebP y SVG.
URLs Amigables para SEO
URLs limpias y legibles que son fáciles de recordar y compartir. No se necesitan cadenas de consulta.
9 Fuentes de Google
Hermosa tipografía con Roboto, Open Sans, Lato, Montserrat, Poppins y más.
Sin Problemas de CORS
Usa imágenes en cualquier lugar sin restricciones de origen cruzado. Perfecto para todos los proyectos web.
Ejemplos de Integración
Copia y pega estos fragmentos de código en tu proyecto
Etiqueta de Imagen HTML
<img src="https://plchldr.co/i/600x400"
alt="Placeholder">Fondo CSS
.hero {
background-image: url('https://plchldr.co/i/1920x1080');
background-size: cover;
}Componente React
<img
src="https://plchldr.co/i/400x300/667eea/fff"
alt="Placeholder"
loading="lazy"
/>Sintaxis Markdown
Plantilla Vue
<img
:src="`https://plchldr.co/i/${width}x${height}`"
alt="Marcador de posición dinámico"
/>Imagen Next.js
<Image
src="https://plchldr.co/i/1200x630"
width={1200}
height={630}
alt="OG Image"
/>¿Cómo usar imágenes ficticias?
plchldr.co es una herramienta de renderizado de imágenes del lado del servidor que permite a desarrolladores web y diseñadores crear dinámicamente imágenes para usar como marcadores de posición en un proyecto. El único parámetro requerido es un número para el ancho de la imagen. Por supuesto, también tienes la capacidad de proporcionar más parámetros, como alto, colores, texto y más.
Simplemente especifica el tamaño de imagen después de nuestra URL y obtendrás una imagen de marcador de posición. Así que la URL de la imagen debería verse así: https://plchldr.co/i/336x280
Puedes usar las imágenes en tu HTML o CSS, así:
<a href="https://plchldr.co/"><img src="https://plchldr.co/i/336x280" alt="plchldr.co"></a>
Especifica ancho y alto después de /i/ en el formato WIDTHxHEIGHT:
https://plchldr.co/i/800x600
Dimensiones máximas: 4000x4000 píxeles
Añade tu texto personalizado al final de la URL:
https://plchldr.co/i/600x400/667eea/ffffff/png/default/Hello+World
Codifica los espacios en la URL como + o %20. Longitud máxima del texto: 100 caracteres
Añade códigos de color hexadecimal (sin #) después del tamaño:
https://plchldr.co/i/600x400/667eea/ffffff
Formato: /i/{width}x{height}/{bg-color}/{text-color}
Usa colores hexadecimales de 3 o 6 caracteres (ej., fff o ffffff)
Soportamos formatos PNG (predeterminado), WebP y SVG. Añade el parámetro de formato después de los colores:
https://plchldr.co/i/600x400/667eea/ffffff/webp
PNG: Mejor compatibilidad, tamaño de archivo más grande
WebP: Formato moderno, 25-35% más pequeño, carga más rápida
SVG: Formato vectorial, escalado perfecto, tamaño más pequeño
¡Sí! Ofrecemos 9 hermosas fuentes de Google. Añade el nombre de la fuente después del formato:
https://plchldr.co/i/600x400/667eea/ffffff/png/roboto
Fuentes disponibles: roboto, opensans, lato, montserrat, poppins, raleway, inter, playfair, nunito
Se usa la fuente del sistema predeterminada si no se especifica ninguna fuente.
Puedes usar imágenes de marcador de posición como imágenes de fondo en CSS:
background-image: url('https://plchldr.co/i/1920x1080/667eea/ffffff');
O con la propiedad abreviada background:
background: url('https://plchldr.co/i/1920x1080') center/cover no-repeat;
Mínimo: 1x1 píxel
Máximo: 4000x4000 píxeles
Para el mejor rendimiento, recomendamos mantener las imágenes por debajo de 2000x2000 píxeles. Las imágenes más grandes pueden tardar más en generarse y cargarse.
Sí, plchldr.co es completamente gratuito ¡para usar en proyectos personales y comerciales!
No hay límites de tasa para uso normal. Las imágenes se almacenan en caché para un rendimiento óptimo, por lo que las solicitudes posteriores para la misma imagen se sirven instantáneamente.
Por favor, no abuses del servicio con solicitudes automatizadas excesivas.
Ejemplos de Marcadores de Posición
/i/245x155/EC6357/ffffff
/i/245x155/EC6357/ffffff
/i/245x155/EC6357/ffffff
/i/245x155/EC6357/ffffff
/i/336x180/7BC955/ffffff
/i/336x180/7BC955/ffffff
/i/336x180/7BC955/ffffff
/i/520x190/5597C9/ffffff
/i/520x190/5597C9/ffffff
/i/1070x200/C98EC2/ffffff