Está en la página 1de 8

Guía de diseño de portales

Tamaños de imagen y formatos


Pantallas de dispositivos móviles
Medidas en pulgadas y sus correspondencias en píxeles en dispositivos móviles.

Ejemplos orientativos enfocados a servir como ejemplo de diferentes formatos de pantalla


y sus proporciones.

4.7 Pulgadas
00
5.5 Pulgadas

4 Pulgadas
3.5 Pulgadas
3 Pulgadas

320 x 480 Pixel 640 x 960 Pixel 640 x 1136 Pixel 750 x 1334 Pixel 1080 x 1920 Pixel
Proporciones para banners e imágenes
La característica "responsive" de los portales cautivos que gestiona la plataforma WiFi.Pro hace que los
banners e imágenes se adapten de manera automática al ancho total de las pantallas de los dispositivos
donde se muestren.

Proporciones aconsejadas Ejemplos de responsive Ejemplos de imágenes

6:1
6:1 6:1

4:1 4:1
4:1

4:2

1:1 1:1

1:1
Resoluciones recomendadas
Para un resultado óptimo aconsejamos usar imágenes de 6:1

1080 píxeles de ancho. 1080 x 180 px

4:1
El tamaño mínimo que se debe usar será de 480 píxeles de
ancho. 1080x 270 px

4:2
La imágenes de tamaño superior a 1080 píxeles en raros
casos aportan un plus de calidad, ocupando más memoria y
ralentizando el tiempo de la carga del portal cautivo.
1080 x 540 px

1:1

1080 x 1080 px
Formatos de archivos recomendados
JPG: Es el tipo de imagen más común debido a que
logra comprimir las imágenes con gran calidad
ocupando mucho menos memoria que otros tipos de
archivo.

< >
GIF: Permite usar imágenes animadas o secuencia de
imágenes en modo “Slides”.

PNG: Permite el uso de transparencias, pudiendo


hacer que las imágenes no tengan un color de fondo.
Diseño de Portal cautivo
Espacio para Widget Logo
Proporción 4:2
Ancho 1080 Píxeles
Alto 540 Píxeles

Banner
Proporción 6:1
Ancho 1080 Píxeles
Alto 180 Píxeles

Widget de Login
El alto depende de los tipos de
login que se seleccionen y el
ancho se ajusta
automáticamente al dispositivo.

Banner
Proporción 4:2
Ancho 1080 Pixels
Alto 540 Pixels
Imagen de fondo
El portal cautivo puede tener una imagen de fondo que se adaptará al ancho y alto del dispositivo donde se muestre.

No es recomendable usar una imagen de más de 10 MB.

Tamaño recomendado: 1920 x 1920 pixels.

PREVIEWS

Imagen para fondo Ordenador Tablet Smartphone

También podría gustarte