Cómo Hacer Una Página

Hacer una Web Profesional con Wordpress

  • Mi Cuenta
  • Contacto
  • Curso GRATUITO de WordPress
  • Suscribirse (10€/mes)
Estás aquí: Inicio / Imagenes / Generador de imágenes aleatorias para tu Web

Generador de imágenes aleatorias para tu Web

noviembre 8, 2021 Por Oscar martin Deja un comentario

Tabla de Contenidos

  • Funcionamiento básico del Generador de imágenes aleatorias
  • Categoría de las imágenes
  • Tamaño de las imágenes

Uno de los mayores engorros cuando estas maquetando una web nueva es buscar imágenes de prueba que sabes que vas a volver a cambiar.

Es decir, todo el tiempo que emplees es tiempo perdido a la larga pero si no dedicas tiempo a elegir buenas imágenes la web de prueba se verá fea y eso no mola nada.

Puede parecer exagerado buscar un generador de imágenes aleatorias pero créeme que no lo es. Todo lo contrario.

Yo lo uso de forma conjunta con AlfredApp.

Con Alfred he creado un atajo de teclado para que me añada la url del creador de imágenes aleatoria y así no tengo que recordar nada.

Mira si me gustan los generadores de imágenes para el desarrollo web que ya hablé de uno hace 3 años, concretamente de Picsum Photos.

Pero sin más vamos al lío.

La herramienta se llama lorem.space y su funcionamiento es muy simple como veréis a continuación.

Tutorial en Vídeo

Suscríbete a mi canal:  

Funcionamiento básico del Generador de imágenes aleatorias

Lo único que tenemos que hacer es añadir la url que nos da la herramienta en el lugar que queremos que aparezca una imagen.

Aquí un ejemplo:

https://api.lorem.space/image/movie?w=150&h=220

Si usamos la url para que aparezca una imagen este sería el resultado

imagen creada con un generador de imágenes aleatorias

Si nos fijamos en la url anterior vemos que tiene diferentes parámetros que vamos a ver a continuación

Categoría de las imágenes

Podemos ver que en la imagen anterior aparece una película y ello es porque aparece en la url la palabra movie.

La herramienta nos permite cambiar la categoría de la imagen por las siguientes:

  • movie
  • game
  • album
  • book
  • face
  • fashion
  • shoes
  • watch
  • furniture

Por lo que, simplemente cambiando la palabra movie por face veremos que nos aparecen imágenes de caras en vez de películas:

imagenes aleatorias de caras

Y así con cada una de las categorías

Tamaño de las imágenes

Además de las categorías de las imágenes, también podemos cambiar el tamaño de ellas.

Es tan sencillo como cambiar el tamaño que aparece al final de la url:

https://api.lorem.space/image/face?w=150&h=220

Si nos fijamos, aparece:

  • ?w=150 –> Hace referencia al ancho de la imagen en píxeles
  • h=220 –> Hace referencia al alto de la imagen en píxeles.

Si queremos una imagen de 450 660 tendríamos que poner:

https://api.lorem.space/image/face?w=450&h=660

Y el resultado sería:

imagen aleatoria de 450x660

Como puedes ver su funcionamiento no puede ser más sencillo.

Espero que te sirva 😉

Generador de Imágenes Aleatorias para tu Web
Generador de imágenes aleatorias para tu Web 2

Lorem.Space es un maravilloso Generador de Imágenes aleatorias para tu Web. Cuando estás maquetando una web necesitas imágenes

Precio: Gratis

Sistema operativo: Web

Categoría de la solicitud: Desarrollo Web

Puntuación del editor:
5

Publicado en: Imagenes

Acerca de Oscar martin

Me llamo Óscar y me dedico al Marketing Online. Me gano la vida gracias a internet y a herramientas como Wordpress. ¿Te puedo ayudar? Contáctame

Deja una respuesta Cancelar la respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

¿Necesitas Ayuda?

  • Contacto
  • Blog

Más Información

  • Condiciones de Uso
  • Condiciones generales de venta
  • Aviso Legal
  • Pólitica de Privacidad
  • Política de cookies

Buscador

Funciono con el Theme Genesis · Acceder

Este sitio web instalará en tu navegador cookies analíticas y publicitarias propias y de terceros si continúas navegando.
Encontrará más información en nuestra Política de Cookies...Configuración de CookiesAceptar
Privacy & Cookies Policy

Privacy Overview

This website uses cookies to improve your experience while you navigate through the website. Out of these, the cookies that are categorized as necessary are stored on your browser as they are essential for the working of basic functionalities of the website. We also use third-party cookies that help us analyze and understand how you use this website. These cookies will be stored in your browser only with your consent. You also have the option to opt-out of these cookies. But opting out of some of these cookies may affect your browsing experience.
Necessary
Siempre activado
Las cookies estrictamente necesarias tiene que activarse siempre para que podamos guardar tus preferencias de ajustes de cookies.
Básicamente el blog no funcionará bien si no están activas.
Estas cookies son:
- Comprobación de inicio de sesión.
- Cookies de seguridad imprescindibles.
- Saber si ya has aprobado/rechazado las cookies.
Non-necessary
Esta web utiliza las siguientes cookies adicionales:
- Mautic: Recordar si ya estás suscrito al boletín de noticias.
- Google Analytics: un servicio de analítica web desarrollada por Google, que permite la medición y análisis de la navegación en las páginas web.
GUARDAR Y ACEPTAR