A veces nos encontramos en la situación en donde es necesario dar una propuesta de algún diseño o simplemente dar una vista previa del mismo; en lo personal ésto es algo de lo más fastidioso puesto que en la mayoría de los casos no contamos con el contenido final ni con el tiempo para buscar imagenes personalizadas por lo que tenemos que recurrir a utilizar texto (lorem ipsum) e imagenes de relleno para llegar al objetivo: La propuesta.
Para eso, el sitio
LoremPixel (http://lorempixel.com/) y
PlaceHold.it (http://placehold.it) nos facilitan dicha tarea.
LoremPixel es una herramienta sumamente sencilla que, acorde a nuestra configuración, nos genera imágenes para agregarlas en nuestra página web. Tiene una extensa variedad de tipos de imagenes:
- Abstract
- Animales
- Negocios
- Gatos
- Urbana
- Comida
- Vida de noche
- Fashion
- Personas
- Naturaleza
- Deportes
- Tecnología
- Transporte
Agregando a ésto, nos da la opción de elegir el tamaño de imagen así como si la queremos a color o en blanco y negro. Además, cuenta con enláces predeterminados que nos permiten utilizar la herramienta de una manera más rápida:
http://lorempixel.com/400/200: Para obtener una imagen al azar de 400 x 200 pixeles.
http://lorempixel.com/g/400/200: Para obtener una imagen en blanco y negro de 400 x 200 pixeles.
http://lorempixel.com/400/200/sports: Para obtener una imagen al azar de la categoría Deportes.
http://lorempixel.com/400/200/sports/1: Para obtener la imagen #1 de 10 de la categoría Deportes.
http://lorempixel.com/400/200/sports/Dummy-Text: Para obtener una imagen al azar con texto personalizado.
http://lorempixel.com/400/200/sports/1/Dummy-Text: Para obtener la imagen #1 de 10 con texto personalizado.
Ejemplo:* http://lorempixel.com/400/200/sports/1
(http://lorempixel.com/400/200/sports/1)
Placehold.it es una herramienta que tiene el mismo objetivo que LoremPixel. Sin embargo, a diferencia de ésta última, Placehold.it te permite agregar texto directo en la imagen, así como definir el color del fondo y del texto:
Ejemplo:* http://placehold.it/600x100&text=Xt3mP
(http://placehold.it/600x100&text=Xt3mP)
* http://placehold.it/500x200/000000/ffffff/&text=Xt3mP
(http://placehold.it/500x200/000000/ffffff/&text=Xt3mP)
El color, tanto de fondo como de texto, se definen en valor hexadecimal.
En caso de no utilizar el formato "Ancho x Alto" y solo agregar el valor ancho, automáticamente el alto toma el mismo valor.
Ejemplo:* http://placehold.it/200&text=Xt3mP
(http://placehold.it/200&text=Xt3mP)
Analizando las dos herramientas, se pueden utilizar de la siguiente manera: Si necesitamos un boceto o una vista previa de algún diseño lo más apegado a el resultado final sin duda alguna
LoremPixel es la mejor opción puesto que sus imagenes por categoría le dan un resultado más real al mismo; por otro lado, si sólo queremos definir en donde irán las imagenes,
Placehold.it será tu mejor amiga.
Saludos,
Xt3mP.