Evaluación inicial sin contraseñas Presupuesto antes de intervenir Especialista responsable de principio a fin

Images And Responsive Media

Por qué una imagen WebP puede pesar más que el JPEG original

Si tus imágenes WebP pesan más que los JPEG originales, compara dimensiones, calidad, metadatos y codificador antes de convertir de nuevo WordPress.

WebP suele presentarse como sustituto más ligero de JPEG y PNG, pero algunas conversiones de WordPress terminan siendo mayores. No significa que el formato esté roto: dimensiones, compresión del original, calidad, transparencia, metadatos y codificador determinan el resultado.

No publiques la variante hasta comparar bytes realmente entregados y calidad visual.

Comparar exactamente la misma variante

WordPress genera varios tamaños. Quizá comparas un JPEG de 1200 píxeles con el WebP del original de 3000. Comprueba anchura, altura, recorte, perfil de color, transparencia, metadatos, calidad y nombre de tamaño.

Usa Network para identificar el archivo que recibe el navegador. El mayor del disco puede no ser el que se sirve.

Entender calidad y modo de compresión

Un JPEG exportado cuidadosamente ya puede ser eficiente. Si el conversor emplea una calidad WebP muy alta para conservar cada detalle, el nuevo archivo crecerá. Los números de calidad de codificadores distintos no son equivalentes.

La pregunta correcta es cuál ofrece calidad aceptable en las dimensiones necesarias con menos bytes.

WebP sin pérdida puede ser mucho mayor que una fotografía JPEG con pérdida. Revisa el modo escogido. Para fotos, compara varias calidades con pérdida; para gráficos planos, logotipos y capturas, prueba visualmente opciones con y sin pérdida. No elimines transparencia si el diseño la necesita.

Corregir dimensiones antes que formato

Un WebP de 2400 píxeles puede pesar más que un JPEG de 800 y seguir siendo eficiente por píxel. Antes de ajustar calidad, genera tamaños apropiados, incluye srcset, define sizes correcto y evita fondos CSS con el original.

Ningún formato compensa entregar nueve veces el área de píxeles requerida.

Revisar metadatos y perfiles

Algunas herramientas conservan EXIF, XMP y perfiles de color; otras los retiran. Comprueba qué necesita el proyecto: orientación ya aplicada, color aceptable, copyright que deba conservarse y datos GPS o de cámara que convenga eliminar por privacidad.

No quites metadatos a ciegas si existe un requisito legítimo.

Comparar codificadores

Un plugin, ImageMagick, el hosting, una CDN y un editor pueden producir tamaños distintos con el mismo valor nominal. Registra herramienta y versión y prueba una muestra representativa antes de convertir toda la biblioteca.

Con ImageMagick, sobre una copia:

magick source.jpg -strip -quality 78 output.webp

Es un punto inicial, no un ajuste universal. Confirma el comando instalado, inspecciona el resultado y no reemplaces originales durante la prueba.

Verificar qué formato se entrega

Generar WebP no demuestra que el visitante lo reciba. En Network comprueba URL, Content-Type, bytes, cabeceras y candidato seleccionado. Algunos sistemas reescriben URL, otros usan <picture> y una CDN puede negociar mediante Accept.

La caché debe variar correctamente cuando corresponda. No sirvas WebP a entornos que no lo solicitan si la capa necesita fallback.

Una imagen menor con mala caché puede transferirse más a menudo que otra algo mayor y bien versionada. Usa URL nuevas cuando cambie el archivo o evita una caché anual sobre recursos sobrescritos.

Evitar pérdidas acumuladas

No recomprimas un JPEG ya degradado y conviertas después esa copia. Cada codificación con pérdida añade artefactos. Conserva el mejor original disponible como fuente; si WordPress lo reemplazó, recupéralo de una copia.

Compara al 100 %, tamaño real de escritorio y móvil, y pantalla de alta densidad cuando importe. Busca bloques, cabello o vegetación emborronados, bandas, halos, cambios de color y bordes transparentes dañados.

El archivo más pequeño no gana si reduce la confianza en un producto.

Adaptar reglas al tipo de imagen

Miniaturas y zoom de WooCommerce no comparten requisitos. Una ficha puede cargar una variante grande al ampliar sin obligar a los listados a descargarla. Prueba variantes y pantallas retina antes de bajar calidad globalmente.

Capturas con texto, transparencias y degradados necesitan otras reglas. Compara WebP con pérdida y sin ella, PNG optimizado y tamaño CSS real. No aplanes sobre blanco si la imagen puede aparecer en fondo oscuro.

Crea una matriz con fotografía, producto, captura, gráfico transparente, degradado y JPEG muy comprimido. Registra dimensiones, peso, codificador, calidad y aprobación visual, y aplica reglas por clase en vez de un porcentaje universal.

Mantener reversión

Conserva fuente y copia de archivos y base de datos hasta verificar entrega WebP, variantes adaptables, calidad, referencias antiguas y restauración. Eliminar el único original convierte una optimización reversible en pérdida permanente.

Para una evaluación aporta ejemplos de origen y salida, URL, dimensiones visibles, herramienta, ajustes y petición seleccionada, solo si el material está autorizado.

El objetivo es reducir bytes entregados con calidad aprobada, no llenar la biblioteca de extensiones modernas.

ANTES DE ENVIAR LA SOLICITUD

Preguntas frecuentes.

¿Pedís contraseñas en el formulario?+

No. El formulario público nunca solicita accesos. Los datos seguros se piden únicamente después de aprobar el alcance y el presupuesto.

¿Quién revisa la incidencia?+

La solicitud llega a Jordi Ensenyat, fundador de Code Barcelona y especialista WordPress con más de 15 años de experiencia.

¿Se cambia algo antes del presupuesto?+

No. Primero se revisan los síntomas visibles y se define el alcance. La intervención empieza tras la aprobación y con una vía de vuelta preparada.

¿Trabajáis con webs en inglés y fuera de España?+

Sí. WP Repair atiende incidencias WordPress y WooCommerce en inglés y español, con servicio remoto.

Evaluar mi incidencia