Certaines images ne montrant pas dans le navigateur mobile (mais en montrant dans le navigateur de bureau)

Je rencontre un problème où certaines images ne sont pas affichées dans les navigateurs mobiles sur mon iPhone, mais je les vois dans tous mes navigateurs de bureau. Sur mon téléphone, je viens de voir une zone blanche avec une bordure grise où l'image doit être.

Quelques remarques:

  • Il semble se produire de façon aléatoire, car certaines images sont affichées en un jour, et puis va arrêter l'affichage de la prochaine journée
  • J'ai remarqué que si j'ai faites défiler la page alors qu'il est toujours en train de charger, je peux souvent voir sur l'image, puis il disparaît.
  • Toutes les images sont placées dans IMG balises et ne sont pas
    arrière-plan des images. Tous les liens et les noms de fichier sont corrects.
  • J'ai été en mesure de résoudre certains de ces dans le passé, par le ré-enregistrement de l'image, et puis re-téléchargement, mais il va souvent revenir à la même disparaître comportement
Combien d'images vous tentez de charger sur la page? Le problème se produit lorsqu'il y a seulement quelques images?

OriginalL'auteur buuuue | 2014-08-13

  1. 3

    Est-il possible que vos images sont très grandes?

    À partir de cette page en ce qui concerne iOS Taille Maximum de l'Image:

    IOS applique une taille maximum de l'image dans Safari Mobile. Dans la plupart des cas, il est beaucoup plus grand que ce serait être utilisé sur une page web. La limite peut être rencontré lors de l'élaboration de HTML5 jeux et des applications interactives qui utilisent un grand cadre des animations. Si une image est inclus, qui est supérieure à la taille maximale, l'image ne se charge pas.

    Types d'images ont des limites différentes: JPG images peuvent être jusqu'à 32 décodé mégapixels, tandis que la PNG, GIF et TIFF peut être jusqu'à 3 - 5 décodé mégapixels (selon l'appareil). La taille maximale des images de type PNG, GIF et TIFF varie en raison de la RAM de l'appareil. Les appareils avec moins de 256 MO de RAM peut être 3 décodé MP, tandis que d'autres appareils iOS sont limités à 5 décodé MP.

    Note la limitation n'est pas mesurée par la taille de fichier de l'image, mais le nombre de décodé pixels. Un décodé mégapixels (MP) est égale à une image avec les dimensions: 1024 par 1024 pixels indépendamment de la compression.

    Cette page a quelques suggestions pour la manipulation de grandes quantités d'images (et, par extension, de grandes images). Le contenu de la page liée suggère simplement à l'aide de javascript pour charger les images telles qu'elles sont nécessaires, et de décharger les images ne sont plus visibles sur l'écran. L'auteur a constaté que les images pourraient être déchargées par la modification de la src attribut de la img élément à un beaucoup image plus petite. Après une certaine période de temps, l'image d'origine se serait ramassé par le garbage collector (~6 secondes, si je suis en train de lire son code correctement)

    Exemple à partir du lien ci-dessus: 

    var img = document.getElementById('idOfTheImageToUnload');
img.src = 'images/empty.gif';

    Autre approche, qui supprime l'image du DOM (dont l'auteur dit doit être fait sur un délai d'attente pour s'assurer de la disparition de l'image se fait ramasser par le GC.)

    var img = document.getElementById('previous');
img.parentNode.removeChild(img);
img.src = 'data:image/gif;base64,' + 'R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=';
window.timeout(function() { img = null; }, 60000);
    Oui les images sont généralement assez large en termes de dimensions que nous sommes chargement de la rétine des images de taille. Est-ce quelque chose qui peut être un problème uniquement de temps en temps..car il n'est pas sur tous les grandes images?
    Eh bien, à partir du texte sur la page, il semble que la limite pour les images JPG est sensiblement plus élevée que la limite pour les images au format PNG, GIF ou TIFF. L'image se produire pour l'une des images JPEG? Si non, est-il possible de simplement utiliser le format JPEG des images lorsqu'elles sont potentiellement assez grand?
    Ouais, il est produit avec des images JPEG. Les images sont 1400x1000 (2800x2000 pour la rétine). Il pourrait être un problème que la rétine taille est chargé sur le téléphone, qui iOS ne peut pas gérer?
    J'ai révisé ma réponse avec d'autres sources. Ils peuvent ou peuvent ne pas être utiles à votre situation.
    merci beaucoup pour votre aide. Il semble juste être la question du fichier trop volumineux. Je vais faire quelques modifications de conception pour le fixer.

    OriginalL'auteur Joshua Shearer

  2. 1

    Quelque chose qui s'est passé pour moi c'est que j'ai été en utilisant les images de fond et j'ai été absent de la séance de clôture ");" sur l'url. Des images de manière encore dans mon ordinateur, mais ils ne sont pas affichés sur n'importe quel navigateur mobile. Donc, juste pour les fous comme moi qui pourraient être trop fatigué pour comprendre cela. N'oubliez pas de assurez-vous que l'url est correcte:

    Mon erreur

    url(resoures-services-dedicated-support.jpg

    La façon correcte

    url(resoures-services-dedicated-support.jpg);

    Avertissement, même si cela peut ne pas être la bonne réponse, croyez-moi les gars, en voyant cela m'aurait sauvé un couple de neurones.

    OriginalL'auteur drjorgepolanco