Si estás replicando un diseño existente ya hemos visto cómo saber qué colores utiliza una web gracias a la extensión de Chrome Colorzilla. También hemos visto cómo saber qué fuentes usa una página con la extensión de Chrome Whatfont. Te dejo esos contenidos abajo enlazados. Pero hoy toca aprender cómo descargar imágenes de otra página web con la extensión de Chrome ImageSpark Image Downloader.
Atención: Imagespark ahora sólo está disponible para Firefox. Aquí te dejo una alternativa para Chrome que funciona de forma similar (calcada). Se llama Image Downloader. Y el vídeo te va a valer igualmente.
Es muy sencillo. Vamos a verlo en vídeo y debajo te dejo unos apuntes sobre el tema.
Ya has visto lo sencillo que es. En el vídeo nos hemos descargado las fotos del Theme Divi Cafe en segundos. Te dejo a continuación los pasos pero antes unos recursos relacionados que te pueden interesar.
Otros recursos para diseñadores web:
- Cómo saber los colores que usa una página web con la extensión de Chrome ColorZilla
- Cómo saber las fuentes que utiliza una web
- Diseña tu web en tiempo record con el page builder Elementor
- Cómo tener una web gratis en tu ordenador para hacer pruebas sin miedo a liarla
- Cómo añadir contenido de prueba en WordPress para asegurarnos que nuestro diseño funciona bien bajo cualquier circunstancia
Pasos para descargar imágenes de cualquier web con la extensión de Chrome ImageSpark
A continuación te dejo unos sencillos pasos por si no has podido ver el vídeo.
1.- Si no estás utilizando Google Chrome como navegador estás tardando.
Se han puesto mucho las pilas y ahora mismo este navegador se ha convertido en el mejor amigo de los desarrolladores y diseñadores web. Yo siempre había utilizado Firefox pero hace un par de años me cambié a Chrome y la verdad es que con extensiones como Image Spark me está facilitando mucho la vida.
2.- Descarga la extensión Image Downloader desde este enlace
Si lo prefieres ve a Chrome Web Store y busca Image Downloader en su cajetín de búsquedas. Verás que te ofrece distintas extensiones para descargar imágenes. Son todas muy parecidas. Yo estoy acostumbrado a ImageSpark Image Downloader.
3.- Una vez elegida la extensión haz click en añadir a Chrome
Te saldrá el típico mensaje de las condiciones que debes aceptar. No hay problema, dale a sí y ya tendrás la extensión en tu barra del explorador.
4.- Ve a una página de la que quieras descargar imágenes y pulsa en el icono de Image Downloader
Te aparecerá un grid con 3 columnas mostrando ya las imágenes de esa página. Ahora puedes hacer varias cosas:
- Descargar todas las imágenes de la web marcando la casilla de seleccionar todo
- Si eliges descargar todo puedes además crear una carpeta para que se guarden todas juntas
- Visitar cada una de las imágenes en su url
- Descargar las imágenes una a una, de manera que podrías descargar sólo la imagen que te interese
Ya está listo. Ya tienes las imágenes que necesitas para lo que sea. Se prudente y responsable con el uso que le das las imágenes que acabas de descargar. Y si te apetece te pongo bien fácil el retweet de este contenido para compartirlo en tu feed.
Dicho todo esto terminaré con una sabia frase de Dora la Exploradora:
¡Swiper No Robes!
Y hasta aquí el contenido de hoy. Espero que ImageSpark Image Downloader te sea de utilidad y ya sabes que si tienes cualquier duda, me puedes contactar en el formulario aquí abajo.
Si te parece que este contenido merece la pena, por favor, compártelo con tus amigos en las redes sociales. ¡Muchas gracias!
