Geekflare recibe el apoyo de nuestra audiencia. Podemos ganar comisiones de afiliación de los enlaces de compra en este sitio.
En Diseño Última actualización: 24 de septiembre de 2023
Compartir en:
Escáner de seguridad de aplicaciones web Invicti - la única solución que ofrece verificación automática de vulnerabilidades con Proof-Based Scanning™.

Como desarrollador o diseñador, puede ser fácil quedar atrapado en el hábito de intentar hacer las cosas perfectas.

Algo tan simple como elegir una imagen para insertar en el diseño/desarrollo de su sitio web puede quitarle mucho tiempo porque no está seguro de qué elegir.

Para ayudarle con este hábito, existen herramientas generadoras de imágenes de marcadores de posición. No sólo insertan automáticamente las imágenes por usted, sino que también le ahorran mucho tiempo en el proceso.

Si esto le suena a algo que le gustaría utilizar, entonces vamos a ver algunas de las mejores herramientas que le ayudan a generar marcadores de posición de forma instantánea.

¿Qué es un generador de imágenes de marcadores de posición y cómo puede ayudarle?

Si es un desarrollador o diseñador o hace cualquier cosa que implique mostrar su trabajo de forma creativa, entonces un generador de imágenes de marcadores de posición puede ayudarle enormemente.

Es una herramienta que genera automáticamente imágenes para usted en las dimensiones deseadas para insertar en sus maquetas, ya sea un sitio web, una aplicación o cualquier otro proyecto.

img-placeholder

Le ayuda a mostrar mejor el proyecto y atrae más la atención hacia él, en lugar de mantener vacías las áreas de imagen.

Como desarrollador, puede ayudarle especialmente:

  • Ahorrar tiempo
  • Mejorar la maqueta del sitio web
  • Visualizar mejor el producto acabado

Puede pensar en los generadores de imágenes de marcadores de posición como lorem ipsum, pero para imágenes. Le ahorra tiempo al ayudarle a saltarse el proceso de ir manualmente a sitios web de imágenes de stock, elegir las imágenes adecuadas, establecer las dimensiones correctas y luego insertarlas una a una en el sitio web.

Lea también: Las mejores aplicaciones de productividad para programadores/desarrolladores

Al utilizar las herramientas generadoras de imágenes de marcador de posición, todo lo que tiene que hacer es introducir unos pocos datos para establecer sus preferencias, tras lo cual la herramienta le proporcionará un enlace para insertar en su sitio web. Una vez hecho esto, notará al instante que todas las áreas de imagen se llenarán con imágenes aleatorias. Bastante chulo si me lo pregunta.

A continuación encontrará los mejores generadores de imágenes de marcador de posición que puede utilizar para realizar el trabajo con facilidad.

Imagen ficticia

Simple, sencillo y eficaz es lo que mejor describe a Dummy Image. Le permite introducir el color de fondo, el color de primer plano y el tamaño, así como el formato y el texto para ayudarle a generar imágenes según sus preferencias.

Es un sitio ideal para cuando desee generar imágenes simples con texto sencillo en lugar de imágenes visualmente atractivas.

Dummy Image es de uso gratuito tantas veces como desee.

LoremFlickr

Puede generar imágenes de marcador de posición para cualquier propósito y tamaño con LoremFlickr. Es sencillo y gratuito; sólo tiene que insertar la URL generada en su código.

074E14D3-1E86-4A9E-9108-5A419F2C7BE4

Puede esperar obtener imágenes visualmente impresionantes directamente de Flickr (como su nombre indica), y todas ellas tienen licencia Creative Commons, por lo que puede estar seguro de que no le causarán ningún problema.

Como usuario gratuito, obtendrá 10.000 créditos para utilizar. Para algo más que eso, puede consultar su versión pro.

Lorem Picsum

LoremPicsum es la versión en imagen propia de lorem ipsum. Sirve para lo mismo: generar marcadores de posición, pero éste es para imágenes.

74D989D4-3F87-4288-B4BB-D5473A247B21

Genera automáticamente imágenes elegantes y bonitas para su sitio web cuando inserta el enlace. Puede establecer sus preferencias, como el tamaño, los efectos, etc.

También puede optar por generar una imagen específica de su elección o convertirlas en una escala de grises.

Marcador de posición

Si desea añadir imágenes ligeras que no sobrecarguen su proyecto desarrollado, entonces Placeholder es su mejor opción. Todas sus imágenes generadas se sirven por debajo del kilobyte y están totalmente optimizadas.

62830861-B0C6-488C-AC55-4299421491ED

Puede elegir los colores y el tamaño que desee para que encajen en el sitio web de la forma que desee. Además, le permite establecer una etiqueta corta para las imágenes para no perder de vista qué va dónde en el código.

Placebear

¿Le gustan los osos? A mí sí, y por eso me alegro de que exista un sitio como Placebear. Proporciona imágenes de osos como marcadores de posición para su diseño o código.

5836FC04-02D1-4966-A0EC-13A48D48161B

Le permite elegir las dimensiones y el formato de la imagen. En lugar de generar el enlace, le pide que lo cree usted mismo, lo que sigue siendo fácil.

Todo lo que tiene que hacer es introducir las dimensiones después de su URL y luego insertarlo en su código.

Generador de imágenes de marcador de posición

Otra herramienta que sólo genera imágenes simples y sencillas, Placeholder Image Generator, es útil cuando se dispone de poco tiempo y no se necesita nada sofisticado.

Le permite establecer sus preferencias, tales como:

  • Anchura
  • Altura
  • Color del texto
  • Color de fondo
  • Leyenda
  • Fuente
  • Formato

Una vez establecidas las preferencias, se genera un enlace para copiar y pegar. Todo el proceso no lleva más de unos segundos.

Lorem.space

Un centro de imágenes atractivas y de alta calidad, Lorem . space es una gran opción que puede considerar para sus imágenes de marcador de posición. Puede elegir entre varias categorías: comida, coche, carteles de cine, cara, moda y mucho más.

CA88CCD5-A122-450F-AB90-FCAC513101CD

Para una herramienta tan útil, es triste saber que pronto cerrará el sitio. Sin embargo, aún puede utilizarla si ejecuta el script de código abierto en su propio servidor.

Fakeimg.pl

Totalmente gratuito y de código abierto, Fakeimg. pl es un generador de imágenes de marcador de posición fácil de usar que viene con varias opciones de personalización.

47751422-32D5-426F-9FA1-ACA010389DA4

Le permite establecer su propio color, tamaño y texto. Una característica muy interesante es que también admite textos en japonés, coreano y chino.

Por el momento, Fakeimg.pl sólo le permite generar imágenes sin formato. Además, tendrá que crear el enlace añadiendo los parámetros que prefiera.

PlaceIMG

PlaceIMG ha servido cientos de imágenes hasta ahora y ha sido una gran herramienta para muchos usuarios. Le permite seleccionar categorías, establecer filtros, elegir dimensiones y, básicamente, personalizarla según sus propias necesidades.

897F11A8-9929-4250-8BA0-617F50C2ADE2

Genera un enlace automáticamente para que usted lo inserte en su código. Todas las imágenes son seguras para utilizarlas en sus proyectos, por lo que no tendrá que preocuparse por infringir los derechos.

PlaceIMG es de uso gratuito.

Nota del autor

Crear un proyecto ya requiere mucho tiempo y esfuerzo. Creo que después de todo ese duro trabajo, se merece conseguir algunas cosas fácilmente, y los generadores de imágenes de marcador de posición anteriores son exactamente eso.

Hacen que su tarea de “mostrar” sea mucho más fácil y rápida que hacerlo manualmente.

A continuación, eche un vistazo a estas increíbles herramientas para crear maquetas para sus proyectos.

  • Adnan Rehan
    Autor
    Adnan es licenciado en BMS y redactor sénior de Geekflare. Le encanta desglosar temas complejos en piezas fáciles de entender. También ha escrito para sitios como Sparkian y Techkle. Además del trabajo, se le puede encontrar en el campo de fútbol o... Seguir leyendo
Gracias a nuestros patrocinadores
Más lecturas sobre diseño
Potencia tu negocio
Algunas de las herramientas y servicios que le ayudarán a hacer crecer su negocio.
  • Invicti utiliza el Proof-Based Scanning™ para verificar automáticamente las vulnerabilidades identificadas y generar resultados procesables en tan solo unas horas.
    Pruebe Invicti
  • Web scraping, proxy residencial, gestor de proxy, desbloqueador web, rastreador de motores de búsqueda, y todo lo que necesita para recopilar datos web.
    Pruebe Brightdata
  • Monday.com es un sistema operativo de trabajo todo en uno que te ayuda a gestionar proyectos, tareas, trabajo, ventas, CRM, operaciones, flujos de trabajo y mucho más.
    Prueba Monday
  • Intruder es un escáner de vulnerabilidades en línea que encuentra puntos débiles de ciberseguridad en su infraestructura, para evitar costosas violaciones de datos.
    Prueba Intruder