Preparación de imágenes para dispositivos móviles

Moderno navegadores web y los sistemas de gestión de contenido optimizan las imágenes para mostrarlas en cualquier entorno. Sin embargo, es mejor preparar imágenes que estén optimizadas para cada posible factor de forma y ubicación en la que pueda aparecer una imagen. Concéntrese en tres cosas: resolución de imagen, tamaño y espacio de color.

Espacio de color en imágenes

Los diseñadores gráficos se basan en dos espacios de color primarios. Un espacio de color es un método mediante el cual los colores primarios se combinan para formar complejos arco iris de colores.

Utilice el modo RGB al preparar imágenes para dispositivos móviles. Las pantallas en monitores de computadora y teléfonos inteligentes se basan en una combinación de píxeles rojos, azules y verdes. Esta RGB La imagen está optimizada para reproducir con precisión los colores deseados en una pantalla.

Para la impresión, los diseñadores utilizan un proceso de cuatro colores, donde cada color se destila a una combinación de cian, magenta, amarillo y negro. A veces, las imágenes de cuatro colores se denominan

CMYK imágenes por esta razón.

Resolución de imagen

Las imágenes, especialmente en plataformas móviles, deben tener el tamaño más pequeño posible para equilibrar la calidad con la velocidad de descarga en redes móviles y el tamaño del archivo con los límites de datos móviles.

La mayoría de los programas, incluido el Adobe Creative Cloud aplicaciones, admiten una herramienta Exportar para Web que muestra la imagen en varias combinaciones de resolución y compresión. Elija la imagen de mejor calidad con el tamaño total más bajo.

Tamaño de imagen en píxeles

Cada imagen debe tener el tamaño adecuado para el propósito previsto. A continuación, se muestran algunos tamaños de imagen de ejemplo para usos web populares:

• Los anuncios publicitarios en Internet suelen tener 468 x 60 píxeles.
• Las imágenes de portada de Facebook deben tener 851 píxeles por 315 píxeles.
• Las fotos de perfil de Twitter deben tener 400 píxeles por 400 píxeles.
• Las imágenes de los enlaces compartidos deben tener 1200 píxeles por 630 píxeles.

Cuando trabaje con fotos para fines específicos, verifique el lugar donde aparecerá esa foto (como una red social sitio o un blog) para verificar las dimensiones óptimas de la imagen y luego ajustar el tamaño en consecuencia para evitar estirar o recortar el imagen.

Para evitar la pixelación, apunte al tamaño de pantalla real. Incluso si una imagen está dimensionada correctamente, si no tiene el tamaño correcto, el producto resultante puede verse pixelado si la imagen debe ampliarse para cumplir con el espacio disponible.

Acerca de las imágenes vectoriales

Las imágenes vectoriales (imágenes calculadas y dibujadas por el dispositivo) suelen ser más eficientes y de mayor calidad que imágenes rasterizadas (imágenes dibujadas un píxel a la vez) porque se pueden ampliar y reducir sin afectar la imagen calidad. Para logotipos, dibujos lineales y gráficos simples, una versión vectorial es ideal. Los formatos vectoriales no se utilizan para las fotos.