Skip to content
English
  • There are no suggestions because the search field is empty.

Tamaños y Formatos de Banners, Logotipos e Imágenes de Departamentos

En esta guía, exploraremos los diferentes tamaños y formatos necesarios para banners, logotipos e imágenes de departamentos utilizados en plataformas de escritorio y móviles. Ya sea que estés trabajando con widgets de departamentos o widgets de banners, tener el formato y tamaño correctos es esencial para mantener una apariencia limpia y profesional.

Widgets de Departamentos

Los widgets de departamentos pueden ajustarse según el estilo visual deseado. A continuación, se presentan los estilos disponibles:

Estilos de widget en escritorio:

  • Cuadrado

  • Cuadrado con efecto glassmorphism

  • Círculo

  • Círculo con borde (stroke)

  • Vertical

  • Vertical con efecto glassmorphism

Estilos de widget en versión móvil:

  • Cuadrícula (Grid)

  • Vertical

  • Deslizante (Slide)

 

 

Íconos de Departamentos, Imágenes para la App y Íconos de Deli

Para los íconos de departamentos, imágenes en la app y íconos de deli, utiliza las siguientes especificaciones:

  • Formatos de imagen: PNG, JPEG, WEBP, SVG

  • Tamaño máximo de archivo: 1 MB

 
 

Widgets de Banner

Los widgets de banner vienen en varios estilos, diseñados para adaptarse a diferentes estructuras de página:

Estilos de Widget de Banner:

  • Banner de 1 columna

  • Banner de 2 columnas

  • Banner de 3 columnas

  • Banner de 4 columnas

 

Recomendaciones de Tamaño para Banners:

Banner para Escritorio:

  • Altura: 300 px

  • Tamaño de imagen recomendado: 1800 x 200 px

Banner para Móvil:

  • Altura: 100 px

  • Tamaño de imagen recomendado: 375 x 200 px

Formatos de imagen: PNG o JPEG

 

Logotipos

Los tamaños de logotipo pueden personalizarse según tus necesidades:

  • 600 x 600 px si es un logotipo circular o cuadrado

  • 600 x 300 px si es un logotipo rectangular

  • 32 x 32 px para favicon

Formatos de imagen permitidos: PNG o JPEG

 

Seguir estas especificaciones garantiza que todos los elementos visuales mantengan una apariencia coherente y de alta calidad en todos los dispositivos, ayudando a crear una experiencia de usuario fluida y visualmente atractiva.