¿De qué manera elegir entre un archivo jpeg o png para imágenes mejora el rendimiento de una aplicación móvil?

Si desea que el tamaño de su aplicación móvil se reduzca por completo, use jpg en el caso de imágenes. Use Png (Portable Network Graphics) si desea jugar con diferentes colores de fondo. Por ejemplo, mire el ejemplo de algunos de los íconos a continuación.


Mire estos iconos blancos, puede ver a través del fondo verde, y eso se puede cambiar a rojo, amarillo, etc. Ahora para tales iconos, también puede usar algunas fuentes de iconos como Font Awesome, la fuente icónica y el kit de herramientas CSS que reduciría muchas imágenes, y puede cambiar el tamaño / color de los íconos de acuerdo con sus necesidades, que es lo que está haciendo la tendencia actual ahora.

Utilice jpg solo para galerías de fotos , como fondos de pantalla, fotos de archivo, iconos de stock, etc. Puede comprimir imágenes jpg del 100% al 10%.

Mire el ejemplo de jpg utilizado en el fondo a continuación.

En este ejemplo, la parte superior de los iconos puede desarrollarse utilizando png con fondo transparente o utilizando una fuente de icono.

Puede estudiar descargando algunas de las aplicaciones y comparar cuánto tamaño físico tienen y la cantidad de elementos / secciones / páginas que se han utilizado a partir de aplicaciones basadas en 8mb a 150mb. Desde el punto de vista del usuario, es una parte importante si puede descargar la aplicación basada en 8 MB utilizando su plan de datos o esperar un momento para descargar una aplicación basada en 150 MB a través de wifi en casa.

Espero que aclare nuestra duda?

¡Aclamaciones!
Abinash Mohanty

Para optimizar el rendimiento, use CSS para fondos sólidos. Use PNG para gráficos que las fuentes son gráficos vectoriales. Use JPG para fotografías. Puede optimizar aún más los JPG con Yahoo! Smush.it ™. Para los iconos, siga los consejos de Abinash Mohanty y use imágenes basadas en fuentes. También vale la pena experimentar con SVG e imágenes PNG alternativas.

Un PNG es más rápido y sencillo de decodificar, un JPG puede ser más pequeño. En términos generales, desea JPG para imágenes fotográficas grandes y PNG para imágenes más pequeñas e imágenes que están destinadas a ser nítidas con píxeles perfectos.

More Interesting

¿Qué necesito aprender para hacer la transición del desarrollo web al desarrollo móvil?

Para ser un buen desarrollador web, ¿tienes que ser un científico de la computación o algún tipo de aficionado a la historia de la computadora / software?

¿Cuáles son los procedimientos para crear una aplicación?

¿Cuán maduro es el marco móvil híbrido Ionic para la adopción empresarial?

¿Cuáles son las siguientes tendencias más importantes en dispositivos móviles y web?

En términos de rendimiento, ¿qué tecnología front-end debería usar entre Angular y React para crear una aplicación híbrida con Cordova?

¿Qué servicio de back-end debo usar para mi aplicación iónica?

¿Qué marco de interfaz de usuario móvil es mejor usar ahora para el desarrollo de aplicaciones híbridas?

¿Cuáles son buenas bibliotecas o marcos para hacer sitios web que funcionen bien en dispositivos móviles, en particular el iPhone?

¿Se puede codificar una aplicación iOS y Android de forma nativa en C ++?

¿Necesitamos codificación del lado del servidor para la aplicación de mensajería si utilizamos Firebase?

¿HTML5 es la mejor opción para hacer una aplicación multiplataforma?

¿Por qué no hay más demanda de ingenieros de CS Security como lo es para los desarrolladores web y de aplicaciones?

¿Puedo usar un sitio web diseñado para dispositivos móviles con diseño receptivo para que funcione como una aplicación móvil? ¿Puede un sitio web de este tipo reemplazar una aplicación? ¿Qué puede hacer una aplicación móvil que un sitio web no puede hacer?

¿Funcionará la idea de mezclar películas y la bolsa de valores para crear un juego móvil en India?