Si en el anterior post veíamos una aplicación web ideal para crear esquemas de colores web, en éste veremos diversos sitios que podemos utilizar para hacer mock-ups (o maquetas, modelos…) de imágenes de cara al diseño y maquetación de sitios web.
Es posible que en el momento de preparar una página web no dispongamos de las imágenes que contendrá, o que, por otros motivos, queramos probar diversos tamaños. En cualquier caso, si conocemos las dimensiones que ha de tener una imagen, podemos utilizar cualquiera de los servicios que se muestran a continuación para generarlas al vuelo, así que veamos las posibles opciones:
Placehold.it
Si enlacamos una imagen a placehold.it, nos mostrará una imagen del tamaño especificado, por defecto en gris y con las dimensiones como texto, aunque podemos personalizar tanto el color como el texto:
<img src="https://placehold.it/350x150"/>
Lorempixel
Si optamos por Lorempixel podremos añadir una imagen de tamaño especificado definiendo que sea aleatoria, o por tema, y si queremos incluso con texto. Veamos cómo se vería una imagen aleatoria de la categoría transport:
<img src="https://lorempixel.com/350/150/transport"/>
Placekitten
La opción que nos propone placekitten es obtener imágenes aleatorias de tiernos gatitos, pudiendo especificar su tamaño y si se mostrarán en color o en escala de grises. Mostremos un ejemplo con escala de grises:
<img src="https://placekitten.com/g/350/150"/>
Flickholdr
La última opción, flickholdr, nos permite insertar imágenes tomadas de Flickr, personalizando el tamaño y añadiendo diferentes tags separados por coma. Veamos un ejemplo con los tags «sea,sun»:
<img src="https://flickholdr.com/350/150/sea,sun"/>
Como veis, es muy sencillo insertar imágenes en nuestras páginas utilizando estos servicios, siendo de gran ayuda a la hora de maquetar sin disponer de las imágenes finales que deberemos insertar.