Indice

1. Introducción ................................................................................. 3
2. ¿En qué consiste la optimización de imágenes web?............ 3
3. Mejores formatos de imagen para una web ............................. 4
4. ¿Cuál es el mejor formato de imagen para una web? ............ 4
5. ¿Cómo redimensionar las imágenes al tamaño ideal? .......... 5
5.1. Herramientas para redimensionar imágenes
masivamente ......................................................................... 6
6. Optimizar imágenes para web con Adobe Photoshop ........... 7
6.1. Tipos de formatos de imagen en Adobe Photoshop ............ 7
6.2. Optimizar tamaño de imagen en Adobe Photoshop ............ 8
6.3. Optimizar perfil de color de imagen en
Adobe Photoshop .................................................................. 9
6.4. Optimizar imagen al guardar como JPEG en
Adobe Photoshop ................................................................ 11
6.5. Optimizar imagen al guardar como PNG en
Adobe Photoshop ................................................................ 13
6.6. Optimizar imagen al guardar como web manualmente
JPEG con Adobe Photoshop .............................................. 15
6.7. Optimizar imagen al guardar como web manualmente
PNG con Adobe Photoshop ................................................ 17
6.8. Optimizar imagen al guardar como web automáticamente
en Adobe Photoshop........................................................... 19
7. Herramientas online para reducir el tamaño y comprimir
imágenes..................................................................................... 22
8. Plugins WordPress para optimizar imágenes........................ 26
9. Resumen ..................................................................................... 30
1. Introducción
Tener un sitio web no se basa únicamente en la subida sin control
de contenido, hay que cuidad la estructura de la web incluido cada
elemento que albergamos en ella. Hay que tener en cuenta que se
accede a través de conexiones de Internet y que, aunque en
muchos sitios se goza de altas velocidades, en otros aún se
encuentran algo rezagados. Todo ello sin contar con la importancia
del tema smarphone y tabletas con el gasto de megas que ello
supone.

Lo que no debemos hacer es convertir nuestro sitio web en

un espacio lento al que la gente no quiera volver a entrar, algo que
podemos evitar si tenemos en cuenta distintos elementos. Uno de
ellos y muy importante es la subida de imágenes.Si tienes un site
con bastante contenido visual debes cuidarlo tanto por dentro o por
fuera.

Si subes imágenes muy pesadas, tu página será lenta y los

usuarios se cansarán e irán. Si quieres evitar perder visitas cuida
todo lo que subes y aprende a optimizar tus imágenes que aunque
es un proceso que puede resultar un poco aburrido, pero es
imprescindible que lo hagas si no quieres que los tiempos de
carga de tu página se vean afectados.

2. ¿En qué consiste la optimización de

imágenes web?
Optimizar imágenes para tu web consiste en reducir el tamaño
con el fin de mejorar la experiencia del usuario que visite nuestra
web. La idea es brindar una carga mucho más rápida a nuestra
página, pero por ningún motivo perder la calidad de la imagen. Para
lograr esto es importante aprender a tomar en cuenta cuál es
el formato de imagen ideal para tu web.
 Alfredo Herraiz Naranjo

3. Mejores formatos de imagen para una

web
Antes de empezar con la optimización es importante que hagas
uso del formato correcto para cada tipo de imagen, ya que no todos
los formatos de imagen son buenos para todas las imágenes.
Existen varios formatos de imagen, pero los que son más utilizados
y dan mejor resultado son:

GIF
El formato GIF es muy antiguo, pero muchas personas no lo
consideraban importante hasta hace poco, cuando se volvió muy
famoso y prácticamente lo podemos encontrar en todos lados.
Prácticamente es usado siempre para imágenes en movimiento y
soporta paletas de 256 colores, al igual que transparencias.

PNG
PNG o Portable Network Graphics es una opción alternativa a GIF
que además de soportar transparencias, las imágenes son
excelentes, pero con un alto peso debido a su algoritmo
de compresión sin pérdida.

JPG
JPG es uno de los formatos más encontrados en todas las web, de
hecho, es el formato estándar para las fotografías. Lo mejor de este
formato es que cuenta con una compresión con pérdida, por lo cual
se puede sacrificar algo de la calidad para obtener un peso
sumamente bajo.

Esto es muy bueno, pero a la vez es un poco negativo, ya que

podríamos terminar con una imagen sumamente pixelada, algo que
no va nada bien en la web.

4. ¿Cuál es el mejor formato de imagen

para una web?
Ninguno, cada uno es perfecto para una tarea, es por ello que
debemos tomarlos cada uno para su tarea y poder obtener un
resultado óptimo.

4
 CÓMO OPTIMIZAR LAS IMÁGENES PARA LA WEB

Estos son los usos correctos de cada formato de imagen:

• GIF: Perfecto para imágenes en movimiento con escasos

colores, preferiblemente en escala de grises, pero no
recomendado para imágenes con muchos colores.

• PNG: Formato para gráficos e ilustraciones, al igual que para

diseñadores. Perfectas para usarlas como el logo de tu web.

• JPG: Este es el formato correcto para usar fotografías o

imágenes para web sin necesidad de ocupar demasiados
recursos ni que consuma tanto tiempo en la carga.

5. ¿Cómo redimensionar las imágenes al

tamaño ideal?
El primer paso para optimizar imágenes es redimensionarlas.

Cuanto más grande sea la resolución de la imagen más pesará,

cosa que no es compatible con que tu web se cargue rápido.

No vayas a subir tus fotos en “Full HD” con la excusa de que “- Es

para que se vea bien”.

No estás creando un banco de imágenes para que se las

descarguen tus visitas.

Caso práctico:

Si quiero colocar una imagen en el sidebar de mi blog primero tengo

que averiguar el ancho que tiene el sidebar.

Supongamos que el sidebar tiene un ancho de 250 px.

Esto quiere decir que aunque suba una imagen más grande se verá
a 250 px de ancho, por lo cual estoy desaprovechando el resto y lo
único que consigo aumentar el tamaño de la página.

Para averiguar las dimensiones que debes usar te recomiendo

usar el “Inspector de Elementos” de Chrome.

5
 Alfredo Herraiz Naranjo

Una vez que sepas las dimensiones las puedes redimensionar con
programas como Paint, Photoshop o Gimp.

5.1. Herramientas para redimensionar imágenes

masivamente

Si trabajas con muchas imágenes como puede ser para crear

un catálogo de productos o una galería redimensionarlas una a
una te llevaría mucho tiempo.

Para redimensioanar imágenes de forma masiva te recomiendo

alguna de estas herramientas:

JPEG Resizer

JPEG Resizer es un programa gratuito para Windows que no

necesita instalación. Sólo tienes que ejecutarlo.
Permite redimensionar imágenes según:

• El lado más largo: ajusta el lado más largo al tamaño que le

indiques, mantendrá las proporciones sin distorsionar.

6
 CÓMO OPTIMIZAR LAS IMÁGENES PARA LA WEB

• Establece un tamaño máximo para el ancho o alto.

• Establece un tamaño exacto de ancho y alto.
• O reducir la imagen según un porcentaje.

Otro punto a favor es que permite renombrar las imágenes

masivamente añadiendo un prefijo, número y sufijo.
Además de eso, también sirve para comprimir las imágenes.
Puedes regular el nivel de compresión/calidad.

Bulk Size Photos

Es una herramienta online con la que puedes redimensionar las

fotos de forma gratuita. Al igual que el programa anterior tienes la
posibilidad de elegir como quieres redimensionarlas.

6. Optimizar imágenes para web con

Adobe Photoshop
6.1. Tipos de formatos de imagen en Adobe
Photoshop

Para poder hablar de optimización de imagen tenemos que

distinguir qué tipo de formato de imagen tenemos y cuál nos
conviene más.

7
 Alfredo Herraiz Naranjo

Formato JPEG

Para el uso general de fotografía, es el formato estándar utilizado

con buenos resultados de calidad. Admite color de 24 bits.

Formato PNG-8

Es la alternativa a GIF pero sin animaciones y permite mostrar

hasta 256 colores. Su compresión para web es de las más
adecuadas permitiendo buena calidad con tamaños reducidos.

Formato PNG-24

Es una buena opción para exportar imágenes de calidad al igual

que JPEG. Es conveniente este tipo de extensión cuando tengamos
una imagen que contenga transparencia. También muestra
hasta 16 millones de colores ya que admite color de 24 bits.

Formato GIF

Es el formato para animaciones por excelencia. Permite

representar hasta 256 colores en formas de gran cantidad de color
uniforme, líneas o texto.

Para esta explicación elegiremos dos de los formatos más útiles y

usados para subir imágenes a la web: JPEG y PNG-8.

6.2. Optimizar tamaño de imagen en Adobe

Photoshop
Cuando trabajamos en un espacio de trabajo en Photoshop, lo
hacemos atendiendo a unos parámetros determinados en función
de la imagen o de carácter general. Uno de ellos es el tamaño, las
proporciones de la imagen con la que trabajamos. El tamaño de una
imagen corresponde al número de píxeles que contiene de forma
vertical y horizontal dando lugar al tamaño de la imagen.

A lo que llamamos resolución significa el número información de

datos que hay en un espacio concreto y que se denomina píxeles
por pulgada o ppp. Esto suponer que, a mayor cantidad de píxeles
por pulgada, nuestra resolución será mayor.

8
 CÓMO OPTIMIZAR LAS IMÁGENES PARA LA WEB

Una vez diferenciados ambos aspectos hay que reseñar que dos
imágenes pueden tener el mismo tamaño pero distinta resolución y
proporciones. Si son imágenes para web se recomienda tratar los
tamaños en tamaño de píxeles. Para acceder a ello ve a Imagen /
Tamaño de imagen o presiona la siguiente combinación.

Nota

La opción de Remuestrear imagen permite que podamos cambiar

el tamaño sin modificar la resolución. Selecciona la opción más
adecuada a lo que necesites.

6.3. Optimizar perfil de color de imagen en

Adobe Photoshop
El espacio de color donde trabajamos también influirá en el archivo
final. Hay mencionar la diferencia entre espacio sRGB y RGB. El
sistema Adobe RGB fue introducido por la compañía en 1998 y
compone un espectro mucho más extenso de color que el
espacio sRGB. Esto no quiere decir que sea peor, sino que se
dedican para diferentes objetivos.

9
 Alfredo Herraiz Naranjo

El sistema RGB se acerca con su espectro más al de CMYK, el cual

está orientado al mundo de la impresión. Pese a tener más colores,
el estándar repartido digitalmente en dispositivos ya sean móviles,
monitores o cualquier dispositivo digital, es el de sRGB. Cuando
uno de estos dispositivos topa con RGB intenta comprimir el exceso
de colores y crea un falso sRGB con peores resultados.

Paso 1:

Por lo cual se recomienda realizar las fotografías, espacio de

trabajo en Photoshop o la optimización de ellas con este sistema
para mejorar las compatibilidades de color. Para cambiar el perfil de
color de trabajo ve a tu menú Edición y selecciona Convertir en
perfil.

Paso 2:

En la siguiente ventana sólo tendrás que elegir el perfil que

necesitas, en este caso el sRGB.

10
 CÓMO OPTIMIZAR LAS IMÁGENES PARA LA WEB

6.4. Optimizar imagen al guardar como JPEG

en Adobe Photoshop
El formato JPG es el estándar más usado y aunque permite
compresión, no ofrece tantos parámetros editables como PNG.
Podremos variar el peso final de nuestra imagen redimensionando
nuestra fotografía o al exportar.

Paso 1:

Al guardar como JPEG vemos que tenemos dos opciones, por un

lado, configurar las opciones de imagen (calidad) y, por otro, las
opciones de formato. Para ello ve al menú de Archivo / Guardar
como o la siguiente combinación y seleccionar el formato JPEG.

11
 Alfredo Herraiz Naranjo

Paso 2:

En la siguiente ventana aparecen estos parámetros de

configuración. Veamos qué significa cada uno.

Opciones de imagen

Aquí debemos elegir la calidad final de la imagen, es evidente que

a mayor calidad mayor tamaño de archivo pudiendo ver lo que

12
 CÓMO OPTIMIZAR LAS IMÁGENES PARA LA WEB

ocupará finalmente si pulsamos en Previsualizar. Mueve la barra

para poder modificar estos valores.

Si queremos una fotografía para imprimir tamaño póster debemos

de seleccionar una calidad mucho más alta que si queremos una
imagen para web, recordemos que a mayor tamaño de imagen, más
recursos se necesitarán para cargarlo vía web.

Opciones de formato

Dentro de aquí encontramos diferentes alternativas para dar

formato final a nuestra imagen. La más recomendada es la línea de
base estándar pues suele ser la más compatible.

• Línea de base ("Estándar"). Emplea el uso de un formato que

es reconocible por la gran mayoría de navegadores web y
programas. En la actualidad los últimos programas no suelen
dar incompatibilidades.
• Línea de base optimizada. Este formato te creará un archivo
de imagen que contiene colores optimizados dando con ello un
tamaño más pequeño.
• Progresivo. Con esta opción se mostrarán diferentes
versiones que serán cada vez más detalladas a medida que se
vaya descargando. Es el usuario el que decide cuántas se
crearan. Es un formato que se utilizaba y se utiliza mucho
cuando nos dirigimos a conexiones lentas que precisan de
barridos barridos para ser cargadas.

Nota

Hay que mencionar que no todos los navegadores llegan a

reconocer o admitir imágenes JPEG que sean progresivas u
optimizadas.

6.5. Optimizar imagen al guardar como PNG en

Adobe Photoshop
Paso 1:

Para exportar como PNG tenemos que hacer el mismo primer paso
que con los otros formatos, ir a Menú Archivo/ Guardar como y
seleccionar en este caso PNG.

13
 Alfredo Herraiz Naranjo

Paso 2:

Ahora verás en la venta de guardado que te aparecen diferentes

opciones.

Compresión

Podemos seleccionar el tipo de compresión que queremos o decir

ninguno si no queremos que se aplique. En función de la elección
se aumentará o reducirá la velocidad de carga.

Entrelazar

Esta opción es importante, sobre todo, si hablamos de plataformas

web.
Veamos la diferencia:

14
 CÓMO OPTIMIZAR LAS IMÁGENES PARA LA WEB

• Ninguno. Esta opción permite que sólo se muestre una

imagen cuando se ha cargado por completo, es decir, si
contamos con una conexión lenta o con problemas, la imagen
no aparecerá hasta ser cargada en la transferencia de Internet.

• Entrelazado. Esta opción es más recomendada para servicios

web ya que va mostrando versiones reducidas de la imagen a
medida que se va cargando. Eso ayuda a que el proceso de
descarga sea más pequeño y además el usuario sabrá que la
imagen se está descargando.

6.6. Optimizar imagen al guardar como Web

manualmente JPEG en Adobe Photoshop
Paso 1:

Una de las opciones más ventajosas que contamos en Photoshop

para la optimización de imágenes, es la de Guardado como
web que nos permite ajustar de forma manual diversos parámetros.
Este guardado es muy útil para imágenes dedicadas a la subida
web permitiendo imágenes de calidad, pero con tamaño reducido.
Para ello vamos Archivo/ Guardar para web o hacemos la
siguiente combinación.

15
 Alfredo Herraiz Naranjo

Paso 2:

Si queremos seleccionar JPEG tendremos estas configuraciones

Calidad de imagen

Selecciona la calidad de imagen que prefieras desde Baja hasta

Máxima o con los valores de la derecha. Puedes ir viendo la
variación de tamaño debajo de la imagen en la parte izquierda.

Progresivo

La imagen se irá cargando poco a poco, es decir, pasaremos de

verla de baja resolución a la verdadera.

Entrelazado

Muestra la imagen solo cuando está cargada por completo.

Halo

Si la imagen es transparente selecciona un color de halo

equivalente al de fondo de la página donde va a ser incrustada.

16
 CÓMO OPTIMIZAR LAS IMÁGENES PARA LA WEB

Incrustar perfil de color

Selecciona esta opción para conservar el perfil ICC de la imagen,

algunos navegadores web lo utilizan para poder corregir el color.

Convertir en sRGB

Utiliza este perfil para mejorar las compatibilidades de color en

dispositivos y monitores.

Tienes otras opciones como modo de previsualización, los

metadatos o cambiar el tamaño con o sin restricción.

6.7. Optimizar imagen al guardar como Web

manualmente PNG en Adobe Photoshop
Paso 1:

Como ya sabemos para poder acceder al Guardado para Web en

PNG debemos ir a Archivo/ Guardar para web. Recordemos que
este formato es muy bueno para imágenes con destino web ya que
su resultado da muy buena relación entre calidad y peso de
archivo.

Paso 2:

Para exportar como PNG selecciónalo en el menú desplegable.

Recuerda que el PNG 24 ofrece más cantidad de color por lo que
los tamaños son mucho más altos que los de PNG-8. Te
recomendamos este último para imágenes estándar web.

17
 Alfredo Herraiz Naranjo

La ventana que nos aparece es similar a la de JPEG y además de

las opciones ya vistas en el apartado anterior podemos elegir
también:

Transparencia

Aquí puedes seleccionar el tipo de transparencia que mejor

convenga a tu imagen o bien eliminarla y seleccionar un color
determinado con Halo.

Ajuste a Web

Este parámetro permite comprimir aún más la imagen, cuanto

mayor sea el porcentaje de ajuste mayor compresión, menor calidad
y menos tamaño.

18
 CÓMO OPTIMIZAR LAS IMÁGENES PARA LA WEB

6.8. Optimizar imagen al guardar como Web

automáticamente PNG y JPEG en Adobe
Photoshop
Paso 1:

Para poder realizar una compresión automática tanto para PNG

como para JPEG, abrimos el guardado para web en Archivo /
Guardar para Web o la combinación de teclas siguientes.

Paso 2:

A la derecha de la opción Ajustes preestablecidos, pulsa en la

pestaña de menú que aparece y selecciona Optimizar a tamaño de
archivo.

19
 Alfredo Herraiz Naranjo

Paso 3:

Ahora tan solo tendrás que seleccionar el tamaño que desearías

tener de la imagen y el programa te realizará automáticamente la
compresión. Puedes ir variando los valores para obtener distintos
resultados.

20
 CÓMO OPTIMIZAR LAS IMÁGENES PARA LA WEB

Paso 4:

También puedes ir a la ventana que se denominada 4 copias y

seleccionar una de las versiones que se te proporcionan desde ahí
y guardarla.

Paso 5:

Si quieres modificar el tamaño y velocidad de transferencia, pulsa

en los valores de debajo de la imagen y selecciónalos
automáticamente.

21
 Alfredo Herraiz Naranjo

Existen distintas formas de poder reducir el tamaño de tus

imágenes en función del fin que tengan. Hay muchos parámetros
que debes tener en cuenta pero según el nivel que requieras te
serán más útiles unos u otros. En el siguiente vídeo te mostramos
de forma gráfica cómo optimizar y comprimir imágenes de forma
básica y completa. Si quieres una compresión rápida te vendrá
bien el primer método y si buscas algo más complejo donde editar
todos los parámetros, tu método es el segundo.

7. Herramientas online para reducir el

tamaño y comprimir imágenes
Existen muchas, voy a mencionar las que considero que son las
mejores. Al optimizar las imágenes con herramientas online verás
que algunas lo hacen mejor que otras según cada imagen.

22
 CÓMO OPTIMIZAR LAS IMÁGENES PARA LA WEB

Kraken.io

Ventajas de esta herramienta:

• Comprime imágenes sin perder calidad. Puedes comprimir

todas las imágenes que quieras siempre que el peso del
archivo no pase de 1 mb.

• Puedes elegir tres formatos de compresión e importar las

fotos desde DropBox, Google Drive y Box.

• Dispone de un plugin para WordPress.

• La versión premium permite redimensionar las imágenes,

optimizar todas las imágenes de una web simplemente
introduciendo su url. Kraken se encargará de descargarlas y
optimizarlas.

Desventajas:

• No te permite realizar ningún ajuste de calidad, es todo

automático. Aunque tampoco es necesario ya que el resultado
que se obtiene es bastante bueno.

• Tamaño de la imagen no puede superar 1 mb.

23
 Alfredo Herraiz Naranjo

TinyPNG

Ventajas de esta herramienta:

• Es una herramienta gratuita que permite comprimir hasta 20

imágenes a la vez con un tamaño máximo de 5 mb por
imagen.

• La compresión de las imágenes es muy buena y la perdida de

calidad no se nota.

• Puedes comprimir imágenes en formato PNG sin perder la

transparencia.

• Es posible integrar esta herramienta dentro de Photoshop

mediante un plugin que han desarrollado.

Desventajas:

• No hay ningún tipo de ajustes de compresión, sólo subes y

descargas la imagen ya optimizada.

24
 CÓMO OPTIMIZAR LAS IMÁGENES PARA LA WEB

Compress Jpeg

Al poder ajustar el nivel de compresión puedes conseguir

mejores resultados que con otras herramientas.

Algunas de sus ventajas:

• Es completamente gratuita.

• Permite subir hasta 20 fotos.

• Comprime archivos en formato JPG, PNG o incluso PDF.

• Descarga las imágenes comprimidas por separado o

agrupados en un archivo ZIP.

• Puedes ajustar el nivel de compresión cosa que no ofrecen

otras herramientas.

PunyPNG

Funciona bien pero el límite de tamaño puede ser un inconveniente.

25
 Alfredo Herraiz Naranjo

Ventajas

• Al igual que otras herramientas permite optimizar has 20

archivos a la vez sin perder calidad.

• Funciona con archivos en formato JPEG, PNG o GIF.

• Si te registras obtienes ajustes de compresión avanzados.

Desventajas

• No puedes subir imágenes superiores a 500KB.

8. Plugins WordPress para optimizar

imágenes
Si quieres optimizar las imágenes que ya tienes subidas a
WordPress tienes dos opciones: las optimizas manualmente (una
locura) o usas alguno de los siguientes plugins para que lo haga de
forma automática.

WP Smush

Un plugin gratuito que comprime las imágenes que ya tienes

subidas de 50 en 50 con la versión gratuita. Comprime cada imagen
cuando las subes a WordPress.

También permite establecer un tamaño máximo a las imágenes que

subes y el se encargará de redimensionarlas de forma automática.

26
 CÓMO OPTIMIZAR LAS IMÁGENES PARA LA WEB

EWWW Image Optimizer

Es un plugin bastante popular que reduce el peso de tus imágenes

completamente gratis. Utiliza la técnica de “lossless” por lo cual la
pérdida de calidad es mínima.

Permite optimizar de forma masiva todas las imágenes de tu librería

de “Medios”.

Compress JPEG & PNG images

Esta es la versión para WordPress de la herramienta online que he

mencionado antes. Para poder usarlo debes registrarte y obtener la
clave API.

Podrás optimizar hasta 500 imágenes al mes de forma

gratuita. Ofrece una buena relación entre compresión y calidad.

27
 Alfredo Herraiz Naranjo

ShortPixel Image Optimizer

Plugin para comprimir archivos en formato JPEG, PNG, GIF y PDF

en WordPress. Máximo de 100 imágenes al mes.

Al igual que el plugin anterior debes registrarte para obtener la clave

de la API y poder usarlo. Te permite crear un backup de las
imágenes al optimizarlas por si algo sale mal.

Es compatible con WooCommerce, puedes elegir

entre compresión lossy y lossless. Funciona con bien tanto en webs
con HTTPS y HTTP.

Kraken Image Optimizer

Es el plugin de la herramienta online Kraken.io. Te permite optimizar

las fotos que ya tienes en tu librería de medios y al subirlas. La
versión gratuita tiene un límite de 100 mb al mes.

Soporta archivos en formato JPEG, GIF y PNG con un tamaño

máximo de 32mb. La compresión se realiza en sus servidores por lo
cual necesitas registrarte y obtener la clave de la API.
28
 CÓMO OPTIMIZAR LAS IMÁGENES PARA LA WEB

Zara 4 Image Compression

Es un plugin de compresión bastante nuevo, disponible también en

versión online.

• Optimiza tus imágenes al subirlas.

• Permite comprimir las fotos que ya tiene subidas de una una o

masivamente.

• Todas las compresiones se realizan en los servidores de Zara

4.

• Compatible con los formatos JPEG y PNG.

Imagify Image Optimizer

Es un plugin con buena reputación que al igual que el resto te

permite comprimir las imágenes de tu WordPress. Con la versión
gratuita puedes comprimir hasta 25mb al mes.

29
 Alfredo Herraiz Naranjo

Tiene tres niveles de compresión: normal, Agressive y Ultra. Es

compatible con WooCommerce y NextGen Gallery.

9. Resumen
Espero que con lo que te he explicado en este post ya sepas cómo
optimizar imágenes para web.

Es un proceso que consume su tiempo pero es importante que lo

hagas si no quieres que la velocidad de tu página web se vea
afectada.

Estos serían los pasos a seguir:

1. Averiguar el tamaño ideal a usar.

2. Crear o redimensionar la imagen con esas dimensiones.

3. Usar alguna de las herramientas compresión ya sea online o

de escritorio.

4. Sube las imágenes a tu página.

30