En Drupal se pueden configurar distintos tamaños de imágenes para que al momento de cargar un contenido, se ajuste el tamaño automáticamente.
Por un lado, esto le va a dar consistencia al diseño general del sitio y por el otro resuelve el problema de tener que cargar todas las imágenes con la medida exacta.
Esto es una ventaja para el rol de Editor, ya que siguiendo determinados lineamientos, puede subir imágenes fácilmente sabiendo de antemano cuál va a ser el resultado final de la visualización.
¿Cuál es el tamaño recomendado para subir?
Hay que tener en cuenta que en el caso ideal hay que tener la menor cantidad posible de formatos de imágenes. Esto trae la ventaja de la simplificación en todo sentido, del mantenimiento en el largo plazo y finalmente se hace más sencillo si hay que capacitar a una nueva persona para que cargue contenido.
Entonces en el mejor de los casos sugerimos manejarnos con dos o tres tamaños de imagen.
Y el formato va a ser principalmente horizontal lo más cercano a la proporción de una cámara de fotos (ej: 800px de ancho X 600px de alto).
La idea es que el rol de editor tenga la tarea lo más simplificada posible y que al cargar una sola imagen, la misma se ajuste automáticamente y se vea correctamente en distintas partes del sitio.
Por ejemplo, el caso más frecuente es cargar una imagen en un nodo del tipo de contenido “Artículo” donde probablemente la imagen se vea en dos lados:
- En un listado de “Últimos artículos” donde la imagen va a ser más pequeña.
- En el nodo propiamente dicho donde la imagen será más grande.
Por eso teniendo en cuenta estas variables, nuestra propuesta siempre es simplificar: tratar de que la imagen si aparece en distintos formatos a lo largo del sitio, que la misma preserve la proporción. Ya que es muy común que se quiere cargar por ejemplo una foto de tamaño vertical (donde pueden aparecer personas) y que luego se cortan partes en la imagen (como la cabeza o los pies, etc)
Siempre vamos a recomendar el formato horizontal y tratar de cargar una sola imagen que aplique a distintas visualizaciones del contenido.
¿Cómo funcionan las imágenes en dispositivos móviles?
Desde el inicio la imagen se va a subir con buena resolución y tamaño para contemplar la visualización en los distintos dispositivos móviles.
Por ejemplo una imagen cargada en un listado que se visualiza en un ordenador de escritorio, luego esa imagen probablemente se vea un poco más grande en un celular en una columna.
O cuando se accede a una noticia donde el nodo muestra la imagen grande, cuando se vea en un celular, la imagen se va a escalar proporcionalmente (y en este caso lógicamente se visualizará más pequeña).
Pero cualquiera sea el caso, la lógica es la misma. Se carga una imagen que se trate de ajustar a todas las situaciones posibles.
La excepción a la regla
Hay casos donde es necesario agregar un campo adicional y subir la imagen ajustada para ser visualizada diferente.
Por ejemplo si el tipo de contenido forma parte de un slider en la home donde el diseño es lo suficientemente horizontal como para romper la proporción definida originalmente.
Entonces en ese caso se sube desde el vamos una imagen ajustada proporcionalmente que funcionará en el slider y otra imagen que funcionará al ingresar al nodo.