Tamaño y peso de las imágenes para las páginas web de Dispongo

PESO ADECUADO DE LAS IMÁGENES (Minificar imágenes)

Herramienta para minificar imágenes automáticamente

TAMAÑO ADECUADO DE LAS IMÁGENES

Slider Principal (Demo3, Demo4 y Demo6)

Imágenes productos (Demo3, Demo4 y Demo6)

Sliders de imágenes en demo 4 (Galería de contenidos)

Slider de imágenes en demo 6 (Galería de contenidos)

Para una optimización correcta de la web de Dispongo hay que tener en cuenta dos factores: El peso de las imágenes y el tamaño de las mismas a continuación vamos a ver como optimizar estos dos factores.

PESO ADECUADO DE LAS IMÁGENES (Minificar imágenes)

Este es uno de los factores más importante para asegurarnos que la web carga rápidamente y tener una valoración positiva por parte de Google ya que lo tiene muy en cuenta para el posicionamiento. 

Por estos dos motivos debes de asegurarte que las imágenes que subas a tu web no deben de superar los 200 kb y siempre que sea posible asegurarnos que pesan lo mínimo posible sin perder mucha calidad. 

Herramienta para minificar imágenes automáticamente

Si no tienes claro como optimizar el peso de las imágenes  con herramientas de edición puedes recurrir a herramientas online que se encargan de hacerlo automáticamente, por ejemplo https://squoosh.app/index.html

TAMAÑO ADECUADO DE LAS IMÁGENES

Dependiendo de la sección web que queramos modificar el tamaño de las imágenes puede ser distinto. A continuación vamos a revisar diferentes secciones a tener en cuenta:

Slider Principal (Demo3, Demo4 y Demo6)

El tamaño de la imagen del slider debe de ser mínimo de 1920px de ancho y 600 px de alto. El alto de la imagen no necesariamente tiene por que ser de 600 px puede ser de un tamaño mayor si se desea ya que el contenido se adaptara. Esto aplica a las tres plantillas que tenemos en Dispongo Disponibles actualmente.

NOTA: Aunque no haya limitación de altura, no recomendamos que la altura sea muy superior a 600px ya que cuanto mas alta sea la imagen, aun que se adaptará correctamente en la web, desplazará todo el contenido hacía abajo.

Imágenes productos (Demo3, Demo4 y Demo6)

Las imágenes de productos se recomienda que tengan un tamaño mínimo de 560 px en su lado más largo. Y la relación de aspecto se recomienda que sea mas o menos cuadrado, aun que no es estrictamente necesario que sea totalmente cuadrada, pero si que se debe de evitar imágenes muy rectangulares ya que puede que no se vean correctamente. Si el tamaño es superior al mínimo no es un problema ya que la web la ajustará automáticamente.

Sliders de imágenes en demo 4 (Galería de contenidos)

Slider cuadricula:

Estás imágenes deben de ser cuadradas y con un tamaño mínimo de 270px de ancho y alto. Se pueden subir con un tamaño superior pero siempre deben de ser cuadradas.

Slider apaisado:

En el slider apaisado de demo 4 el tamaño de las imágenes debe de ser de 1140px por 325px

Slider de imágenes en demo 6 (Galería de contenidos)

Slider cuadricula:

El tamaño mínimo de las imágenes debe de ser 380px por 283px. Con una relación de aspecto de 1,34. Si si no se cumple la relación de aspecto exactamente en principio no debe de ser un problema ya que la imagen se adaptará al recuadro, pero esto puede provocar que no se vea toda la imagen dentro del recuadro ya que para adaptarla en algunas ocasiones se recortarán los bordes de las imágenes.