Artículo
Optimizar los medios de un sitio para la velocidad y los Core Web Vitals
Las imágenes y los vídeos suelen suponer entre el 60 y el 80 por ciento del peso total de una página web. Acertar con ellos es lo más rentable que puedes hacer por la velocidad de carga, las puntuaciones de Core Web Vitals y el posicionamiento en buscadores. La buena noticia: nada de esto requiere software especializado ni un servidor, y tus archivos nunca necesitan salir de tu dispositivo.
Elige el formato adecuado antes que nada
La elección del formato importa más que cualquier control de calidad. Para fotografías en una página web, WebP es la opción por defecto acertada: es entre un 25 y un 35 por ciento más pequeño que el JPEG con la misma calidad visual y todos los navegadores modernos lo admiten. AVIF comprime todavía más, hasta un 50 por ciento mejor que el JPEG, a costa de una codificación más lenta. Usa AVIF para imágenes destacadas y fotos de producto que comprimes una sola vez; usa WebP para todo lo que proceses por lotes o necesites con rapidez. El PNG solo tiene sentido cuando necesitas precisión sin pérdidas o un fondo transparente. El SVG es la única opción sensata para logotipos, iconos e ilustraciones: escala a cualquier tamaño y a menudo pesa unos pocos kilobytes frente a cientos de un equivalente rasterizado.
Comprime imágenes sin pérdida de calidad visible
Empieza redimensionando a las dimensiones reales de visualización: una imagen destacada que se muestra a 1280 píxeles de ancho no necesita 4000 píxeles de datos. Redimensiona primero y comprime después. Para fotografías, la calidad 80 en WebP o JPEG es el suelo práctico por debajo del cual los espectadores ocasionales empiezan a notarlo, así que apunta a entre 75 y 85 y mira la salida al zoom completo antes de publicar. Para gráficos con texto y zonas planas, el PNG sin pérdidas o el SVG conservan la nitidez que los formatos con pérdidas emborronan. El compresor de imágenes de este sitio gestiona todos estos formatos, funciona por completo en tu navegador y aplica los mismos algoritmos que las herramientas de escritorio especializadas.
Convierte vídeo para la web sin subirlo
Los bucles de fondo y el vídeo incrustado son donde la optimización de medios web suele quedarse corta. Un MP4 con H.264 se reproduce en todas partes, pero un WebM con VP9 es entre un 20 y un 40 por ciento más pequeño con la misma calidad, lo que importa para los usuarios móviles con conexiones limitadas. El enfoque práctico es convertir una vez a WebM, servirlo como fuente preferida en un elemento de vídeo y mantener el MP4 como alternativa. El conversor de vídeo de aquí usa FFmpeg compilado a WebAssembly: la conversión se ejecuta dentro de tu navegador, no se sube nada y funcionan archivos de cualquier tamaño mientras tu dispositivo tenga memoria suficiente. Para vídeo de fondo en línea, considera también el recortador de vídeo para eliminar los segundos muertos antes de codificar: la duración es el mayor factor del tamaño del archivo.
Recursos en línea: base64 y SVG
Las imágenes muy pequeñas, los iconos y los favicons incrustados directamente en HTML o CSS como cadenas base64 eliminan una ida y vuelta de red por recurso. Esto tiene sentido para recursos por debajo de unos 2 KB que aparecen en cada página, como un sprite de logotipo o un indicador de carga. Los recursos más grandes deben quedar como archivos separados porque el base64 codifica un 33 por ciento más pesado que el binario, y los navegadores cachean las referencias a archivos pero no los datos en línea de forma independiente. El optimizador de SVG elimina los restos del editor de los SVG exportados sin tocar el resultado visual. El conversor de imagen a base64 genera el URI de datos listo para pegar en tu navegador.
Herramientas en este artículo
- Comprimir imágenes Reduce el tamaño de las imágenes sin subirlas. Control de calidad o tamaño objetivo en KB. Compatible con lotes.
- Redimensionar imágenes Redimensiona y convierte tus imágenes (JPEG, PNG, WebP) sin subirlas.
- Optimizador SVG Optimiza y minifica archivos SVG con SVGO directamente en tu navegador. Sin subida.
- Conversor de vídeo Convierte vídeo entre MP4, WebM, MKV y MOV (H.264/H.265/VP9) en tu navegador. Sin subir nada.
- Imagen a Base64 Convierte imágenes a URIs de datos Base64 (y viceversa) directamente en tu navegador. Copia, fragmento CSS, sin subida.
Preguntas frecuentes
¿Afecta la compresión de imágenes a mi posicionamiento en buscadores?
Google usa los Core Web Vitals como señal de posicionamiento, y el Largest Contentful Paint casi siempre es una imagen o un póster de vídeo. Una página cuya imagen destacada carga en menos de un segundo puntúa mejor que otra en la que tarda tres segundos. La compresión y el formato adecuado afectan directamente a esta métrica, así que sí, la optimización de imágenes tiene un impacto medible en el SEO. El efecto es más fuerte en móvil, donde las conexiones son más lentas y la penalización por imágenes pesadas es mayor.
¿Por qué procesar los medios en local en lugar de usar un servicio web?
La mayoría de las herramientas de medios en línea exigen subir tus archivos a un servidor remoto, lo que lleva tiempo, consume ancho de banda y significa que existe una copia de tu archivo en una infraestructura que no controlas. Las herramientas de este sitio funcionan por completo en tu navegador: tus imágenes y vídeos se procesan en tu dispositivo y el resultado se descarga directamente. No hay cuenta, no hay espera de subida y nada sobre tus archivos se envía jamás a un servidor.