Saltar navegación

Activa JavaScript para disfrutar de los vídeos de la Mediateca.

MAX 11.5.1: Reducir de peso imágenes

Ajuste de pantalla

El ajuste de pantalla se aprecia al ver el vídeo en pantalla completa. Elige la presentación que más te guste:

Subido el 15 de marzo de 2023 por EducaMadrid

77 visualizaciones

Descargar la transcripción

Vamos a aprender a reducir de tamaño una imagen antes de subirla a nuestra página 00:00:00
web, a la aula virtual, a la mediateca o cuando estemos creando un REA. 00:00:11
Vamos a utilizar esta imagen que tiene un peso de 2,9 megas. 00:00:17
A priori no nos parece un peso excesivo, aunque si incluimos muchas imágenes de este peso 00:00:24
en nuestra página web o en nuestra aula virtual, estaremos ralentizando su funcionamiento 00:00:29
y obligando a nuestros usuarios a gastar más datos a la hora de navegar por nuestras páginas. 00:00:37
Hay que recordar que no todos nuestros usuarios disponen de datos ilimitados de acceso a Internet. 00:00:43
Vamos a reducir su peso de dos maneras, la primera con una herramienta que viene en el 00:00:49
menú contextual y la segunda con GIMP. 00:00:54
En esta primera manera simplemente tenemos que situar el cursor encima de la imagen, 00:00:57
pulsar el botón derecho y en el menú contextual seleccionar redimensionar imágenes. 00:01:01
Se nos abre esta ventana donde podremos seleccionar un tamaño de los que ya vienen predeterminados, 00:01:10
una escala de reducción o un tamaño personalizado. 00:01:16
Nosotros vamos a poner escala, vamos a ponerle un 10%. 00:01:19
En nombre del archivo podemos redimensionarlo y sobrescribir la imagen existente, pero como 00:01:24
queremos quedarnos una copia del original vamos a seleccionar adjuntar punto redimensionada 00:01:30
o lo que queramos poner aquí. 00:01:36
Pulsamos en redimensionar y nos aparece la imagen redimensionada, la abrimos, comprobamos 00:01:41
que es un poco más pequeña pero que se sigue viendo exactamente igual de bien y que su 00:01:49
tamaño es 1,3 megas. 00:01:55
Realmente sólo se ha reducido de tamaño un 60% y todavía es muy pesada para subirla 00:01:58
a nuestra página web. 00:02:04
Así que vamos a usar otra aplicación, en este caso GIMP, que viene en el menú de gráficos. 00:02:07
Arrastramos la imagen y vamos a archivo, guardar para la web. 00:02:15
Nos da la opción de guardarla en JPG o PNG si tuviera transparencia. 00:02:22
Nosotros la vamos a guardar en JPG con una calidad del 85% y comprobamos que ya la imagen 00:02:26
pesa 463K y empieza a acercarse al tamaño que queremos para subir a nuestra web. 00:02:33
Vamos a reducir aún más la calidad hasta dejarlo cercano a las 200K de peso. 00:02:40
Pulsamos en guardar y vamos a abrirla a ver cómo se ve. 00:02:47
Y ahí tenemos las dos imágenes. 00:02:52
A la izquierda la imagen que pesa 2,9 megas y a la derecha la imagen que pesa 188K. 00:02:53
Comprobamos que no hay diferencias en cuanto a la visualización pero sí hay diferencias 00:03:04
en cuanto a la cantidad de datos necesarios para navegar por esa página. 00:03:08
Esta es una buena práctica que tenemos que tomar siempre que vamos a subir imágenes 00:03:13
a nuestra página web, a nuestro aula virtual, a la mediateca o cuando estamos elaborando 00:03:16
nuestros REAs. 00:03:21
Contribuimos a la optimización de recursos, a la sostenibilidad y al ahorro energético. 00:03:22
Idioma/s:
es
Autor/es:
Daniel Esteban Roque
Subido por:
EducaMadrid
Licencia:
Reconocimiento - No comercial - Sin obra derivada
Visualizaciones:
77
Fecha:
15 de marzo de 2023 - 8:54
Visibilidad:
Público
Duración:
03′ 34″
Relación de aspecto:
1.78:1
Resolución:
1920x1080 píxeles
Tamaño:
103.81 MBytes

Del mismo autor…

Ver más del mismo autor


EducaMadrid, Plataforma Educativa de la Comunidad de Madrid

Plataforma Educativa EducaMadrid