Pic resize: edición básica de imagen online. Cortar, girar y disminuir su tamaño.

23
Cursos online de la Universidad de Burgos 2013-2014 Presentación sobre edición básica de imagen online: cortar, girar y disminuir su tamaño. Presentación para utilizar en el curso Creación de contenido multimedia con herramie ntas sencillas. (2ª edición) comienza el día 4 de noviembre de 2013. Eduardo Díaz San Millán 1

description

Presentación sobre edición básica de imagen online: cortar, girar y disminuir su tamaño. Presentación para utilizar en el curso de Creación de contenido multimedia con herramientas sencillas Web 2.0. (2ª edición), recordatorio, comenzamos el día 4 de noviembre de 2013.

Transcript of Pic resize: edición básica de imagen online. Cortar, girar y disminuir su tamaño.

Page 1: Pic resize: edición básica de imagen online. Cortar, girar y disminuir su tamaño.

Eduardo Díaz San Millán 1

Cursos online de la Universidad de Burgos 2013-2014

Presentación sobre edición básica de imagen online: cortar, girar y disminuir su tamaño.

Presentación para utilizar en el curso Creación de contenido multimedia con herramientas sencillas. (2ª

edición) comienza el día 4 de noviembre de 2013.

Page 2: Pic resize: edición básica de imagen online. Cortar, girar y disminuir su tamaño.

Pic Resize

Edición básica de imagen online. Cortar, girar y disminuir su tamaño.

Últimamente se ha sumado a la moda de dotar de filtros a la herramienta.

Esta herramienta es una de las clásicas de la edición en línea y no precisa registro.Son múltiples las herramientas de este

tipo con diferentes posibilidades de uso.

Page 3: Pic resize: edición básica de imagen online. Cortar, girar y disminuir su tamaño.

Método para trabajar con estas transparencias: debes seguir una lectura secuencial de las transparencias salvo que se indique (ejecute) lo contrario o se muestre un enlace a seguir (texto en azul) que sea de tu interés.

Es importante que según vayas realizando la lectura compruebes, en la aplicación, Google, cada una de las “situaciones” descritas en las transparencias, ejecútalas si es posible.(trabaja con dos ventanas abiertas simultáneamente, Google xxx y el ppt).

Es posible que cada cierto tiempo se te pida que realices un ejercicio concreto, que aunque no es objeto de control es recomendable seguir pues ayudará en tu aprendizaje.

Si tienes alguna duda que te impide seguir, y no puede esperar su resolución por un método asincrónico, no dudes en contactar mediante Skype, ooVoo o similar.

Page 4: Pic resize: edición básica de imagen online. Cortar, girar y disminuir su tamaño.

Curso

• Enlace a la página del curso: recuerda, comienza el día 4 de noviembre de 2013.

Page 5: Pic resize: edición básica de imagen online. Cortar, girar y disminuir su tamaño.

Recuerda

• Los enlaces, texto en azul subrayado, te llevan a espacios donde ampliar la información de las presentaciones. Es conveniente que los abras siempre, en especial los de los titulares.

Page 6: Pic resize: edición básica de imagen online. Cortar, girar y disminuir su tamaño.

Pic Resize

Como es habitual en las herramientas en línea, resulta muy sencillo el proceso el cual no suele

ocuparnos más de tres pasos.

Page 7: Pic resize: edición básica de imagen online. Cortar, girar y disminuir su tamaño.

Pic Resize

Escogemos la imagen a tratar entre las de nuestro PC o desde la WEB. Pulsamos en browser para que se abra el navegador del PC y escoger de nuestras imágenes la que nos interesa. Una vez escogida pulsamos en

“continue”.

Page 8: Pic resize: edición básica de imagen online. Cortar, girar y disminuir su tamaño.

Pic ResizePodemos cortar y girar la

imagen.

Reducir el tamaño de la imagen.

Reducir el tamaño de la imagen.

Page 9: Pic resize: edición básica de imagen online. Cortar, girar y disminuir su tamaño.

Pic Resize

Una vez realizados los cambios que queremos

escogemos el formato de salida (casi siempre jpg). Y, finalmente, pulsamos: I´m done. Resize my picture!

Page 10: Pic resize: edición básica de imagen online. Cortar, girar y disminuir su tamaño.

Pic Resize

Aquí tenemos el resultado. La imagen nos la almacenan

durante 20 minutos y después la eliminan.

Page 11: Pic resize: edición básica de imagen online. Cortar, girar y disminuir su tamaño.

Pic Resize

Podemos ver el resultado, compartirlo en redes, guardarlo en nuestro PC o reeditar.

Como ves hemos reducido significativamente el tamaño

y el peso de la imagen.

Aquí nos indica el tiempo que queda hasta que vuelva a

borrar la imagen.

Page 12: Pic resize: edición básica de imagen online. Cortar, girar y disminuir su tamaño.

Reducir el tamaño de la imágenes en lote, Batch resize

Pic Resize (y otras aplicaciones) nos permite también reducir el tamaño por lotes. Pulsa en este enlace para acceder a la opción.

Page 13: Pic resize: edición básica de imagen online. Cortar, girar y disminuir su tamaño.

Reducir el tamaño de la imágenes en lote.

Añadimos las imágenes que queremos redimensionar y pulsamos batch resize.

Page 14: Pic resize: edición básica de imagen online. Cortar, girar y disminuir su tamaño.

Actividades de aprendizaje

• Abre Pic Resize en tu navegador y escoge una imagen de tu PC, súbela y recorta la parte central, redúcela un 50% y aplica el efecto LOMO. Con el resultante descárgalo a tu PC.

• Deposita la imagen obtenida, indicando en el archivo tu nombre, en el depósito de tarea establecido al efecto en la plataforma.

Page 15: Pic resize: edición básica de imagen online. Cortar, girar y disminuir su tamaño.

Nota

• Recuerda que siempre que publicas en Internet has de considerar el tamaño de las imágenes, especialmente, su “peso”, en megas, pues es información que se ha de descargar para visualizar tu publicación. Un tamaño inapropiado hará que tus publicaciones se descarguen con más lentitud.

Page 16: Pic resize: edición básica de imagen online. Cortar, girar y disminuir su tamaño.

Nota Explicado muy simplemente, aquí

reducimos el tamaño del marco (ancho y alto) y...

… y aquí reduciríamos su

peso en megas al reducir la calidad de la imagen, la

calidad es menos importante si se

reproduce en pantalla frente a su impresión en

papel.

Page 17: Pic resize: edición básica de imagen online. Cortar, girar y disminuir su tamaño.

Nota

• Existen aplicaciones en línea específicamente orientadas a optimizar las imágenes para su publicación Web (en Internet) de tal modo que la descarga desde nuestro blog o web sea lo más rápida posible sin perdida de calidad notable.

• No olvides que los buscadores valoran la rapidez de un sitio para posicionarlo en los resultados de búsquedas.

Page 18: Pic resize: edición básica de imagen online. Cortar, girar y disminuir su tamaño.

Optimizar el “peso” de una imagen “on line” con Image optimizer

• Este enlace (http://tools.dynamicdrive.com/imageoptimizer/) nos permite optimizar al mínimo “peso” posible una imagen que posteriormente publicaremos en la Web.

• Tiene el límite de que no nos deja subir imágenes con un peso superior a 2.86 MB.

• Admite formatos gif, jpg y png.

Page 19: Pic resize: edición básica de imagen online. Cortar, girar y disminuir su tamaño.

Optimizar el “peso” de una imagen “on line”

• Se hace a través de un proceso “prácticamente estándar” en este tipo de aplicación.

– Obviamente vamos a la página Web en cuestión. http://tools.dynamicdrive.com/imageoptimizer/

– Mediante el botón “seleccionar archivo” escogemos la imagen de nuestro PC que queremos optimizar o desde una página Web introducimos la URL.

– Elegimos el formato de imagen y…

– Finalmente “cliqueamos” en “optimize”.

– Observa la transparencia siguiente con imagen.

Page 20: Pic resize: edición básica de imagen online. Cortar, girar y disminuir su tamaño.

1.-Elige la imagen de tu ordenador o sitio

Web que quieres modificar

2.-Selecciona el tipo de

formato gráfico

3.-Finalmente lanza la aplicación y optimiza la

imagen indicándola que te muestre todas las

posibilidades (show all results)

Page 21: Pic resize: edición básica de imagen online. Cortar, girar y disminuir su tamaño.

Optimizar el “peso” de una imagen “ on line”

• Hay otras posibilidades similares: Kraken, para hacerlo en lotes (20 simultáneamente), con un límite de 1 MB en formato jpg o png, se caracteriza por ser muy sencilla y usable pudiendo arrastrar y soltar la imagen a optimizar.

• En este y casos similares el problema suele estar en el tamaño original de la imagen, superior al permitido, por esa razón nos hemos inclinado por Image optimizer.

Page 22: Pic resize: edición básica de imagen online. Cortar, girar y disminuir su tamaño.

Reducir el tamaño de la imágenes en lote, Batch resize

Pic Resize (y otras aplicaciones) nos permite también reducir el tamaño por lotes. Pulsa en este enlace para acceder a la opción.

Page 23: Pic resize: edición básica de imagen online. Cortar, girar y disminuir su tamaño.

Reducir el tamaño de la imágenes en lote.

Añadimos las imágenes que queremos redimensionar y pulsamos batch resize.