LECCIÓN 4 - Herramientas digitales, material creado por la docente y diseñadora gráfica Rocio Libertad Cortez Jesús. Curso para los alumnos del Programa de Formación de Maestros Bilingües de la Amazonia Peruana (Formabiap) más de 30 años construyendo Educación Intercultural Bilingüe.

1. CURSO DE
HERRAMIENTAS DIGITALES
SESIÓN 4

2. ¿Qué aprenderemos hoy?
1- Conocer los formatos jpeg y png-comparar pesos de archivos
2- Reconocer imágenes png con fondo transparente
3- Derechos de autor de las fotografías en internet
4- Reconocer imágenes png con fondo transparente desde el
gogle buscador “imágenes”
5- Descargar y guardar imagen png transparente
6- ¿Cómo eliminar el fondo de una imagen desde mi celular? Uso
de APP. “Remove.bg”
7- ¿Qué otro programa puedo usar para eliminar fondos?
¿Antes usaste uno similar?

3. Joint Photographic Experts Group
No tiene fondo transparente,
su peso de archivo es ligero.
(JPEG)
JPEG es el nombre de un comité de expertos que creó un estándar de compresión y
codificación de archivos e imágenes fijas. Este comité fue integrado desde sus inicios por la fusión de
varias agrupaciones en un intento de compartir y desarrollar su experiencia en la digitalización de
imágenes.
Utilizado por las cámaras fotográficas digitales y otros dispositivos de captura de
imagen, junto con JPG, realmente se llama “JPEG”.
Los archivos de este tipo se suelen nombrar con la extensión .jpg
Al comprimir no mantiene la misma calidad de colores. Hay una pérdida mínima de color.
Es una imagen Mapa de Bit

5. Tiene fondo transparente y no tiene
fondo transparente, el peso de archivo es pesado.
(PNG)
PNG(siglas en inglés de Portable Network Graphics, Gráficos de Red Portátiles, pronunciadas
"ping") es un formato gráfico basado en un algoritmo de compresión sin pérdida para bitmaps no
sujeto a patentes. Este formato fue desarrollado en buena parte para solventar las deficiencias del
formato GIF y permite almacenar imágenes con una mayor profundidad de contraste y otros
importantes datos.
Portable Network Graphics
Las imágenes PNG usan la extensión .png
Es una imagen Mapa de Bit
Pesan más que un archivo .jpg
Comprimen la imagen sin perder calidad
Al comprimir la imagen mantiene la misma calidad de colores
Mantiene la transparencia en imágenes recortadas.

7. El fondo transparente de una Imagen
PNG se observa así, cuando se
busca por Google y también
en un editor de imágenes mapa de bit.

8. COMPARACIÓN DE PESOS DE IMÁGENES
POR ARCHIVO .png y .jpg
.png
Dimensiones: 1500x1000
anchura y altura en píxeles
2.4 MB
.jpg
Dimensiones: 1500x1000
anchura y altura en píxeles
756 KB

9. https://www.ciudadano2cero.com/derechos-imagenes-internet-copyright-copyleft-fair-use/
https://blog.guadalinfo.es/derecho-de-imagen-cuando-y-como-pedir-autorizaciones/
¿Cómo buscar imágenes .png sin fondo en Google?
Imágenes con transparencias.
Siempre considerando el derecho de autor de una fotografía.
Porque sí existe un derecho de autor de las imagenes de internet.
Buscar imáganes de libre derecho, hay webs, donde puedo encontrar imágenes libres de derecho,
para que se pueda ser uso de reproducción de imágenes y estar libres de cualquier su uso restringido.

10. ¿Cómo reconocer una imagen sin fondo
en la pantalla de un monitor o celular
cuándo hago mi búsqueda de imágenes
por Google?

11. ¿Cómo se comporta una imagen .png
con fondo transparente en la
pantalla de un monitor de una pc o celular
cuándo hago mi búsqueda por Google?

12. Vamos a buscar y descargar verdaderas
imágenes .png con fondo transparente.
Mucho cuidado con los falsos PNG
que no tienen fondo transparente.
¿Cómo reconocerlos?

13. ¿Cuál de todos estos es de fondo transparente?
¿Si todos los fondos son blancos? ¿Cómo saber qué imagen es de fondo transparente?
Pues uno de ellos debe ser el verdadero .png con fondo transparente.
¿Qué hacer? Abrir uno a uno, hasta descubrirlo.
Aguaje png

14. L
Este sí es una imagen mapa de bit. png pero no es un png con
fondo transparente
¡Falso png con
fondo que no es transparente!
Fondo blanco

15. Este sí es una imagen mapa de bit. png con fondo transparente.
Por ese fondo transparente que es visible
al hacer click en la imagen pequeña que tenía fondo blanco,
se habilitó en el visor esta imagen ya con fondo transparente.
Fondo transparente

16. Fondo transparente
Imagen png con fondo transparente.

17. ¿Cómo buscar imágenes sin fondo?
Imágenes con transparencias.
Falso png con
fondo transparente
A primera vista de las miniaturas no
debería verse las cuadrículas como fondo
de la imágenes, sino con fondo blanco, al
hacer click a la imagen con fondo blanco
recién debe verse la miniatura que aparece
de fondo transparente.

18. ¿Por qué tener una imagen con fondo transparente?
Son más ligeras en peso visual, y se ve más estético o más bonito al presentarlas.
Puedo variar el color de fondo.

19. ¿Cómo borrar el fondo de una imagen
desde mi celular y crear una imagen
con fondo transparente .png?

20. ¿Cómo crear una imagen
.png desde tu celular?
¿Cómo quitar el fondo de una imagen?

21. ¿Cómo hacer una imagen
.png desde tu celular?
Descargar este app
o visita esta web

22. App
Sube la imagen
a recortar

24. Google diapositivas
Vamos a insertar todas
las imágenes png de fondo
transparente descargadas a
un nuevo documentos
diapositivas.

25. Vamos a colocar cualquier imagen
que tú hayas quitado el fondo con Remove.bg
y que lo convertiste en una imagen png
con fondo transparente. Insertarlo a
nuestra práctica, al mismodocumento
del Google Diaposita que hemos creado,
irán juntas con las otras imágenes,
de fondo transparente
que hemos insertado.
Práctica

26. Descargar archivos
Gif animados del tema
que desees; ahora
insertarlo a archivo
de Google Presentaciones
que hemos creado.

27. Subir la práctica de hoy en su carpeta
de PRÁCTICAS.
Que se llame “Transparencias”.

28. Sitios con imágenes gratuitas libres de
derechos
Lista de páginas webs que son bancos de imágenes
gratuitas y libres de derechos (o que permitan
distribución para fines comerciales).
Esto con el objetivo de ayudar a todos los alumnos a
encontrar imágenes de calidad para poder trabajar
proyectos personales.

29. pxhere.com
Pixabay.com
Pexels.com
Morguefile.com
Picjumbo.com
Freeimages.com
Foter.com
Magdeleine.co/
Unsplash.com
Skitterphoto.com
Gratisography.com
Splitshire.com
Stocksnap.io/
Stokpic.com