Las imágenes sin optimizar pesan el 37% de tu web de abogados

Las imágenes sin optimizar explican buena parte del peso de una web de abogados y ralentizan cada página que un cliente potencial abre.

Las imágenes sin optimizar son, con diferencia, el recurso que más pesa en la web de un despacho: fotos de los socios, del interior de la oficina o de reuniones con clientes, subidas directamente desde la cámara o el móvil sin comprimir. Ese peso se traduce en segundos de más antes de que la página cargue, y cada segundo de espera reduce la probabilidad de que quien busca abogado en Google se quede a leer el resto. Antes de tocar plugins de caché o cambiar de hosting, conviene revisar qué llevan realmente esas imágenes.

¿Qué significa que una imagen esté sin optimizar? Es un archivo más pesado de lo necesario para el tamaño en que se muestra: sin compresión, en un formato antiguo como JPEG o PNG y sin una versión adaptada a pantallas de móvil, lo que obliga al navegador a descargar más datos de los que va a pintar en pantalla.

Cuánto pesan las imágenes en una web de abogados

El informe Web Almanac 2025 de HTTP Archive mide cada año el peso real de millones de páginas y confirma lo que cualquier despacho puede comprobar en la suya: las imágenes representan alrededor del 37% del peso de una página de inicio en ordenador, con una mediana de 1.058 KB solo en fotografías, antes de sumar CSS, JavaScript o tipografías. En móvil el porcentaje ronda el 36%, con página tras página cargando casi un megabyte solo de imágenes.

En una ficha interior —la página de un área de práctica o de un abogado concreto— el peso baja, pero sigue siendo el recurso más pesado por encima de scripts y fuentes. Un despacho que publica dos o tres fotos de alta resolución en cada entrada de su blog, sin redimensionar ni comprimir, puede estar añadiendo varios megabytes a una página que un cliente potencial abre desde el móvil, muchas veces con datos móviles y no con wifi.

Formatos WebP y AVIF frente al JPEG tradicional

La documentación de web.dev sobre formatos de imagen, el sitio de Google para desarrolladores, recomienda sustituir JPEG y PNG por WebP o AVIF: mismo aspecto visual con archivos entre un 25% y un 50% más ligeros. La mayoría de gestores de medios de WordPress —Smush, ShortPixel, Imagify— convierten el formato en el propio servidor sin que nadie del despacho tenga que abrir un editor de imágenes.

  • Comprimir cada imagen antes de subirla, no confiar solo en el plugin.
  • Redimensionar al ancho máximo real en que se muestra, nunca al tamaño de salida de la cámara.
  • Usar WebP o AVIF para fotografías y SVG para logotipos e iconos.

Cuándo conviene mantener PNG o SVG

El logotipo del despacho, los iconos del menú o el sello de un colegio de abogados no son fotografías: son gráficos con pocos colores y bordes definidos, y ahí el PNG o, mejor, el SVG siguen ganando a WebP. Un logotipo en SVG pesa unos pocos kilobytes, se ve nítido en cualquier resolución de pantalla y no pixela al ampliarse, algo que sí le pasa a una imagen JPEG o WebP estirada. La regla práctica es sencilla: fotografías y capturas de pantalla, a WebP o AVIF; logotipos, iconos y diagramas simples, a SVG siempre que el diseñador entregue el archivo vectorial.

Carga diferida y tamaño correcto de cada imagen

No basta con comprimir: una imagen de 3.000 píxeles de ancho subida tal cual para ocupar 600 píxeles en pantalla sigue descargando datos de sobra. Servir varias resoluciones de la misma foto y dejar que el navegador elija la que corresponde a cada pantalla evita ese despilfarro, igual que retrasar la descarga de las imágenes que quedan por debajo de la primera pantalla hasta que el usuario llega a ellas: es lo que se conoce como carga diferida, y en WordPress se activa marcando la casilla correspondiente en el propio gestor de medios o mediante el plugin de optimización que ya use el despacho.

Esta técnica complementa, no sustituye, el resto de ajustes que ya se cubrieron al hablar de la velocidad de carga del despacho: servidor, caché y peso de las imágenes son tres frentes distintos y hay que trabajar los tres a la vez para notar la diferencia.

Fotografías corporativas, el descuido más habitual

La sesión de fotos del despacho —socios, sala de reuniones, fachada— suele encargarse a un fotógrafo profesional que entrega archivos pensados para imprimir, no para la web: TIFF o JPEG a máxima calidad, con varios megabytes cada uno. Subirlos tal cual al gestor de contenidos es el error más repetido, porque nadie del despacho pasa por un paso intermedio de compresión antes de publicarlos en la página de equipo o en el encabezado de cada artículo del blog.

Cómo comprimir las fotos de equipo sin perder calidad

El propio fotógrafo puede entregar, además del archivo para imprenta, una copia ya redimensionada a un ancho máximo de entre 1.600 y 2.000 píxeles y exportada en calidad web, entre el 60% y el 80% de compresión JPEG según el editor que use. Si esa segunda entrega no se pide, un compresor online o el plugin de optimización de WordPress hace el mismo trabajo después de subir la foto, sin que se note la pérdida de calidad a simple vista. Lo que no compensa es mantener el archivo tal como sale de la cámara: en una foto de grupo de seis abogados eso puede suponer 4 o 5 MB en una sola imagen, más que el resto de la página junta.

Herramientas para medir el peso de las imágenes

Google PageSpeed Insights señala, dentro del apartado de oportunidades, qué imágenes concretas de una URL están sin comprimir o sin redimensionar, y calcula cuántos kilobytes se ahorrarían corrigiéndolas. Es la misma herramienta que ya se usó al revisar los Core Web Vitals del despacho, y conviene volver a ella después de cada cambio de imágenes para confirmar que el ahorro se refleja en la puntuación.

Conviene repetir la comprobación cada pocos meses, no solo una vez: cada entrada nueva del blog añade sus propias fotografías, y basta con que una persona del despacho suba una imagen sin pasar por el plugin de optimización para que la media vuelva a subir. Revisar la página de inicio y dos o tres fichas de servicio suele bastar para detectar el problema antes de que afecte a todo el sitio.

Si tras comprimir y redimensionar las imágenes la web sigue yendo lenta, el cuello de botella probablemente esté en el servidor: vale la pena revisar cuándo compensa cambiar de hosting antes de seguir tocando imágenes que ya están optimizadas.

Preguntas frecuentes sobre imágenes sin optimizar

¿Cuánto debe pesar como máximo una imagen de blog?

Entre 100 y 200 KB para una imagen de ancho completo en formato WebP suele bastar sin que se note pérdida de calidad. Por encima de 500 KB casi siempre hay margen de compresión sin tocar la resolución, y merece la pena revisarla antes de publicar la entrada.

¿El peso de las imágenes afecta al SEO del despacho?

Sí, de forma directa: el tiempo de carga y los Core Web Vitals son factores de posicionamiento que Google mide con datos reales de usuarios, y una imagen pesada penaliza sobre todo la métrica LCP, la que mide cuándo termina de pintarse el contenido principal de la página.

¿Cambia algo si el despacho usa Elementor?

No en el fondo: Elementor no comprime imágenes por sí solo, así que sigue haciendo falta un plugin de optimización o comprimir el archivo antes de subirlo. Lo único distinto es que cada widget de imagen añade sus propios ajustes de tamaño, que conviene revisar aparte del resto de la página.

¿Cuántas imágenes conviene incluir en cada artículo?

No hay un número fijo: depende de si aportan algo que el texto no explica, como una captura de un formulario o un gráfico. Tres o cuatro imágenes bien optimizadas pesan menos que una sola sin comprimir, así que el límite real es el peso total, no la cantidad de archivos.

Fuente: HTTP Archive – Web Almanac 2025

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *