La velocidad del sitio no depende solo del hosting y el código. Las imágenes que usted sube suelen convertirse en el principal cuello de botella: una sola foto «pesada» de una cámara puede ocupar entre 5 y 8 MB y añadir un segundo al tiempo de carga de la página. ¿Qué ocurre si tiene diez fotos así?

El formato de imagen determina cómo se comprime, cómo reproduce los colores y cómo la muestran los navegadores. Elegir mal se traduce en capturas de pantalla borrosas, PNG gigantescos en lugar de archivos WebP compactos y caídas en el posicionamiento: Google tiene en cuenta las Core Web Vitals para el ranking.

A continuación encontrará recomendaciones específicas para cada tarea: fotos, capturas de pantalla, logotipos, animaciones. Y cómo añadir formatos que WordPress no acepta de serie.

💡 Resumen rápido:

• Identifique qué va a subir: foto, captura de pantalla, logotipo o animación, ya que esto determina la elección del formato.
• Para fotografías, use AVIF o WebP (la compresión es significativamente mejor que JPEG a igual calidad).
• Para capturas de pantalla y logotipos, PNG (sin pérdida) o AVIF (con pérdida pero un tamaño drásticamente menor).
• Para animaciones, WebP en lugar de GIF (el ahorro de tamaño es de varias veces).
• Si WordPress no acepta el formato que necesita, añada el soporte mediante functions.php o un plugin.
• Rellene siempre el texto alternativo y comprima las imágenes antes de subirlas o de forma automática con un plugin de optimización.

Por qué el formato de archivo de imagen es crítico para WordPress

El formato no es solo una extensión de archivo. Es un algoritmo de codificación que determina tres cosas: la calidad de imagen, el tamaño del archivo y la compatibilidad con navegadores. Las tres afectan directamente a las métricas de negocio de su sitio.

Velocidad de carga y Core Web Vitals. Una foto JPEG de 2 MB y la misma foto en AVIF a 400 KB se ven idénticas pero cargan con una diferencia de 5 veces. Google evalúa el Largest Contentful Paint (LCP), y las imágenes suelen ser el elemento más pesado de una página. Plugins como Smush convierten archivos a WebP o AVIF automáticamente, pero elegir el formato de origen correcto ahorra recursos del servidor.

Consecuencias para el SEO. La velocidad de la página es una señal directa de ranking para Google. Las imágenes pesadas reducen su puntuación de Core Web Vitals y la página pierde posiciones aunque el texto esté perfectamente optimizado. Un estudio de Portent (2024) mostró que reducir el LCP de 4 a 2 segundos aumenta la conversión de la página de destino entre un 15 y un 20% de media en nichos B2B.

Calidad visual. Los distintos formatos gestionan los degradados, el texto y los detalles finos de manera diferente. JPEG produce artefactos alrededor de los bordes de alto contraste, lo que da un aspecto desordenado en las capturas de pantalla. PNG conserva la nitidez pero pesa varias veces más. AVIF resuelve ambos problemas: la compresión es significativamente más eficiente que JPEG con una calidad visual comparable.

Adaptabilidad. Los usuarios visitan el sitio desde teléfonos, tabletas y ordenadores de escritorio usando diferentes navegadores. AVIF es compatible con Chrome, Firefox y Opera (desde 2021-2022), y con Safari desde la versión 16 (otoño de 2022). WebP funciona en todas partes desde 2020. JPEG y PNG son el respaldo universal que cualquier navegador de los últimos 20 años entiende.

Qué formatos de imagen admite WordPress en 2026

WordPress ha cambiado radicalmente. Mientras que antes solo funcionaban JPEG, PNG, GIF e ICO «de serie», WordPress 5.8 (2021) añadió soporte nativo para WebP, y WordPress 6.5 (abril de 2024) añadió soporte completo para AVIF.

Lista completa de formatos disponibles por defecto (WordPress ≥6.5):

SVG (formato vectorial) no es aceptado por WordPress por defecto por razones de seguridad, ya que los archivos SVG pueden contener JavaScript. Si necesita SVG para logotipos o iconos, habilítelo a través de functions.php con filtrado o use un plugin especializado como Safe SVG en WordPress.org.

Comparativa de formatos: cuándo usar cada uno

JPEG (JPG)

El estándar desde 1992 que todavía cubre aproximadamente el 77% de todas las imágenes en internet según W3Techs (2026). Compresión con pérdida y control del nivel de calidad; entre 85 y 92 es el «punto óptimo». Millones de colores, degradados excelentes.

Inconveniente: no admite transparencia. Cada JPEG es un rectángulo. No es adecuado para un logotipo sobre fondo transparente. Además, presenta artefactos de compresión en bordes nítidos de alto contraste, lo que significa que las capturas de pantalla de interfaces en JPEG se ven mal.

Cuándo usarlo: fotografías, imágenes de fondo grandes, entradas de blog con contenido fotográfico, si por alguna razón no está usando WebP/AVIF.

PNG

Un formato creado como alternativa libre a GIF. Compresión sin pérdida: no se pierde ni un solo píxel. La transparencia alfa completa (256 niveles) permite sombras suaves y elementos semitransparentes.

Inconveniente: el tamaño. Una foto en PNG puede pesar entre 5 y 10 veces más que la versión JPEG con una calidad visualmente idéntica. Para imágenes de contenido, esto no se justifica.

Cuándo usarlo: capturas de pantalla de interfaces (la nitidez del texto es crítica), logotipos, infografías, diagramas, iconos, imágenes con texto.

GIF

Un formato con 256 colores y animación fotograma a fotograma. Una leyenda de los inicios de internet. Compresión sin pérdida, pero la paleta limitada lo hace inadecuado para fotografías, ya que los degradados se convierten en «escalones».

Inconveniente: tamaños de animación enormes. Un GIF de 5 segundos puede pesar entre 10 y 15 MB, mientras que el mismo clip en animación WebP pesa entre 1 y 2 MB.

Cuándo usarlo: solo cuando necesite una animación corta sin sonido y no esté disponible una versión en WebP/AVIF.

WebP

Google presentó WebP en 2010, pero el formato realmente «despegó» después de 2020, cuando todos los navegadores principales añadieron soporte. Admite compresión con y sin pérdida en un solo formato. Transparencia, sí. Animación, sí. Las imágenes WebP son de media un 25-35% más pequeñas que PNG y un 25-34% más pequeñas que JPEG con una calidad equivalente.

Inconveniente: en el momento de escribir esto, ya no es el formato más eficiente, ya que AVIF lo supera en compresión. Pero como respaldo, WebP es indispensable.

Cuándo usarlo: formato universal para todo. Si no está seguro, opte por WebP. Fotos, capturas de pantalla, animaciones, gráficos: sirve para todo.

AVIF

El formato de imagen más eficiente en 2026. Basado en el códec de vídeo AV1. Las imágenes AVIF son un 30-50% más pequeñas que WebP con la misma calidad visual. Admite HDR, gama de colores amplia, compresión con y sin pérdida, transparencia y animación. WordPress 6.5+ admite AVIF de forma nativa, por lo que puede subir archivos directamente a la biblioteca de medios.

Inconveniente: Safari añadió soporte solo con la versión 16 (otoño de 2022), por lo que los iPhones y Macs antiguos con versiones desactualizadas no mostrarán AVIF. Esto se soluciona añadiendo un respaldo WebP/JPEG mediante el elemento <picture> o un plugin de optimización.

Cuándo usarlo: formato prioritario para fotos y capturas de pantalla. Si su sitio funciona con WordPress ≥6.5, AVIF es su elección principal, con WebP como seguro.

Cómo añadir soporte para formatos adicionales

WordPress filtra los archivos subidos por tipo MIME. Si necesita permitir SVG, BMP u otro formato, añádalo mediante el hook upload_mimes en el archivo functions.php de su tema:

1
add_filter( 'upload_mimes', 'techblog_add_mime_types' );
2
function techblog_add_mime_types( $mime_types ) {
3
    $mime_types['svg']  = 'image/svg+xml';
4
    $mime_types['bmp']  = 'image/bmp';
5
    $mime_types['webp'] = 'image/webp';   // WP 5.8+ not required
6
    $mime_types['avif'] = 'image/avif';   // WP 6.5+ not required
7
 
8
    return $mime_types;
9
}

El código se añade al functions.php del tema activo o mediante el plugin Code Snippets. Haga una copia de seguridad antes de editar, ya que un error de PHP hará que el sitio deje de funcionar.

Para SVG, una advertencia. Los archivos SVG pueden contener JavaScript. Si habilita la subida de SVG, use el plugin Safe SVG (desinfecta scripts), que limpia los archivos y elimina los scripts antes de guardarlos en la biblioteca de medios.

Una alternativa es el complemento File Upload Types, que añade compatibilidad con decenas de formatos mediante una interfaz. Para uno o dos formatos, el hook upload_mimes resulta más sencillo.

Buenas prácticas: tamaño, SEO y optimización

Tamaño óptimo de imagen

Suba las imágenes exactamente al tamaño que necesite en la página. Si la imagen va en una columna de 800 px, no tiene sentido subir un original de 4000 px. WordPress crea múltiples tamaños al subir (miniatura, mediano, grande), pero el archivo original se almacena en el servidor y puede entregarse al navegador cuando se llama a full.

Regla: antes de subir, redimensione la imagen al ancho máximo de visualización (normalmente 1200-1600 px para el área de contenido). Herramientas: Photoshop, Squoosh gratuito de Google, la utilidad de línea de comandos cwebp.

Aumentar el límite de subida

Por defecto, WordPress limita el tamaño de archivo subido a 2 MB. Con AVIF moderno esto rara vez es un problema (los archivos son significativamente más pequeños que JPEG), pero al subir un PNG grande o un WebP animado, el límite puede interferir.

En muchos proveedores de hosting, el límite se puede cambiar desde el panel de control. Por ejemplo, en Cloudways, vaya a Server Management → Settings and Packages. En GoDaddy, mediante cPanel; en Media Temple, editando php.ini; y con WP Engine, necesita contactar al soporte. Si no tiene acceso directo a la configuración del servidor, añada esto a wp-config.php:

1
define( 'WP_MEMORY_LIMIT', '256M' );

Esto aumenta el límite de memoria de PHP e indirectamente eleva el umbral de subida.

SEO de imágenes: texto alternativo y nombres de archivo

Los motores de búsqueda no «ven» las imágenes; leen sus atributos. El texto alternativo es una descripción de la imagen que se indexa y es leída por los lectores de pantalla.

Reglas para un buen texto alternativo:

• Describa lo que hay en la imagen en el contexto del artículo. No «captura de pantalla», sino «Panel de control de Cloudways con el campo Upload Size resaltado».
• 4-8 palabras, en inglés, con la palabra clave de la sección.
• No empiece con «Imagen de…» o «Foto de…»
• Para imágenes decorativas, deje alt="".

El nombre del archivo también importa. IMG_20241015_142302.jpg no le dice nada al motor de búsqueda. wordpress-image-format-comparison-chart.png sí. Cambie el nombre de los archivos antes de subirlos.

Plugins de optimización de imágenes

La optimización manual de cada archivo lleva tiempo. Los plugins automatizan el proceso: comprimen, convierten a WebP/AVIF y sirven al navegador el formato óptimo. Según las pruebas de WPShout (2025), los 4 principales son:

Una visión más completa de los plugins de optimización está en nuestro artículo aparte.

Estrategia basada en analíticas

Google Analytics (o Matomo) muestra qué dispositivos y navegadores utilizan los visitantes. Esto determina cuál debe ser el formato principal. Por ejemplo, si la mayor parte de su audiencia usa las últimas versiones de Chrome y Safari, AVIF está justificado y puede configurar WebP como respaldo mediante un plugin para el resto.

Si muchos visitantes tienen iPhones con iOS 15 o anterior, AVIF no funcionará y el formato principal debería ser WebP con JPEG como seguro. Tenemos una guía detallada con tres métodos sobre cómo servir imágenes WebP en WordPress, desde CDN hasta <picture> manual.

Video: AVIF y WebP en WordPress en la práctica

Este breve video muestra el proceso de conversión de imágenes a AVIF y WebP directamente en el administrador de WordPress y compara los tamaños antes y después:

El formato AVIF ofrece una compresión significativamente mejor que WebP, con una diferencia especialmente notable en fotos con degradados suaves y mucho detalle. WordPress 6.5+ soporta AVIF de forma nativa, sin plugins.

⁉️🤔 Preguntas frecuentes

¿Cuál es la diferencia entre compresión con pérdida y sin pérdida?

Los algoritmos con pérdida eliminan datos imperceptibles al ojo (JPEG, AVIF con pérdida, WebP con pérdida). El archivo es pequeño, pero la calidad se degrada con cada reguardado. Sin pérdida conserva cada píxel tal cual (PNG, GIF, AVIF sin pérdida, WebP sin pérdida). El archivo es más grande, pero ideal para gráficos con texto. Para fotos de contenido, use compresión con pérdida (AVIF calidad 50-70 o WebP calidad 75-85) y el tamaño se reducirá varias veces. Deje la compresión sin pérdida para logotipos y capturas de pantalla donde la nitidez importa.

¿Qué formato debo elegir para capturas de pantalla en 2026?

AVIF en modo sin pérdida o calidad 90+. Las capturas de pantalla necesitan texto legible y AVIF sin pérdida conserva la nitidez a nivel de PNG mientras que el archivo pesa significativamente menos. Si su sitio funciona con WordPress anterior a 6.5, use WebP sin pérdida como principal con PNG como respaldo.

Pruébelo usted mismo: tome una captura de pantalla del panel de administración, guárdela como PNG, WebP sin pérdida y AVIF sin pérdida. Diferencia visual: cero. Pero en una página con una docena y media de capturas, la diferencia de megabytes ya es perceptible para el LCP.

¿Necesito un plugin de optimización si el propio WordPress soporta WebP y AVIF?

WordPress soporta la carga de WebP y AVIF, pero no convierte automáticamente JPEG/PNG a formatos modernos. Si usted sube archivos WebP/AVIF ya preparados, no necesita un plugin. Si sus originales están en JPEG/PNG, un plugin los convierte al subirlos y sirve al navegador el formato óptimo.

Además, los plugins resuelven la tarea del respaldo: generan <picture> con múltiples fuentes para diferentes navegadores. Sin un plugin, tendría que hacerlo manualmente o confiar en que todos los visitantes usen navegadores compatibles con AVIF (algo que aún no ocurre).

¿WebP o AVIF: cuál debo elegir ahora mismo?

AVIF como principal, WebP como respaldo. AVIF gana en compresión (notablemente mejor que WebP), calidad (HDR, gama de colores amplia) y soporte de navegadores, que ahora incluye Chrome 85+, Firefox 93+, Safari 16+ y Opera 71+. El único «pero» son los dispositivos iOS antiguos: iPhone X y anteriores con iOS 15 no mostrarán AVIF. Pero su cuota está bajando y plugins como EWWW y Optimole les sirven automáticamente WebP.

Si sus analíticas muestran una cuota notable de iOS 15 y anterior, haga de WebP el formato principal con AVIF como opción «para quienes puedan». Para todos los demás: AVIF ahora, WebP como respaldo.

¿Puedo usar SVG para un logotipo en WordPress?

SVG es el formato ideal para logotipos: escalado infinito y tamaño microscópico (2-5 KB). Pero WordPress bloquea SVG por riesgo de ataque XSS (SVG puede contener JavaScript incrustado). Use el plugin Safe SVG (carga segura), que sanitiza cada archivo subido y elimina el código potencialmente peligroso. Después, SVG se puede subir directamente a la biblioteca de medios y usarse como cualquier otro formato.

Qué usar en WordPress en 2026: conclusión final

La elección del formato se reduce a tres reglas. Fotos y capturas de pantalla: AVIF (prioridad) o WebP, compresión con pérdida calidad 70-85. Logotipos e iconos: PNG o AVIF sin pérdida + SVG mediante Safe SVG. Animaciones: WebP en lugar de GIF, ahorro de tamaño de varias veces.

No ponga todos los huevos en una sola cesta de formatos. La estrategia ideal: AVIF → WebP → JPEG/PNG original, tres capas mediante <picture> o un plugin. Prácticamente todos los visitantes recibirán AVIF/WebP, el resto obtendrá el formato clásico y nadie verá un icono roto.

Configure la optimización automática una vez (mediante EWWW para procesamiento local u Optimole para un servicio en la nube con CDN) y olvídese de la compresión manual. Revise las analíticas trimestralmente: la cuota de navegadores antiguos está bajando y pronto AVIF será un formato sin salvedades.