Incorporar imágenes a inaCátalog

InaCátalog a partir de su versión 14.00 permite usar dispositivos de los sistemas operativos iOS (Apple), Windows y Android. Desde este momento las dimensiones y calidad de las pantallas van a variar mucho dependiendo de los dispositivos y de la resolución de las pantallas. Por ello, se ha de buscar un compromiso óptimo entre el tamaño de las imágenes enviadas a los dispositivos y la calidad de visión de las mismas.

Hay que partir de la base de que la calidad de la imagen a mostrar influye en la venta por la percepción que recibe el cliente, pero un excesivo tamaño puede generar catálogos ‘pesados’, menos ágiles al movernos por ellos. Un tamaño mayor de las fotos provocará una ralentización del dispositivo a la hora de mostrarlas y no garantiza más calidad de visionado.

La última versión de inaCátalog permite utilizar miniaturas de imágenes de alta calidad en la vista inicial, en la de resumen del pedido y en las galerías para poder visualizar imágenes excelentes en el catálogo en pantallas de grandes dimensiones.

Imágenes de artículos

• • Nombre: Definido en tabla iArticulosLImg
  • Dimensiones: 768x768
  • Formato: jpg, RGB
  • Carpeta: C:\Catalogo\Imagenes

Como norma general, si el nombre del fichero de imagen coincide con el código de artículo, la asignación es automática. Los nombres de los ficheros de imagen no pueden superar los 200 caracteres incluyendo el punto y la extensión y no pueden contener símbolos especiales.

*IMPORTANTE: Para evitar errores ocasionados por la posibilidad de distintos sistemas operativos en servidores FTP, es necesario que tanto las imágenes como los archivos multimedia no contengan caracteres que se salgan de la configuración ASCII en sus nombres. Por ejemplo, no se deberían crear archivos que contengan acentos, diéresis... Sí que se permiten espacios, pero no acentos.

Especificaciones de las imágenes de los artículos

Las imágenes se preparan desde el servidor. De forma estándar, sea cual sea su tamaño original, se ajusta internamente a 2 tamaños para ser usados en diferentes vistas de la App, quedando guardadas en las carpetas C:\Catalogo\IMAGENESRD y C:\Catalogo\MINIATURAS:

• Pequeña = 342 x 342 px: pantalla inicial, la galería de imágenes de la pantalla de venta, en la pantalla de tallas y colores.
• Normal = 768 x 768 px: pantalla de venta y en pantalla completa.

De ahí que el tamaño óptimo sea 768 x 768 ya que no le afecta el redimensionamiento y, por tanto, el dispositivo no tendrá que dedicar tiempo a esta tarea. Del mismo modo, la calidad final no se ve alterada respecto a la imagen que usted dejó en el servidor. Se puede enviar imágenes de más calidad y tamaño, pero éstas no se visualizarán si no se ajusta la configuración desde Mobility Server. Para activar esta opción debe consultar con los técnicos de inaCátalog. Hay que tener en cuenta, si se activa, que:

• A mayor resolución/calidad de las imágenes el traspaso de imágenes será más lento.
• Si no se respetan estas proporciones, la carga de la imagen en la ficha del artículo se verá ralentizada notablemente.
• Si se utilizan demasiadas resoluciones mejoradas el dispositivo consumirá mucha más memoria, pudiendo ocurrir que en algún momento la desborde y el dispositivo cierre la aplicación.

En la siguiente ilustración se puede ver gráficamente cómo reaccionará el dispositivo al cargar fotos de diferentes tamaños. Como se puede observar, las fotos cuadradas son las que mejor aprovecharán el espacio:

Otras imágenes

Si las fotos no son cuadradas, por estética se recomienda que el fondo sea totalmente blanco para que los bordes se fundan con la foto y la apariencia final sea más uniforme. Para asegurarse de que la imagen final se posiciona donde quieres, se aconseja que todas las imágenes sean del tamaño final cuadrado 768x768 con fondo blanco y sitúes el producto donde te interese (siempre centrado, siempre sobre la base, etc.).

Iconos para las familias y subfamilias

• • Nombre: Definido en la tabla iFamilias
  • Dimensiones: 44 x 44
  • Formato: ico
  • Carpeta: C:\Catalogo\Iconos

Una forma de generar archivos de tipo .ico sin un editor especial es usar el editor de imágenes paint, generar una imagen de 44 x 44 píxeles y guardarla en formato .bmp, después al archivo se le cambia la extensión a .ico y ya tenemos el archivo de iconos.

Logotipo de la empresa para el impreso de pedidos

• • Nombre: Empresa_1.jpg (según el código de la empresa).
  • Dimensiones: 250 x 250
  • Formato: jpg, RGB
  • Carpeta: C:\Catalogo\Imagenes

Logotipo de la empresa para la barra superior de la aplicación (botón "Home") *Sólo en versión TOTAL

• Nombre: logo_empresa.png
• Dimensiones: 100 x 44
• Formato: png
• Carpeta: C:\Catalogo\Multimedia

Vista del logotipo de empresa en la barra superior (logo estándar):

Vista del logotipo de empresa en la barra superior (logo personalizado): 

Barra personalizada

Imagen de portada

1. • Nombre: EmpresaCliente_Vertical.jpg /// EmpresaCliente_Horizontal.jpg
   • Dimensiones: Según las dimensiones del dispositivo. Por defecto: 1024 x 768 y 768 x 1024
   • Formato: jpg, RGB
   • Carpeta: C:\Catalogo\Multimedia

Para utilizar la imagen de portada, es necesario tener el parámetro “ImagenEmpresa” activo. Dependiendo de la orientación del dispositivo, se ha de crear 2 imágenes distintas:

1. EmpresaCliente_Vertical.jpg
2. EmpresaCliente_Horizontal.jpg

Estas imágenes se muestran tal cual, sin redimensionar. Por lo tanto, para que la visualización sea perfecta, la resolución de dicha imagen tendrá que depender del dispositivo por completo. La recomendación en este caso es adaptar el tamaño a la resolución del dispositivo usado respetando, sobre todo, sus proporciones y relación de aspecto. 

Marcas de artículos y clientes

Por defecto, las imágenes debe estar ubicadas en la carpeta “C:\Catalogo\Multimedia” y en formato .png, con una resolución de 50 x 50 px. Las marcas tienen que ser configuradas por un técnico de inaCátalog.

Las marcas de artículo se deberán llamar 'mark1.png','mark2.png','mark3.png' hasta la 'mark10.png'.

Las marcas de cliente se deberán llamar 'markC01.png','markC02.png','markC03.png'... Este tipo de marcas no tiene límite.

Archivos multimedia

• • Nombre: Definido en tabla iArticulosLMultimedia
  • Tamaño máximo de los archivos: Se limita en archivo de configuración: C:\Inase.SAM\DescriptoresSAMReplicarImagenes\ TrasExp_Imagenes_FTP.dct
  • Carpeta: C:\Catalogo\Multimedia

Pueden ser de cualquier extensión que pueda ser visualizada desde el dispositivo (jpg, pdf, mov, mp4, m4v…). El nombre del archivo no puede contener símbolos, caracteres especiales o acentos, aunque espacios sí.

Cabe la posibilidad de limitar el tamaño de los archivos exportados a los dispositivos. Por defecto, el máximo permitido está en 1MB. En caso de necesitar ajustar este tamaño, contactar con su implantador.

Tal y como se ha comentado en el artículo Tipos de informes de pedido, en el apartado de Ajustes de inaCátalog se puede editar un tipo de impreso para que delante, detrás o en ambas posiciones se incluya un archivo pdf concreto. Existen dos parámetros que activan esta característica: "PDFFinInforme" y "PDFInicioInforme". Los dos funcionan prácticamente igual, sólo que uno se activa para añadir un informe delante del impreso, y el otro se activa para que se añada detrás: en el campo "valor" se pone el nombre del archivo PDF, incluida la extensión (ej.: inicioimp.pdf; para el campo "valor" del parámetro "PDFInicioInforme"; y ej.: finimp.pdf; para el campo "valor" del parámetro "PDFFinInforme"). Los archivos PDF ("PDFFinInforme" y "PDFInicioInforme") se tienen que colocar en la carpeta “C:\Catalogo\Multimedia”.

Vídeo de portada

• • Nombre: El indicado en el parámetro “Fichero presentación”
  • Carpeta: C:\Catalogo\Multimedia

Para utilizar el video de portada, es necesario tener el parámetro “FicheroPresentacion” activo (indicando el nombre del archivo). 

Imágenes por defecto

• • Nombre: sinImagen.gif / sinImagen_P.gif
  • Dimensiones: 786 X 768 / 342 X 342
  • Formato: gif
  • Carpeta: C:\Catalogo\Multimedia

Cuando un artículo no tiene una imagen la aplicación muestra una con una cámara de fotos. Cabe la posibilidad de reemplazar esta imagen por defecto por una de su conveniencia más personalizada, por ejemplo, su logo de empresa. Las imágenes se transmitirán automáticamente desde la carpeta “C:\Catalogo\Multimedia” del inaCátalog Mobility Server, en el proceso de exportación de imágenes y multimedia. Deberá tener 2 imágenes distintas con estos nombres y resoluciones para los dos tamaños estándar:

1. sinImagen.gif       (resolución – 768 x 768).
2. sinImagen_P.gif    (resolución – 342 x 342).

ANEXO: Tabla de resoluciones óptimas para los dispositivos

*Para otras medidas, intentar respetar las proporciones.

Ref:JAE,VMM,VPP