Soporte » Diseño – Temas y plantillas » Duda conceptual sobre el tamaño de imágenes

  • Resuelto artesvisuales

    (@artesvisuales)


    Buenos días.

    Estoy preparando un sitio y tengo dudas conceptuales sobre como utilizar los tamaños automáticos generados por WordPress, el tema y los plugin.

    Que yo sepa y atendiendo a los componente utilizados tengo por defecto los siguientes tamaños de imágenes:

    WordPress
    General > Ajustes Multimedia
    Miniatura 150×150
    Medio 550x 550
    Grande 1024 x 1024

    Tema
    Thumbnail Dimensions 100×100
    Single Post – Thumbnail Dimensions 200×200

    WooCommerce
    Catalog Images 216×216
    Product Thumbnails 108×108
    Single Product Image 461×461

    ¿Que debe hacer para optimizar el uso de imágenes y evitar una pila de tamaños?

    – Dejarlos tal y como están para tener distintos recursos gráficos y optimizar la carga.
    – Homogeneizar los tamaños, fijando los mismos por ejemplo en los Thumbnails para reducir el número de versiones.
    – Fijar tamaños a 0 y redimensionarlas con css para ahorrar espacio en disco y aprovechar la caché.
    – Utilizar otras alternativas, ¿cuales? …

    Bueno pues esto es todo, muchas gracias por adelantado por vuestras ideas.

    Un saludo.

    • Este debate fue modificado hace 2 años, 11 meses por artesvisuales.
Viendo 2 respuestas - de la 1 a la 2 (de un total de 2)
  • Hola @artesvisuales,

    Hablamos en este caso de una optimización avanzada y de buenas prácticas. Entiendo que en un supuesto en el que no busquemos esa optimización, no sería necesario intervenir.

    – En primer lugar creo que sería interesante deshabilitar la opción de que se generen miniaturas que no vayas a utilizar. Por ejemplo, podrías deshabilitar en el tema los dos nuevos thumbnails que se muestran y revisar el código para adecuar la carga a otros thumbnails existentes, por ejemplo alguno de los tres por defecto de WordPress.

    – También podrías hacer lo propio, pero utilizando los thumbnails de WooCommerce. LA clave está en que si deshabilitas la creación de unas miniaturas, en la plantillas del tema que utilices debes encargarte de elegir las nuevas llamadas a miniaturas. Es cuestión de elegir en ese lugar cuál prefieres usar, si las base de WordPress, las de WooCommerce, las del tema…

    – Sobre la redimensión por CSS, creo que es mejor hacer una llamada a un archivo más pequeño con las dimensiones adecuadas que redimensionarlo por CSS. Generas una consulta nueva, pero reduces muchísimo el peso de las imágenes entregando archivos más pequeños y por consiguiente con menos peso.

    Son un par de ideas, que espero te ayuden.

    Un saludo.

    Buenos días Fernan y gracias por contestar.

    Si efectivamente se trata de tener claras las mejores prácticas posibles en este tema. Creo que tienes razón en el planteamiento, es sensato y está bien enfocado.

    Reviso la plantilla para ver como hace las llamadas.

    Un saludo y que tengas un buen fin de semana.

Viendo 2 respuestas - de la 1 a la 2 (de un total de 2)
  • El debate ‘Duda conceptual sobre el tamaño de imágenes’ está cerrado a nuevas respuestas.