Gardez la taille des fichiers pour iPhone et iPad
Lorsque vous concevez des sites Web pour l'iPhone et l'iPad, vous devez ajuster les images pour avoir la meilleure qualité tout en occupant la plus petite taille de fichier possible. Ces qualifications veiller à ce que les images télécharger aussi efficacement que possible.
Après vous savez comment optimiser images PNG et JPEG et peuvent apprécier le but de les rendre aussi petit que possible, vous pouvez demander, “ Comment petit est petit suffisamment ”?;
Concepteurs de sites Web mobiles sont obsédés par les moyens de rendre leurs tailles de page plus petit, sans franchir la ligne invisible entre “ Il charge trop lentement ” et “. Il semble junky ” Bien que ce soit une question de jugement essentiellement subjective, les points suivants sont bonnes à retenir:
Plus les fichiers graphiques, les gens ont plus à attendre pour eux de télécharger avant de pouvoir les voir. Vous pouvez avoir la plus belle photo du Mont Fuji sur la première page de votre site web, mais si cela prend une éternité à télécharger, la plupart des gens ne sont pas assez patient pour attendre de le voir.
Lorsque vous générez des pages avec des graphiques multiples, tenir compte du temps de téléchargement cumulatif de tous les graphiques sur la page. Même si chaque image a une petite taille de fichier, leur taille totale peut ajouter jusqu'à. Plus petit est certainement mieux sur le web mobile.
La plupart des pros web considèrent 75K (kilo-octets) à 150K pour être une bonne taille cumulée maximale pour tous les éléments d'une page Web de bureau. Si votre page est affichée sur un réseau 3G, et vous avez limité la taille totale de pas plus de 150K la plupart des visiteurs trouveront le temps de téléchargement acceptable. Si vous vous attendez à de nombreux visiteurs sur les connexions lentes, cependant, envisager de réduire la taille.
Dans le passé, parce que les connexions de données 2.5G sur l'iPhone original fourni des données d'environ 80 à 100 Kbps, une page 150K de bureau dans cette gamme de taille a pris autant que 20 secondes pour transmettre. La plupart des utilisateurs mobiles se sentent frustrés et abandonnent une page qui prend si longtemps.
Les réseaux 3G et 4G promettent des débits de données allant de 500 Kbps à 1 Gbps, bien que la vitesse réelle livrés à des clients est l'objet d'un débat plutôt féroce. Même ainsi, si vous gardez votre page d'accueil relativement petites, vos utilisateurs sont beaucoup plus susceptibles de rester - et à cliquer sur vos pages intérieures, où vous pouvez expérimenter avec les plus grands, plus de modèles accrocheurs et de fonctions multimédia.
Si votre page est destiné à être utilisé par des gens à la maison ou dans les bureaux où ils ont accès à des connexions Wi-Fi, vous pouvez supposer que la page se charge sur un iPad ou iPhone presque aussi rapidement comme il le ferait sur un ordinateur de bureau ou ordinateur portable. Rappelez-vous toujours d'expérimenter lorsque vous êtes poussant les limites de cette façon.
Conception d'un mobile iPhone & iPad public Peu importe quel appareil vous ciblez dans vos créations, le premier élément à considérer est votre public. Quand un public utilise un iPhone, vous pouvez supposer qu'ils sont mobiles et très probablement sur le mouvement - ils peuvent même…
Images de conception pour l'iPhone et l'iPad Ayant images accrocheur sur votre site Web est l'une des meilleures façons d'attirer iPhone et iPad amateurs soucieux de leur image. Mais bachotage une image haute résolution qui peut être soufflé jusqu'à la taille de l'affiche sur un écran de…
Formats, la taille des fichiers, et d'autres paramètres pour l'audio Comme avec tous les autres multimédia, le plus grand défi provient de capacités, bandes passantes, la mémoire et les vitesses de connexion sans fil qui sont inégale et imprévisible à travers différents dispositifs. Les bonnes nouvelles sont…
Comment les utilisateurs à naviguer dans un monde de l'écran tactile La façon dont les visiteurs de votre site d'interagir avec vos pages et de naviguer vos liens est radicalement différent sur un iPhone ou un iPad à un ordinateur de bureau ou portable. Les visiteurs du site en utilisant un iPhone ou un iPad…
Optimiser images dans Photoshop pour iPhone et iPad Vous devez utiliser un programme d'édition de graphiques, tels que Adobe Photoshop ou Fireworks, de créer des graphiques pour le web lors de la conception de l'iPhone et l'iPad. Vous pouvez utiliser la boîte de dialogue Enregistrer pour le Web…
Optimiser les conceptions web pour l'iPhone L'écran de l'iPhone est petite, mais essayez d'arrêter de penser à des contraintes et de commencer à se concentrer sur les incroyables nouvelles opportunités - comme attirer un public de personnes en mouvement - des gens qui peuvent être…
Conceptions de pages pour vues portrait et paysage Lorsque vous mettez sur un iPhone ou un iPad, l'orientation d'une page Web ajuste automatiquement en conséquence. Le navigateur web Safari agrandit intelligemment (ou réduit) les pages web pour adapter à l'écran, mais il est pas parfait. Même…
Des tests d'assurance qualité pour les sites web mobiles Avant de lancer un nouveau site destiné à l'iPhone et l'iPad, toujours tester pleinement son design et de fonctionnalité sur l'iPhone ou l'iPad, pour assurer que le site ressemble et fonctionne de la façon dont vous pensez qu'elle le devrait.…
Redimensionner graphiques et des photos pour iPad et iPhone Redimensionnement des images Web pour l'affichage sur l'iPad et l'iPhone est important pour deux raisons: Les images doivent être suffisamment petit pour bien afficher sur un écran d'ordinateur et de télécharger rapidement à l'ordinateur d'un…
Résolution de l'écran et la profondeur de couleur sur les appareils portatifs Si vous êtes nouveau à la création d'images, de vidéo et d'autres multimédia pour le web mobile, comprendre les concepts derrière des termes comme la profondeur de la couleur et résolution peut vous aider comme vous commencez à créer des…
Iphone Test conçoit avec Safari Le plus proche vous pouvez venir à avoir Safari sur un iPhone ou iPad est Safari sur un ordinateur. Il a quelques différences notables, y compris la taille de l'écran plus grand que la plupart des gens utilisent les ordinateurs et le fait que…
Choisir une stratégie pour votre conception de Web mobile Les gens voient maintenant les pages Web sur tout, des écrans de téléphones portables minuscules projecteurs qui illuminent le côté d'une grange. Les contraintes que vous rencontrez dans la conception de Web mobile pour le petit écran de…
Optimisation de vos projets web mobiles pour l'iPhone Oui, l'écran de l'iPhone est petit, mais il faut arrêter de penser à des contraintes et de commencer à se concentrer sur les nouvelles opportunités étonnantes iPhone offres de conception de sites Web - par exemple en attirant un public de…
IPhone & iPad conception de sites Web pour les nuls Les gens voient maintenant les pages Web sur tout, des écrans de téléphones portables minuscules projecteurs qui illuminent le côté d'une grange. Les contraintes que vous rencontrez dans la conception de Web mobile pour le petit écran de…