Preparar su kit gráfico

Con vistas a la configuración de su sitio, estos son los elementos gráficos que debe preparar.

El logotipo de la plataforma. El logotipo definido en el back-office será visible para todos sus usuarios, pero también podría ser visto por sus clientes si tienen la posibilidad de ver las pantallas con las que usted trabaja. El logotipo presente en los correos electrónicos. Se trata del logotipo que se mostrará en el encabezado de todos los correos electrónicos enviados desde la plataforma. Se debe prestar especial atención a sus dimensiones y a su peso: es necesario que sus correos electrónicos sean lo más ligeros posible. El logotipo de los contratos. Sus contratos mostrarán este logotipo en el encabezado. Asegúrese de que no sea demasiado grande para no ocupar todo el espacio ni sobrecargar los archivos enviados por correo electrónico.

El logotipo de las facturas. Sus facturas mostrarán este logotipo en el encabezado. Asegúrese de que no sea demasiado grande para no ocupar todo el espacio ni sobrecargar los archivos enviados por correo electrónico. El logotipo de su front-end El elemento de navegación de nuestra plantilla predeterminada tiene 60 píxeles de altura. Por lo tanto, su logotipo no necesita ser más alto. El logotipo del menú «burger». Le recomendamos aquí prever una imagen con estas dimensiones o estas proporciones: 121 x 57 píxeles. En caso contrario se estiraría.

El logotipo del pie de página. Le recomendamos aquí prever una imagen con estas dimensiones o estas proporciones: 241 x 113 píxeles. En caso contrario se estiraría. Los componentes «imagen» del builder. • El componente «Call to action» del builder le permite mostrar una imagen a pantalla completa. Esta imagen no tiene dimensiones precisas, pero puede definir en el componente una altura máxima que no debe superarse (para una visualización estándar, la altura es de 300 píxeles). No obstante, le recomendamos no integrar imágenes que superen los 1800 píxeles de ancho, con el fin de no ralentizar la visualización de su front-end. • El componente «Image et texte» le permite mostrar una imagen junto a un texto. Esta imagen no tiene dimensiones precisas, pero para un resultado óptimo puede seleccionar proporciones de imagen en el componente: 1:1, 4:3, 16:9 o 21:9. Su imagen deberá respetar las proporciones elegidas. • Puede añadir imágenes de portada a sus vídeos. Le recomendamos utilizar las mismas proporciones que para el tamaño de sus vídeos y no superar los 1800 píxeles de ancho.

Sus iconos No olvide preparar sus iconos si es necesario. Estos deben ser lo más ligeros posible, y todos del mismo tamaño. Las imágenes de portada de sus categorías La imagen se muestra en pantalla completa, por lo que se adapta a la pantalla en la que se muestra el sitio. Le recomendamos utilizar un formato apaisado 16/9 y le invitamos encarecidamente a probar el resultado en varios dispositivos. La imagen principal de sus productos La imagen principal de sus productos se mostrará en miniatura en algunos componentes y en las páginas de categorías de su front-end. Le recomendamos para un resultado óptimo utilizar imágenes en formato cuadrado (800x800 píxeles, por ejemplo).

Las imágenes secundarias de sus productos Las imágenes secundarias de sus productos se mostrarán en miniaturas aquí. Le recomendamos para un resultado óptimo utilizar imágenes en formato cuadrado (500x500 píxeles, por ejemplo), al igual que para la imagen principal. Algunos consejos de optimización: • Nombre sus imágenes de forma descriptiva y en lenguaje claro para poder identificarlas fácilmente. • El nombre de sus imágenes no debe contener espacios. • Adapte las dimensiones de sus imágenes: no deben ser ni demasiado pequeñas ni demasiado grandes; las imágenes del mismo tipo deben tener las mismas dimensiones. • Reduzca el peso de sus imágenes al máximo para optimizar el tiempo de carga de sus páginas y la navegación en dispositivos móviles. • Elija el formato de archivo adecuado: JPG y PNG para las fotos, PNG o SVG para los logotipos e ilustraciones. • Pruebe siempre el resultado de sus imágenes. • Evite insertar texto en sus imágenes.