Imagen generada automaticamente por placeimg
De la misma manera que existen generadores de textos de muestra (a partir del conocido Lorem Ipsum o de otros textos), también existen generadores de fotos aleatorias y de espacios para imágenes (placeholders). Este tipo de servicios son perfectos a la hora de empezar a maquetar una web, evitándonos tener que recurrir a fotos de stock o imágenes de relleno que podamos tener preparadas en nuestro cajón de recursos. Resulta mucho más fácil entrar al generador y buscar una imagen del tamaño exacto para colocarla en tu sitio que descargar una imagen y abrir esta en algún editor de imágenes como PhotoShop y cambiar el tamaño de la misma.
YourImage es una aplicación hecha por mi (Angel Sanchez) con el fin de poner en práctica los conocimientos que he adquirido sobre desarrollo web, la he colgado en la web de Azul Web para que esta no sea desaprovechada y le sea útil a ustedes.
1.- En la parte de arriba encontramos un pequeño menú desplegable donde se puede cambiar a gusto la fuente de las imágenes que se generaran, por defecto esta seleccionada la fuente de “Lorem Pixel” pero tenemos la posibilidad de utilizar otras tres fuentes (Place IMG, Placekitten, Placehold).
2.- Una vez que tengamos seleccionada la fuente del generador automático de imágenes podemos escoger entre las diferentes opciones que brinda cada una. En el caso de Lorem Pixel nos encontramos con 12 temáticas diferentes, abstracto, animales, negociones, etc. También podemos escoger el ancho de la imagen, alto de la imagen y si la deseamos a color o en escala de grises. Cada generador automático de imágenes nos presenta opciones diferentes.
3.- Una vez que hayamos escogido la imagen esta se generara en la parte derecha (en la versión de escritorio) donde podemos hacer clic derecho y guardarla, o si deseamos también nos muestra el link que puedes integrar en tu sitio web, solo hay que tomar en cuenta que si utilizas el link no obtendrás la imagen que está en la vista previa si no que el generador automático de imágenes te enviara imágenes random.
Como lo comente anteriormente, YourImage funciona con 4 generadores automáticos de imágenes para maquetación web, Lorem Pixel, Place IMG, Placekitten y Placehold.
Lorem Pixel es un servicio de generación automática de imágenes gratuito y muy fácil de utilizar. Solo tenemos que apuntar la URL de la imagen a este servicio, especificando las dimensiones que necesitamos, y nos incrustará una foto automáticamente.
Podemos seleccionar cualquier tamaño, es decir, no estamos limitados a tamaños estándar. Funcionará igualmente bien tanto si pedimos una foto de 300 x 200 pixels, como cualquier otra proporción caprichosa que necesitemos, por ejemplo 206 x 191. Eso sí, el límite, tanto del ancho como del alto, es de 1920 pixels, el perfil de color siempre será RGB o escala de grises y la resolución, 72 ppp.
Lorem Pixum nos permite seleccionar fotos de entre 12 temas o categorías: fotos abstractas, de animales, urbanas, negocios, de comida, nocturnas, moda, gente, naturaleza, deportes, técnicas y transportes.
Esto nos puede venir muy bien, por ejemplo, si estamos montando una web para un restaurante y todavía no nos han enviado las fotos de los platos del menú. Podríamos utilizar las fotos de Lorem Pixum especificando que sólo queremos fotos cuadradas de exactamente 500 x 500 pixels y únicamente de la categoría “Comida”.
Place IMG sirve fotos automáticamente desde 500px y Flickr. Su funcionamiento es muy similar a Lorem Pixel: podemos elegir un tema (animales, arquitectura, naturaleza, tecnología…) y también un efecto (fotos en blanco y negro o sepia). Además, cuenta con plugins disponibles para ExpressionEngine, Drupal y WordPress, entre otros.
Placekitten es otro generador de fotos parecido a Lorem Pixum pero con la particularidad de que únicamente nos entrega fotos sobre un tema: gatos.
Placehold.it es diferente a los dos servicios anteriores. En este caso, se trata de un generador de espacios para imágenes (los típicos cuadros grises tan frecuentes en maquetación). Podemos seleccionar el formato, texto, color y tamaño de los recuadros.