• Hola,

    Estoy utilizando un theme llamada Jnews bastante popular en Themeforest.
    Por cada imagen que subo, WordPress genera por defecto 13 imágenes en distintos tamaños para el theme que estoy utilizando para que la carga supuestamente sea más rápida al tener la imagen correcta para cada caso sin tener que hacer reescalado.

    Hasta aqui todo correcto.
    El problema es que las imágenes que me genera directamente WordPress de la original, algunas de ellas son DE MAYOR PESO que la original.

    Ejemplo:
    Subo una imagen lo mas comprimida posible sin perder mucha calidad con las siguiente configuración: JPG, dimensiones:1200x800px > Tamaño archivo: 56KB

    Pues me genera una imagen de 1140x800px con 91,86KB. Es casi el doble del peso de la imagen original siendo el tamaño más pequeño.

    Pensaba que WordPress al generar imágenes de distintos tamaños NUNCA pasaría en ningún caso del tamaño original de la imagen que se ha subido.
    ¿Como puede ser esto posible?

    Adjunto captura de pantalla con pruebas de los tamaños que me esta gestionando WordPress.

    Imagen

    • Este debate fue modificado hace 2 años, 1 mes por intoper.
    • Este debate fue modificado hace 2 años, 1 mes por intoper.
Viendo 9 respuestas - de la 1 a la 9 (de un total de 9)
  • Moderador Fernando Tellado

    (@fernandot)

    Es una barbaridad, sí, y no todas las crea WordPress. De hecho WP solo crea los tamaños configurados en los ajustes de medios del escritorio, que puedes poner a cero y desactivarlos.

    El resto los creará el tema y también puede que algunos plugins, cada uno con sus ajustes y un método diferente.

    Habría que revisar el functions del tema y también los plugins instalados a ver quién genera tantos tamaños, si los necesita realmente y para qué. Y luego, si no queda otra, optimizar las imágenes bien desde el hosting (no das nada de información al respecto de la web) o mediante plugins como Smush.

    Iniciador del debate intoper

    (@intoper)

    Gracias por la respuesta Fernando.

    Si, los ajustes de medios en WordPress están desactivados, están todos puestos a cero.

    La captura de pantalla con todas las imágenes que me crea son las generadas para el propio theme. No tengo ningún plugin extra instalado que necesite imágenes.

    La plantilla exacta que estoy utilizando es la siguiente, sin cambiar ningun tipo de tamaño de imagen:
    https://jnews.io/writy/

    Sobre las imagenes que crea WordPress por petición del theme ya las tengo fichadas y he deshabilitado las dos más grandes que veo que no las utiliza en la configuración del theme, ya que no utilizo ningun slider grande ni nada parecido.

    En el functions.php hace referencias hacia otros archivos.
    Te dejo una captura de pantalla del archivo con las instrucciones de las imágenes que crea y las dos más grandes donde he dejado la linea deshabilitada para que no las genere.

    Imagen ejemplo

    Pero aun asi con todo mi duda principal es…
    Si subo una imagen en JPG con dimensiones 1200x800px y tamaño 56KB. ¿Como puede ser posible que cuando el propio theme le dice a WordPress que genere esa imagen en otras dimensiones MAS PEQUEÑAS, estas imágenes PESEN EL DOBLE que la original subida?

    Un saludo.

    COMENTARIO EXTRA:
    El theme me da la opción de «generar las imágenes dinámicamente» y asi no duplicar la misma imagen en «tropecientos» tamaños pero como indica, si seleccionas esta opción pierdes rendimiento en la web al tener que redimensionar imagen por cada petición al servidor. Que creo que para el SEO y el pagespeed no es lo más correcto.

    • Esta respuesta fue modificada hace 2 años, 1 mes por intoper.
    • Esta respuesta fue modificada hace 2 años, 1 mes por intoper.
    Moderador Fernando Tellado

    (@fernandot)

    El problema del tamaño es por los ratios de compresión de WordPress, que usa el gestor instalado en el hosting, más o menos eficientemente. Puedes cambiar el ratio de compresión si quieres con un filtro así en el functions:

    add_filter('jpeg_quality', function($arg){return 65;});

    Para comprimir al 65%

    Lo de generar las imágenes dinámicamente habría que comprobar cómo lo hace, si sirve una misma imagen con los tamaños adaptados correctamente no sería mala opción en realidad

    Iniciador del debate intoper

    (@intoper)

    Gracias Fernando!
    Pues voy a probar con el tema de la compresión que me comentas a ver si bajan un poco el tamaño de las copias de las imágenes sin perder calidad. Es que me parece una locura.

    Estoy probando ahora la opción que da el theme de generar las opciones dinámicas y OJO! igual no me disgusta el sistema. Yo pensaba que lo único que hacia era «redimensionar todas las imágenes» por parte del navegador apuntando siempre a la original o a dos o tres mas generadas por defecto pero parece que no funciona asi.

    Por lo que veo con cada imagen nueva que subo en una entrada solo genera la miniatura principal de la entrada. Y después cuando alguien visita la web y la imagen tiene que aparecer en «artículos relacionados», algún widget o cualquier otro sitio, wordpress automaticamente crea la imagen adecuada para ella con la primera visita. Es decir, la crea realmente en mi servidor tipo: imagen-1140×760.jpg y es la que se linkea desde la web para ese espacio.

    Osea que la primera visita de la web si le tardara un poco mas en cargar las imagenes y miniaturas de nuevas entradas que tengan que generarse por toda la web pero para las siguientes ya estan listas en el servidor.
    Curioso, no sabia que funcionaba asi. Con esto se 100% que las imagenes que genera se están utilizando en ese tamaño pero… la primera visita de esa entrada tardara unos milisegundos mas en mostrar toda la info y no se si al servidor le puedo cargar con mucho trabajo.

    Moderador Fernando Tellado

    (@fernandot)

    Eso con una caché lo tienes solucionado 🙂

    Iniciador del debate intoper

    (@intoper)

    Hola Fernando!
    Vuelvo al tema porque me esta volviendo loco las imágenes que me genera WordPress con este tema y el maldito peso.

    He intentado meter el «filtro» para reducir la compresión de wordpress en el archivo functions.php del propio theme y se lo pasa por el forro… no hace nada, o por lo menos las imagenes generadas tienen el mismo peso que antes.
    Lo he probado en distintas lineas pero nada. Creo que el functions de este tema simplemente hace llamadas hacia otros archivos donde «explica» todo y puede que por eso no funcione.

    Ahora viene lo curioso….
    Como comentaba si cambio las opciones del tema para que genere las opciones en modo dinamico «sobre la marcha» solo me crea las imágenes que necesita en ese momento para la primera visita y despues se quedan en el servidor al tamaño generado para siempre.

    Era bonito porque probando «solo» me genera 4 imágenes redimensionadas respecto a las 11 que me genera si dejo que el theme que genere todas de golpe.
    PERO….haciendo pruebas con la MISMA IMAGEN original subida, en el modo dinamico me redimensiona las imagenes con MUCHO mas peso y esto ya es un problema grande.

    Pongo ejemplo rápido:
    Por defecto la «Featured Image» de las entradas es de 1140×570.
    Subo imagen original con un peso de 69KB con 1200×800 para Google Discover.

    Pues bien:
    1- Con seleccion de imagenes normales (me crea en el server todas las que tiene listadas ) la imagen que me redimensiona para 1140×570 tiene un peso de 85KB.

    2- Con selección de imágenes dinamicas (se crean las necesarias con la primera visita) la imagen que me redimensiona para 1140×570 tiene un peso de 296KB.

    No salgo de mi asombro. Claro, teniendo una imagen original de 69KB, que me la redimensione y aumente de peso hasta 85KB pues no lo veo bien, pero ya que aumente hasta los 296KB para la misma imagen y redimension de la entrada es reirse en mi cara.

    Adjunto capturas de pantalla para que no penseis que estoy loco.

    Generadas de forma normal. Todas las que tiene el theme programadas.
    Imagen ejemplo

    Generadas dinamicamente. Las imágenes necesarias.
    Imagen ejemplo

    • Esta respuesta fue modificada hace 2 años, 1 mes por intoper.
    • Esta respuesta fue modificada hace 2 años, 1 mes por intoper.
    Moderador Fernando Tellado

    (@fernandot)

    Sinceramente… 

    Yo haría lo siguiente:

    1. Anularía todas las funciones del tema que creen imágenes
    2. Configuraría los tamaños de medios de WP para los que necesite para el contenido, miniaturas, destacada

    Iniciador del debate intoper

    (@intoper)

    Hola Fernando!
    Después de darle unas vueltas creo que lo que voy ha hacer es lo siguiente:

    Al activar la generación dinamica he visto las imagenes que realmente necesita el theme o por lo menos supuestamente… con los complementos que tengo instalados.

    – Lo que voy a hacer creo que es dejar el theme que redimensione de forma normal (osea como viene por defecto para que cree todas las redimensiones) PERO… voy a bloquear manualmente las que no he visto creadas cuando estaba en modo dinamico.

    Como tengo fichado el archivo que redimensiona las imagenes (he puesto captura en mensajes anteriores) voy a bloquear las lineas de todas las que no se han creado en el formato dinamico y… a tirar millas. Creo que me olvido ya de este tema por el momento.

    Hablando de peso de imágenes. Estando en 2022 y estando ahora en auge imagenes bastante grandes con mas de 1200px de ancho para posicionas en Google discover…

    ¿Cuál crees que es un peso normal por imagen en una entrada de WordPress?
    Hablo del total de peso de la imagen que subes original + sus respectivas redimensiones si son necesarias. Algo «pasable» y que sea normal para un blog medio que meta todos los días tres o cuatro entradas nuevas.

    ¿podría ser una buena cifra de peso: 500kb en TOTAL por imagen subida + redimensiones creadas?

    Moderador Fernando Tellado

    (@fernandot)

    Yo tengo como norma no subir ninguna imagen de más de 100 Kb, por encima de eso me parece un exceso

Viendo 9 respuestas - de la 1 a la 9 (de un total de 9)
  • El debate ‘WordPress me crea imágenes de mayor peso que la original.’ está cerrado a nuevas respuestas.