Optimización de imágenes de WordPress en Mac

El cargador de medios de WordPress acepta tu PNG hero de 6 MB, pero la página de inicio sigue cargando lento porque el tema muestra el archivo completo en src, no una variante redimensionada. La optimización de imágenes para WordPress comienza antes de la subida: ajusta el ancho en píxeles al área de contenido de tu tema, elige JPEG o WebP y comprime localmente para que la biblioteca almacene fuentes ligeras.

Límites de subida de WordPress en la práctica

Las configuraciones de alojamiento establecen upload_max_filesize y post_max_size. Una sola foto de 10 MB puede pasar, mientras que un lote de doce puede fallar en silencio o agotar el tiempo de espera.

Corrige las fuentes en tu Mac antes de importar a la Biblioteca multimedia. Los archivos más pequeños se suben más rápido y reducen el trabajo de generación de miniaturas en el servidor. Consulta cómo comprimir imágenes en Mac para las reglas generales de redimensionado y formato.

Formatos y tamaños recomendados

El núcleo de WordPress admite JPEG, PNG, GIF y WebP en instalaciones modernas. Los temas y los plugins varían en cómo emiten srcset y los formatos modernos.

Lee compresión con pérdida frente a sin pérdida antes de almacenar cada foto como PNG sin pérdida. Las fotos pertenecen al JPEG o WebP con pérdida tras el redimensionado.

Cuando tu tema documenta el soporte de WebP, convierte los heroes localmente. PNG a WebP en Mac cubre la exportación desde fuentes de diseño PNG.

Prepara las imágenes antes de la subida

Un flujo de trabajo repetible en Mac:

1. Anota content_width del tema o mide la columna en vivo en las herramientas de desarrollo del navegador.
2. Exporta desde el diseño a ese ancho multiplicado por dos para Retina, no al 3x del lienzo.
3. Redimensiona en Vista previa si las exportaciones superan el límite (Herramientas → Ajustar tamaño…).
4. Exporta JPEG con calidad 82 a 85 o WebP mediante cwebp.
5. Sube el archivo optimizado, no el maestro de 4000 px.

Elimina los datos GPS EXIF de las fotos de eventos cuando la ubicación no deba publicarse. La eliminación de metadatos es independiente del tamaño en bytes, pero importa para la privacidad en blogs públicos.

Evita subir HEIC de cámara cuando los autores en Windows no puedan reutilizar el activo. Convierte a JPEG en tu Mac primero.

Imágenes destacadas y ancho de contenido

Las imágenes destacadas suelen mostrarse más anchas que las figuras en línea, pero aún por debajo de la resolución completa de la cámara.

WordPress genera marcado srcset y sizes responsivo desde la versión 4.4. Su documentación de imágenes responsivas explica cómo los tamaños intermedios permiten al navegador elegir un candidato adecuado. Confirma que el tema utiliza este marcado para imágenes destacadas, tarjetas y bloques personalizados en lugar de asumir que cada imagen de la Biblioteca multimedia se entrega de forma responsiva.

Regenera las miniaturas solo después de reemplazar el archivo fuente en la biblioteca. WordPress conserva los tamaños antiguos hasta que los plugins los reconstruyen. Sube el tamaño correcto primero para evitar servir intermediarios -scaled de gran tamaño.

Combina con optimizar imágenes para la web en Mac cuando los mismos activos también alimenten una página de aterrizaje estática fuera de WordPress.

Proceso por lotes para la biblioteca multimedia

Las migraciones de blogs y los ensayos fotográficos implican docenas de archivos en una sola sesión.

mkdir wp-upload
for f in *.jpg; do sips -Z 1920 -s formatOptions 85 "$f" --out "wp-upload/$f"; done

Organiza originals/ y wp-upload/ por separado. Nunca elimines los maestros hasta que la publicación esté en vivo y verificada.

Los optimizadores de imágenes de WordPress en línea envían archivos a terceros. Para borradores, capturas de pantalla reservadas y trabajos en progreso de clientes, comprime localmente. Consulta son seguros los compresores de archivos en línea para saber qué significa realmente la subida.

Documenta el ancho máximo en tu lista de verificación editorial para que los colaboradores dejen de subir fotos de teléfonos a resolución completa.

Añade el texto alternativo después de la subida, no antes de la compresión. El texto alternativo no afecta los bytes, pero emparejar archivos optimizados con texto alternativo descriptivo mantiene las auditorías de accesibilidad separadas de las auditorías de tamaño de archivo.

Cuando un plugin genera WebP en el servidor, la preparación local de WebP sigue reduciendo el tiempo de subida y la carga de procesamiento en la administración durante las importaciones masivas.

Uso de GetCompress

GetCompress maneja carpetas de imágenes mixtas en tu Mac sin necesidad de subir. Útil cuando los editores preparan un mes de publicaciones sin conexión.

• Arrastra una carpeta de figuras y establece el ancho máximo más la salida JPEG o WebP para la importación en WordPress.
• Guarda preajustes (por ejemplo, “WP destacado 1920 JPEG q85”) alineados con las medidas de tu tema.
• Previsualiza capturas de pantalla con mucho texto antes de la exportación por lotes.
• Realiza la optimización de imágenes de WordPress en Mac por lotes cuando los ensayos fotográficos superen diez archivos por artículo.
• Convierte las fotos HEIC de iPhone a JPEG en un solo paso antes de que los autores abran el cargador de administración.

GetCompress no reemplaza los plugins de WordPress que reescriben el marcado del front-end. Prepara las fuentes para que los plugins y las CDN tengan menos que optimizar después. La supervisión de carpetas puede vigilar un directorio to-upload/ y comprimir las nuevas exportaciones cuando el diseño entregue los activos del blog cada semana.

Verifica una imagen destacada en móvil después de la subida. Ajusta el ancho antes de afinar los ajustes de carga diferida del plugin.