Marcadores de Posición de Imagen Simples
Genere marcadores de posición increíbles para sus sitios web y proyectos!
Marcadores de posición de imagen de ejemplo
Solo algunos ejemplos de nuestras imágenes de posición.
Usar marcadores de posición de imagen
Es rápido y muy fácil. Puede comenzar a usarlo en sus proyectos de inmediato.
Imágenes de marcador de posición de uso básico
Esta es la forma más básica de usar marcadores de posición. Copie el código y modifique el tamaño a su gusto.
Imágenes de marcador de posición de color de fondo personalizado
Puede usar colores de fondo personalizados con nuestros marcadores de posición. Consulte el código de ejemplo a continuación para obtener información sobre cómo hacerlo.
Imágenes de marcador de posición de color de texto personalizado
Puede cambiar fácilmente el color del texto del marcador de posición. Consulte el siguiente código de ejemplo para obtener información sobre cómo hacerlo.
Imágenes de marcador de posición de texto personalizado
¡Usar texto personalizado en tus marcadores de posición es fácil! Consulte el código de ejemplo a continuación para aprender a hacer esto.
¿Cómo usar imágenes ficticias?
plchldr.co es una herramienta de representación de imágenes del lado del servidor que permite a los desarrolladores y diseñadores web crear dinámicamente imágenes para usarlas 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 tiene la capacidad de suministrar más parámetros, como altura, colores, texto y más!
Simplemente especifique el tamaño de la imagen después de nuestra URL y obtendrá una imagen de marcador de posición. Entonces la URL de la imagen debería verse así: https://plchldr.co/i/336x280
Puede usar las imágenes en su HTML o CSS, de esta manera: <a href="https://plchldr.co/"><img src="https://plchldr.co/i/336x280" alt="plchldr.co"></a>
Especifique primero el ancho, luego la altura. La altura es opcional: si no se especifica altura, su imagen de marcador de posición será un cuadrado. https://plchldr.co/i/336 Y genera una imagen ficticia cuadrada de 336x336 píxeles.
Puede especificar texto para su imagen utilizando una cadena de consulta al final de la URL. https://plchldr.co/i/728x90?text=disenoweb
El texto es opcional. El valor predeterminado son las dimensiones de la imagen en píxeles. Puede usar caracteres A-Z, mayúsculas o minúsculas, números y la mayoría de los símbolos.
Por defecto, el texto es blanco y el color aleatorio de fondo. Los colores se representan como códigos hexadecimales después de las dimensiones de la imagen ficticia. Por ejemplo, # FF0000 es rojo. Los colores deben seguir las dimensiones. El primer color es siempre el color de fondo y el segundo color es el color del texto.
https://plchldr.co/i/125x125?bg=000000&fc=ffffff&text=apple.com
https://plchldr.co/i/125x125?bg=f1dea1&fc=6040fb&text=godady.com
https://plchldr.co/i/125x125?bg=252f3f&fc=f29800&text=amazon.com
https://plchldr.co/i/125x125?bg=f1f1f1&fc=e200c2&text=lyft.com
https://plchldr.co/i/125x125?bg=5dd851&fc=000000&text=spotify.com
Tamaños de banner estándar
Aquí se proporcionan los tamaños de banner estándar que se utilizan en la red mundial con fines publicitarios. Los banners estandarizados se encuentran en varios sitios web y se han convertido en una forma prominente de publicidad.
| Talla (PX) | Nombre del banner | Frecuencia global | Ejemplo de enlace de banner |
|---|---|---|---|
| 120×240 | Skyscraper | 1% | https://plchldr.co/i/120x240 |
| 120×600 | Skyscraper | 1% | https://plchldr.co/i/120x600 |
| 125×125 | Button | 1% | https://plchldr.co/i/125x125 |
| 250×250 | Square | 1% | https://plchldr.co/i/250x250 |
| 300×250 | Medium Rectangle | 40% | https://plchldr.co/i/300x250 |
| 300×600 | Half Page | 6% | https://plchldr.co/i/300x600 |
| 336×280 | Large Rectangle | 10% | https://plchldr.co/i/336x280 |
| 468×60 | Banner | 3% | https://plchldr.co/i/468x60 |
| 728×90 | Leaderboard | 25% | https://plchldr.co/i/728x90 |
| 970×250 | Billboard | 4% | https://plchldr.co/i/970x250 |
Generador de imagen ficticia dinámica
Imágenes de marcador de posición para su proyecto en progreso. Las URL personalizadas generan imágenes de marcador de posición en varios tamaños con categorías y efectos. Al diseñar sitios web, es posible que al principio no tenga las imágenes que necesita. Pero ya conoce los tamaños e insertar algunos marcadores de posición puede ayudarlo a ver mejor el diseño. No pierdas el tiempo haciendo imágenes falsas para tu maqueta o estructura metálica. plchldr.co es una pequeña herramienta que genera imágenes con una URL. Elija el tamaño, los colores, incluso el texto. Imágenes de marcador de posición para cada caso. Diseño web o impresión. Simplemente coloque una URL personalizada en su html y recibirá una imagen de marcador de posición adecuada. Herramienta gratuita de generación de imágenes de marcador de posición en línea por plchldr.co para crear imágenes perfectas. Este generador de imágenes de marcador de posición ofrece muchas opciones, incluyendo ancho y alto, proporciones, color de fondo y primer plano, y nuestro favorito: pantalla preestablecida común y tamaños de anuncios.