Activa JavaScript para disfrutar de los vídeos de la Mediateca.
MAX 11.5.1: Reducir de peso imágenes
Ajuste de pantallaEl ajuste de pantalla se aprecia al ver el vídeo en pantalla completa. Elige la presentación que más te guste:
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:
- 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