Mantenga los tamaños de archivo pequeño para iPhone y iPad
Al diseñar sitios web para el iPhone y el iPad, es necesario ajustar las imágenes para tener la mejor calidad a la vez que ocupa el tamaño de archivo más pequeño posible. Estas calificaciones aseguran que las imágenes descarga tan eficientemente como sea posible.
Después de saber cómo optimizar PNG y JPEG y se puede apreciar el objetivo de hacerlos lo más pequeño posible, usted puede pedir, " Qué pequeño es pequeño suficiente "?
Diseñadores de páginas web móviles obsesionan con maneras de hacer que sus tamaños de página más pequeño, sin cruzar la línea invisible entre " Se carga demasiado lento " y ". Parece adicto " Aunque es una cuestión de criterio sobre todo subjetiva, los siguientes puntos son buenos para recordar:
Cuanto mayores sean los archivos de gráficos, las personas mayores tienen que esperar a que se descarga antes de que puedan verlos. Usted puede tener la imagen más hermosa del monte Fuji en la primera página de su sitio web, pero si se tarda una eternidad para descargar, la mayoría de la gente no está lo suficientemente paciente para esperar a verla.
Al generar páginas con múltiples gráficos, considere el tiempo de descarga acumulada de todos los gráficos en la página. Incluso si cada imagen tiene un tamaño de archivo pequeño, su tamaño total puede sumar. Más pequeño es definitivamente mejor en la web móvil.
La mayoría de los profesionales consideran web 75K (kilobytes) a 150K para ser un buen tamaño máximo acumulado de todos los elementos de una página web de escritorio. Si su página se ve a través de una red 3G, y que ha limitado el tamaño total de no más de 150K mayoría de los visitantes encontrarán el tiempo de descarga aceptable. Si usted espera que muchos visitantes en las velocidades de conexión más lentas, sin embargo, tenga en cuenta la reducción del tamaño.
En el pasado, debido a que las conexiones de datos 2.5G en el iPhone original entregado datos desde alrededor de 80 a 100 Kbps, una página 150K escritorio en este rango de tamaño tomó tanto como 20 segundos para transmitir. La mayoría de los usuarios móviles se frustran y abandonan una página que lleva tanto tiempo.
Las redes 3G y 4G prometen velocidades de datos que van desde 500 Kbps hasta 1 Gbps, aunque la velocidad real entregada a los clientes es el tema de bastante intenso debate. Aun así, si mantienes tu página de inicio relativamente pequeño, los usuarios son mucho más propensos a quedarse - y hacer clic a través de sus páginas interiores, donde se puede experimentar con más grandes, más llamativos diseños y funciones multimedia.
Si su página está destinado a ser utilizado por las personas en el hogar o en las oficinas en las que tienen acceso a conexiones Wi-Fi, se puede asumir que la página se carga en un iPad o iPhone casi tan rápido como lo haría en un ordenador de sobremesa o portátil. Recuerde siempre a experimentar cuando se está empujando los límites de esta manera.
Diseño para un iphone y el ipad audiencia móvil No importa qué dispositivo usted apunta en sus diseños, el primer elemento a considerar es su público. Cuando el público está usando un iPhone, se puede asumir con seguridad que son móviles y muy probablemente en movimiento - incluso pueden…
Imágenes del diseño para el iphone y el ipad Tener imágenes llamativas en su sitio web es una de las mejores maneras de atraer iPhone y iPad entusiastas conscientes de la imagen. Pero abarrotar una imagen de alta resolución que puede ser volado hasta tamaño póster sobre una pantalla del…
Mejorar funciones de prueba de safari con extensiones Al probar su sitio de comercio móvil de nuevo diseño, a veces es más fácil trabajar con lo que tienes. Si ya dispone de Safari o Chrome instalado en su ordenador, estás de suerte. Ellos hacen los sitios móviles de manera similar a la forma en…
Formatos y tamaños de archivos, y más ajustes para audio Al igual que con cualquier otro tipo multimedia, el mayor desafío que surge de las capacidades, anchos de banda, la memoria y las velocidades de conexión inalámbricas que son irregulares e impredecibles en distintos dispositivos. La buena noticia…
Optimizar imágenes en photoshop para iPhone y iPad Debe utilizar un programa de edición de gráficos, como Adobe Photoshop o Fireworks, para crear gráficos para la web en el diseño para el iPhone y el iPad. Puede utilizar el cuadro de diálogo Guardar para Web en Adobe Photoshop para optimizar…
Optimizar diseños web para el iphone La pantalla del iPhone es pequeño, pero trate de dejar de pensar en las limitaciones y empezar a centrarse en las increíbles nuevas oportunidades - como atraer a una audiencia de personas en movimiento - personas que puedan estar de pie justo…
Diseños de página para vista horizontal y vertical Al encender un iPhone o iPad, la orientación de una página web se ajusta automáticamente en consecuencia. El navegador web Safari amplía inteligentemente (o reduce) las páginas web para ajustarse a la pantalla, pero no es perfecto. Incluso si…
Pruebas de control de calidad para sitios web móviles Antes de lanzar un nuevo sitio destinado para el iPhone y el iPad, siempre probar completamente su diseño y funcionalidad en el iPhone o el iPad, para asegurarse de que el sitio se ve y funciona de la manera que usted piensa que debería. El uso de…
Cambiar el tamaño de los gráficos y fotos para ipad y iphone Cambiar el tamaño de imágenes de la web para su visualización en el iPad y el iPhone es importante por dos razones: Las imágenes deben ser lo suficientemente pequeña para mostrar así en un monitor de ordenador y descargar rápidamente a la…
Resolución de pantalla y profundidad de color en los dispositivos de mano Si eres nuevo en la creación de imágenes, vídeos y otros contenidos multimedia para la web móvil, la comprensión de los conceptos detrás de términos como profundidad del color y resolución puede ayudar a usted como empezar a crear diseños…
Prueba iphone diseños con safari Lo más cerca que se puede llegar a tener Safari en un iPhone o iPad es Safari en un ordenador. Cuenta con algunas diferencias notables, incluyendo el tamaño de pantalla más grande que la mayoría de la gente utiliza en las computadoras y el hecho…
La elección de una estrategia para el diseño de su web móvil Ahora la gente ver las páginas web en todo, desde pequeñas pantallas de teléfonos celulares a los proyectores que iluminan el lado de un granero. Las limitaciones que enfrenta en el diseño web móvil para la pantalla del iPhone pequeños pueden…