C3. Regeneración tamaños imágenes - Imágenes
Por defecto cuando se sube una imagen, el sistema crea las copias de la imagen redimensionadas en la vista pública y en la vista desde el gestor en función de los tamaños creados en esta lista.
Para ver más detalles de que tipo de redimensionamiento se está usando inspeccionar con el navegador el código de la imagen. Se reconoce el tipo de tamaño de visualización de imagen en el nombre de esta:
https://pruebas.wakaprint.eu/images/gallery/5/6/8/568-slider.jpg
Desde la sección del menú del gestor Otros->Apariencia->Tamaños de las imágenes puede ajustar el tamaño de las imágenes.
En una lista se muestran los tamaños de imágenes establecidas para cada tipo de visualización pública o desde el gestor de las imágenes en la tienda.
Todas las imágenes subidas a la aplicación son redimensionadas según los tamaños aquí establecidos. Desde el panel se pueden crear nuevos tamaños y modificar los existentes.
Los tamaños se especifican y reflejan en pixeles.
1. Interfaz de Ajustes > Apariencia > Tamaños de imágenes
| Elemento |
Función |
|---|---|
| Crear nuevo tamaño | Permite definir y añadir un nuevo formato de imagen personalizado al sistema, especificando dimensiones y opciones. |
| Indicador de cantidad de elementos |
Muestra el número total de tamaños configurados y los que se están visualizando dentro de la tabla. |
| Icono de filtro |
Permite filtrar o localizar tamaños de imagen específicos dentro de la tabla. |
| Tabla de tamaños de imagen | Muestra la lista de todos los tamaños de imagen configurados y sus características principales. |
| Nombre | Identifica cada tamaño de imagen mediante una etiqueta única para su gestión y uso en el sistema. |
| Ancho | Define la dimensión horizontal en píxeles de la imagen generada. |
| Alto | Define la dimensión vertical en píxeles de la imagen generada. |
| Por defecto | Indica si el tamaño es el principal o predeterminado que utilizará el sistema. Ha de estar marcada la de tipo "List". |
| Llenar | Especifica si la imagen se ajustará completamente al tamaño definido, pudiendo implicar recorte o ajuste automático. |
| Marca de agua | Permite activar o desactivar la aplicación automática de una marca de agua sobre la imagen generada. |
| Ver | Permite consultar la configuración específica del tamaño de imagen seleccionado. |
| Menú de acciones. Flecha del botón VER |
Proporciona acceso a opciones adicionales como editar o eliminar el tamaño de imagen.
|
| Sección Regenerar imágenes | Al aplicar nuevas dimensiones o ajustes permite volver a generar imágenes existentes según los tamaños configurados. |
| Selector Tipo |
Permite elegir entre regenerar las imágenes de las imágenes de un producto concreto, o imágenes de todos los productos de la tienda o las imágenes de una categoría.  |
| Selector tamaño de imagen | Permite seleccionar un tamaño específico para regenerar las imágenes. Si se quieren regenerar todos los tipos no seleccionar ninguna opción. Entre el selector anterior y éste se puede definir en qué productos y qué tipo de imágenes se van a regenerar.  |
| Botón REGENERAR |
Ejecuta el proceso de regeneración de imágenes con las opciones seleccionadas.
|
| Ver log de la última generación |
Permite consultar el historial o resultado del último proceso de regeneración. |
Información adicional
Esta interfaz permite gestionar los distintos tamaños de imagen utilizados por el sistema. Cada tamaño define dimensiones específicas y opciones de procesamiento, como el ajuste completo de la imagen o la aplicación de una marca de agua.
Los tamaños configurados son utilizados en diferentes contextos, como miniaturas, listados, vistas previas o imágenes para sliders, lo que facilita la adaptación de las imágenes según las necesidades de visualización.
La función de regeneración permite actualizar las imágenes existentes para aplicar nuevos tamaños o configuraciones sin necesidad de volver a cargarlas manualmente. Además, el sistema proporciona un registro del último proceso de regeneración para facilitar el seguimiento y la verificación de los resultados.
No modificar los nombres los tamaños creados por defecto ya que pueden ocasionar pérdida de funcionalidades básicas.
Recomendación optimizada por cada tamaño
| Tamaño |
Dimensiones ancho x alto |
Peso recomendado | Peso máximo | Formato recomendado |
|---|---|---|---|---|
| thumb |
100 × 100 px |
5–15 KB | 25 KB | JPG, PNG |
| list |
300 × 286 px |
15–40 KB | 60 KB | Jpg, PNG |
| preview | 550 × 350 px | 30–80 KB | 120 KB | Jpg, PNG |
| slider |
1000 × 462 px |
80–180 KB | 250 KB | JPG, PNG |
2. Tipos de tamaños de imágenes que se pueden regenerar
2.1 Thumb
Se visualiza en el gestor:
Este tipo se usa para los listados o secciones de la vista pública o gestor en las que se muestran en pequeño tamaño como por ejemplo; en el listado de productos del gestor.
2.2 List
Ha de estar marcada como por defecto. Se visualiza en la vista del cliente en los productos vistos desde la categoría y en los valores de las características.
2.3 Preview
Se visualiza en la vista de la categoría en modo tarjeta.
2.4. Slider (de la ficha de producto).
Se visualiza en la ficha de producto.
3. A tener en cuenta
Para que partes de la imagen no se vean, no queden espacios en blanco o pierdan calidad hay que subir la imagen en tamaño proporcional al especificado en Ajustes> Apariencia> Tamaños de imágenes> Tipo correspondiente.
Si se dispone de imágenes en un tamaño y proporción concreta que no se quiere modificar se puede modificar en Ajustes> Apariencia> Tamaños de imágenes> Tipo correspondiente, el tamaño de la visualización. El tamaño se expresa en pixeles de ancho y de alto.
Una vez modificado el tamaño han de regenerarse todas las imágenes del tipo modificado. Y vaciar caché en el gestor y en el navegador.