Alguien te ha dicho que comprimas tus imágenes. Tiene razón, y probablemente también te lo haya vendido de más. Esto es lo que hacen realmente los formatos, cuánto ahorran de verdad, y qué encontramos al medir 36 páginas web turísticas dominicanas.

Las tres cifras que importan

Las ganancias de compresión están bien documentadas y no son polémicas.

Según la referencia de formatos de imagen de Mozilla, las imágenes WebP con pérdida son de media entre un 25 y un 35% más pequeñas que imágenes JPEG de calidad visualmente similar, y el WebP sin pérdida suele ser un 26% más pequeño que la misma imagen en PNG. AVIF va más lejos: frente al mismo conjunto de JPEGs, AVIF logró una reducción mediana del 50% donde WebP logró un 30%.

Así que, en números redondos: WebP te ahorra un tercio. AVIF te ahorra la mitad. Las dos se ven igual para el visitante.

Ese es todo el argumento técnico. Todo lo demás es sobre si puedes usarlos y cuánto va a ayudar realmente en tu sitio concreto.

Cuáles puedes usar en 2026

Los dos son seguros ya, con un matiz.

WebP funciona en todas las versiones actuales de Chrome, Edge, Firefox, Opera y Safari. Mozilla describe el soporte como amplio en los navegadores principales, señalando que no tiene soporte histórico profundo, lo que significa que un teléfono muy viejo puede no mostrarlo.

AVIF tiene soporte más estrecho, con versiones mínimas de Chrome 85, Edge 121, Firefox 93 y Safari 16.1. Ese número de Edge es el que hay que notar: el soporte de AVIF llegó allí hace relativamente poco.

La consecuencia práctica es que no eliges uno. Sirves AVIF a los navegadores que lo aceptan, WebP al resto, y mantienes un JPEG como último recurso. Para eso existe el elemento `picture`, y cualquier desarrollador debería configurarlo una vez y no volver a pensar en ello.

Si estás eligiendo un solo formato y no puedes hacer el baile de alternativas, usa WebP. Mejor soporte, y sigue siendo un tercio más pequeño.

Qué medimos en sitios dominicanos reales

Probamos 36 webs de hoteles de Punta Cana y Bayahibe en un teléfono de gama media simulado. Los resultados sobre imágenes son más interesantes de lo que sugiere el consejo habitual.

La página mediana pesaba 8,05 MB. La carga mediana de imágenes era de 2,66 MB. Así que las imágenes eran una mediana del 27% del peso total de la página, no la mayoría.

La dispersión importa más que la mediana. En un sitio, las imágenes eran el 98% de la página. En otro, el 5%. Ocho de los 36 sitios enviaban más de 5 MB solo en imágenes, y la mayor carga de imágenes que medimos fue de 14,7 MB en una sola página de inicio.

Aquí está la conclusión honesta, que resulta menos conveniente para quien venda la optimización de imágenes como respuesta completa: en un sitio turístico dominicano típico, comprimir perfectamente cada imagen elimina alrededor de una cuarta parte del peso de la página. Las otras tres cuartas partes son sobre todo JavaScript, tipografías y scripts de terceros.

Eso no significa que te lo salte. Una cuarta parte de 8 MB son 2 MB, y pasar a AVIF reduciría a la mitad la porción de imágenes: una mejora real para un trabajo técnico de una sola vez. Significa que deberías desconfiar de un presupuesto que promete un sitio rápido y solo menciona imágenes.

El tamaño del formato no es lo único mal en tus imágenes

Tres fallos que vemos constantemente en sitios dominicanos, todos ellos más costosos que la elección de formato.

Servir una imagen de escritorio a un teléfono. Una fotografía principal de 2.400 píxeles de ancho mostrada en una ventana de teléfono de 390 píxeles de ancho. El navegador descarga todos los bytes y después tira la mayoría. Los tamaños de imagen adaptables arreglan esto y no cuestan nada.

Sin carga diferida. Todas las imágenes de la página, incluidas las ocho de más abajo a las que nadie va a bajar, se descargan antes de que el visitante vea algo. Un solo atributo lo arregla.

Originales sin recortar recién salidos de la cámara. Un fotógrafo entrega JPEGs de 6.000 píxeles, alguien los sube al CMS, y el sitio los sirve a resolución completa para siempre. Esta es la causa más común de una página de 10 MB que encontramos.

Arreglar esas tres cosas normalmente vale más que cambiar de formato, y cambiar de formato encima de ellas se suma.

¿Y PNG, GIF y SVG?

Los formatos a los que la gente sigue recurriendo, y cuándo son realmente los correctos.

PNG es para imágenes que necesitan transparencia de verdad o deben ser exactas al píxel: un logo, un diagrama, una captura con texto. Es la elección equivocada para una fotografía, donde será varias veces más grande que un JPEG de la misma calidad aparente. WebP también maneja transparencia y es más pequeño, así que para trabajo nuevo un WebP transparente le gana a un PNG.

GIF debería retirarse. Para animación, un archivo de vídeo corto y silenciado o un WebP animado es muchísimo más pequeño. Un GIF de 2 MB de una escena de playa en bucle es un vídeo de 200 KB.

SVG no está en la misma categoría y a menudo es la respuesta correcta. Logos, iconos, ilustraciones simples y gráficos dibujados como SVG suelen pesar unos pocos kilobytes, escalan a cualquier pantalla sin verse borrosos, y se pueden estilizar con CSS. Si tu logo es un PNG de 400 KB, convertirlo a SVG es un trabajo de cinco minutos con un gran beneficio en cada página.

JPEG sigue estando bien como alternativa y para fotografías donde no puedes montar una cadena de conversión. No es un fracaso, solo es un tercio más grande de lo necesario.

Por qué esto es un problema específicamente dominicano

Dos razones, las dos medidas.

Nuestra muestra hotelera tuvo un tiempo mediano de contenido principal de 17,1 segundos en un teléfono de gama media. Exactamente un sitio de 36 bajó de cuatro segundos, y ninguno alcanzó el umbral de "bueno" de 2,5 segundos de Google.

Y tus clientes están en teléfonos, no en computadoras. La encuesta ENHOGAR-MICS 2025 de la Oficina Nacional de Estadística encontró que el 89,4% de los hogares dominicanos tiene teléfono inteligente y el 32,3% tiene alguna computadora, portátil o tableta. Una página pesada no es una molestia aquí. Es la experiencia completa, con datos móviles.

Cómo revisar tu propio sitio en cinco minutos

Sin instalar herramientas y sin desarrollador.

Abre tu página de inicio en un navegador de escritorio, haz clic derecho, elige Inspeccionar, y abre la pestaña Red. Recarga la página. Ordena la lista por tamaño. Verás cada archivo que descargó la página, el más grande primero.

Qué buscas: cualquier imagen suelta de más de unos 300 KB, cualquier imagen cuyas dimensiones en píxeles sean mucho mayores que el espacio donde aparece, y la cifra total al final del panel. Si ese total pasa de 2 MB, tienes el problema que describe este artículo. Si pasa de 5 MB, lo tienes grave: ocho de nuestros 36 sitios hoteleros enviaban más de 5 MB solo en imágenes.

Después haz lo mismo con tu teléfono, con datos móviles, lejos del wifi, y cronometra cuánto tarda hasta que puedas leer algo. Ese número es lo que experimentan tus clientes, y es el único que importa.

Qué pedir realmente

Si estás informando a un desarrollador, estas son las peticiones concretas. No son extras negociables: es lo que un sitio bien construido hace por defecto.

• Servir AVIF con alternativa WebP y JPEG, usando `picture`

• Generar varios tamaños por imagen y servir el correcto según el ancho de pantalla

• Cargar de forma diferida todo lo que esté más abajo del primer pantallazo

• Poner ancho y alto explícitos en cada imagen para que la página no salte al cargar

• No subir nunca una imagen más ancha que el tamaño máximo en que se mostrará

• Convertir automáticamente al compilar o al subir, para que nadie tenga que acordarse

Ese último punto es el que determina si esto sobrevive al contacto con la realidad. Si comprimir imágenes es un paso manual que alguien tiene que hacer, se hará con las primeras diez imágenes y nunca más. Tiene que pasar automáticamente.

Qué no va a arreglar

La optimización de imágenes no va a arreglar un sitio construido sobre un maquetador que carga nueve plugins. No va a arreglar tres scripts de analítica, dos widgets de chat y una librería de tipografías. No va a arreglar una respuesta de servidor de 4 segundos.

Le pusimos un número al estado general de las webs de negocios dominicanos en otro artículo, y el resumen es que la velocidad es un problema de todo el sitio, no un problema de imágenes. Las imágenes son la cuarta parte más fácil.

Si quieres que alguien haga bien esa cuarta parte — y te diga con honestidad qué te están costando las otras tres — DR Web Studio construye y arregla páginas web en toda la República Dominicana. Contáctanos para una consulta gratuita.