Generador de Imágenes de Marcador de Posición
Simple y Rápido
Crea hermosas imágenes de marcador de posición para tus diseños
Vista Previa
300x200
Uso
https://ph.loremipsums.org/300x200/CCCCCC/333333/svg<img src="https://ph.loremipsums.org/300x200/CCCCCC/333333/svg" alt="Placeholder" />Cómo Usar
- Configurar Tamaño
- Elegir Colores
- Seleccionar Fuente
- Obtener Código
🚀 Inicio Rápido
Comienza con una imagen de marcador de posición en tres simples pasos:
- Ingresa las dimensiones deseadas (ej., 300x200)
- Haz clic en "Generar Imagen" para obtener la URL
- Copia y usa la URL generada en tu proyecto
Ejemplo: https://ph.loremipsums.org/300x200
⚙️ Opciones Avanzadas
| Característica | Descripción | Ejemplo |
|---|---|---|
| Colores Personalizados | Añade colores de fondo/texto usando códigos hex | /300x200/CCCCCC/333333 |
| Texto Personalizado | Añade tu propio texto al marcador | &text=Hola+Mundo |
| Selección de Fuente | Elige entre varias fuentes web y Google Fonts | &font=Inter |
💡 Consejos y Trucos
Usa tamaños preestablecidos para dimensiones comunes
Elimina # de los colores hex en las URLs
Usa + en lugar de espacios en texto personalizado
Vista previa se actualiza en tiempo real
Preguntas Frecuentes
📦 Formatos de Imagen Soportados
Soportamos los siguientes formatos de imagen:
- SVG - Formato vectorial, perfecto para diseño responsivo (predeterminado)
- PNG - Compresión sin pérdida con soporte de transparencia
- JPG - Compresión eficiente con pérdida para fotografías
- WebP - Formato moderno con compresión superior
- GIF - Formato básico con paleta de colores limitada
🎨 Opciones de Personalización
Puedes personalizar tus imágenes de marcador con:
- Dimensiones - Cualquier ancho y alto hasta 2000px
- Colores - Colores personalizados de fondo y texto usando códigos hex
- Texto - Tu propio mensaje de texto personalizado
- Fuentes - Elige entre fuentes populares de Google
- Transparencia - Fondo transparente opcional
🔗 Estructura de URL
La estructura de URL sigue este patrón:
https://ph.loremipsums.org/[tamaño]/[color-fondo]/[color-texto]/[formato]?text=[texto]&font=[fuente]
Formato de tamaño:
- Cuadrado:
/300(300x300) - Rectángulo:
/300x200(ancho x alto)
Ejemplos:
- Cuadrado:
/300/FF0000/FFFFFF - Rectángulo:
/300x200/FF0000/FFFFFF - Transparente:
/300/transparent/000000 - Texto y fuente personalizada:
/300?text=Hola&font=Lato
💡 Consejos de Uso
- Use SVG para escalabilidad - Perfecto para diseños responsivos
- Elija WebP para fotos - Mejor compresión que JPG/PNG
- Habilite la transparencia - Cuando necesite adaptarse a varios fondos
- Mantenga el texto corto - Para mejor legibilidad en imágenes pequeñas
- Almacene en caché las imágenes - Las URLs son estables y almacenables en caché
⚠️ Limitaciones
- Dimensiones máximas de imagen: 2000x2000 píxeles
- La longitud del texto afecta automáticamente al tamaño de la fuente
- Algunas fuentes pueden no soportar todos los caracteres
- Los valores de color deben ser códigos hex válidos
- El tiempo de generación de imagen puede variar según el tamaño y formato