Image de fond qui se superpose momentanément
4 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
Image de fond qui se superpose momentanément
Détails techniques
Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : À un changement de CSS
Lien du forum : https://haverwick.forumactif.com/
Description du problème
Bonjour!Je ne suis pas très doué avec le CSS et je vouais savoir s'il y avait quelque chose à faire avec mon problème.
J'avais une idée très précise de ce que je voulais pour mon forum et j'ai finalement trouvé un code qui fonctionne à merveille pour mon fond de page. Une image en haut, et l'autre qui se répète (donc deux images de fond). Mon problème est purement du perfectionnisme, mais quand je load une première fois depuis un temps le forum, c'est l'image du dessous (celle qui se répète) qui apparait pendant quelques seconde par dessus celle du premier plan. C'est assez pour que ça m'obsède.
Je ne sais pas s'il y a un moyen pour que l'image du fond prenne quelques secondes de plus avant d'apparaitre, ou même de mettre un espace avant les images qui se répète (sans affecter l'image fixe) pour que les images qui se répète commencent plus bas (donc pendant les quelques secondes où elles passent au dessus de l'image fixe, on ne la voit pas à l'écran).
Je laisse la ligne de code que je n'ose pas toucher pour ne pas tout briser haha
- Code:
body {
background: url('lien de l'image fixe') no-repeat top center, url('lien de l'image qui se répète') repeat; background-size: 100% auto;
}
Merci beaucoup! Je suis désolé si je ne suis pas très clair
Re: Image de fond qui se superpose momentanément
Bonjour,
Vos images sont juste énormes ...
5MO pour l'une, 6MO pour l'autre. Idéalement pour une image de fond, dépasser le 1 MO est déjà problématique avec des connexions lentes...
- Convertissez la .png en .jpg si il n'y a pas de transparence dessus (plus léger car un canal en moins et plus compressé)
- Réalisez une compression sans perte des deux images (par exemple sur https://compressor.io/ )
- Hébergez-les sur Servimg en prenant soin de désactiver l'option de redimensionnement. Le serveur actuel est assez lent visiblement.
Pour cette image, pourquoi ne pas la recouper et ne garder que le haut si si cela qui vous intéresse ? :
Une fois cela fait, il y a des chances que la latence entre les deux images soit très faible.
Sinon, on verra pour une autre solution.
Bonne journée
Cordialement
Vos images sont juste énormes ...
5MO pour l'une, 6MO pour l'autre. Idéalement pour une image de fond, dépasser le 1 MO est déjà problématique avec des connexions lentes...
- Convertissez la .png en .jpg si il n'y a pas de transparence dessus (plus léger car un canal en moins et plus compressé)
- Réalisez une compression sans perte des deux images (par exemple sur https://compressor.io/ )
- Hébergez-les sur Servimg en prenant soin de désactiver l'option de redimensionnement. Le serveur actuel est assez lent visiblement.
Pour cette image, pourquoi ne pas la recouper et ne garder que le haut si si cela qui vous intéresse ? :
Une fois cela fait, il y a des chances que la latence entre les deux images soit très faible.
Sinon, on verra pour une autre solution.
Bonne journée
Cordialement
Re: Image de fond qui se superpose momentanément
C'est ce que je craignais en fait.
J'ai besoin de cette transparence pour une transition fluide , donc le jpg n'était pas une option. J'ai réduis un peu la grandeur, ( mais je trouverais dommage de ne pas pouvoir insérer les easter eggs sur les côtés, c'est pourquoi c'est aussi long Je priorise aussi beaucoup la qualité de l'image et chaque compresseur d'image m'a donné assez de pixels pour pleurer un coup.
Je suis consient que tout ça est problématique et c'est pour ça que j'explore d'autres options
J'ai besoin de cette transparence pour une transition fluide , donc le jpg n'était pas une option. J'ai réduis un peu la grandeur, ( mais je trouverais dommage de ne pas pouvoir insérer les easter eggs sur les côtés, c'est pourquoi c'est aussi long Je priorise aussi beaucoup la qualité de l'image et chaque compresseur d'image m'a donné assez de pixels pour pleurer un coup.
Je suis consient que tout ça est problématique et c'est pour ça que j'explore d'autres options
Re: Image de fond qui se superpose momentanément
Bonjour, Attention, cela fait 6 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir votre sujet déplacé à la corbeille, merci de poster dans les 24h qui suivent ce message. Si votre sujet est résolu, merci d'éditer votre premier message et de cocher l'icône « résolu » |
Re: Image de fond qui se superpose momentanément
Ah c'est pas encore réglé, donc up?
Re: Image de fond qui se superpose momentanément
Bonjour !
Comme le dit chattigre, je pense qu'il faudrait un peu changer la façon de faire.
Plutôt que 2 images, il en faudrait par exemple 3 :
1) une image qui contient seulement le haut (bannière) et qui serait un png transparent
2) l'image de fond, qui pourrait alors être un jpg (parce que plus besoin du raccord entre les deux images)
3) l'image sur les côtés, qui pourrait être un png transparent aussi
L'image 1) serait plus petite, plus légère (j'espère) et passerait "par-dessus" l'image 2) ; elles s'afficheraient probablement en même temps, à quelques millisecondes près. Sachant qu'un png sera de toute façon toujours plus gros qu'un jpg.
Sinon, vous pouvez tenter la compression en webp : vous aurez à la fois la transparence et le poids allégé !
Comme le dit chattigre, je pense qu'il faudrait un peu changer la façon de faire.
Plutôt que 2 images, il en faudrait par exemple 3 :
1) une image qui contient seulement le haut (bannière) et qui serait un png transparent
2) l'image de fond, qui pourrait alors être un jpg (parce que plus besoin du raccord entre les deux images)
3) l'image sur les côtés, qui pourrait être un png transparent aussi
L'image 1) serait plus petite, plus légère (j'espère) et passerait "par-dessus" l'image 2) ; elles s'afficheraient probablement en même temps, à quelques millisecondes près. Sachant qu'un png sera de toute façon toujours plus gros qu'un jpg.
Sinon, vous pouvez tenter la compression en webp : vous aurez à la fois la transparence et le poids allégé !
Re: Image de fond qui se superpose momentanément
Je ne sais absolument pas comment mettre des images sur le côté, mais le WEBP est vraiment quelque chose que je ne connaissais pas et qui allège beaucoup! Mais je n'arrive pas à trouver un site d'hébergement qui pourrait accepter le WEBP
Re: Image de fond qui se superpose momentanément
Au pire, les images sur les côtés, c'est la même chose que l'image actuelle, sauf qu'à la place de tout ce qui est au centre, vous mettez de la transparence. L'image sera allégée parce qu'il y aura moins d'éléments, et si elle se charge plus lentement/difficilement, c'est moins grave que le reste !
Pour le format webp, c'est vrai que c'est dommage, servimg ne le gère pas (petite suggestion pour que Forumactif ajoute ça ?).
Au pire, c'est possible sur https://www.archive-host.com/ mais pas sur la catégorie "Mes images", plutôt sur la catégorie "Mes Fichiers". Ça ne change pas grand-chose au final, puisque vous aurez les liens vers ces fichiers... qui seront des images finalement.
Pour le format webp, c'est vrai que c'est dommage, servimg ne le gère pas (petite suggestion pour que Forumactif ajoute ça ?).
Au pire, c'est possible sur https://www.archive-host.com/ mais pas sur la catégorie "Mes images", plutôt sur la catégorie "Mes Fichiers". Ça ne change pas grand-chose au final, puisque vous aurez les liens vers ces fichiers... qui seront des images finalement.
Re: Image de fond qui se superpose momentanément
Je suis désolé d'être aussi boulet, mais le site ne semble pas héberger les webp :O
Même dans "Fichiers", il n'accepte pas, ni le trouve dans mes dossiers, même qu'il n'est pas dans la liste d'extensions autorisé ( https://www.archive-host.com/page-fichiers )
Même dans "Fichiers", il n'accepte pas, ni le trouve dans mes dossiers, même qu'il n'est pas dans la liste d'extensions autorisé ( https://www.archive-host.com/page-fichiers )
Re: Image de fond qui se superpose momentanément
Ah, zut, c'est moi qui me suis fait avoir...
Du coup, j'en ai testé plein, seul https://postimages.org/ a l'air de réellement accepter le format... Tous les autres refusent, ou acceptent mais n'arrivent pas à le gérer après upload...
Du coup, j'en ai testé plein, seul https://postimages.org/ a l'air de réellement accepter le format... Tous les autres refusent, ou acceptent mais n'arrivent pas à le gérer après upload...
Re: Image de fond qui se superpose momentanément
Yes ça marche!
Mon problème est toujours là par contre, mais je ne pense pas qu'il soit réglable à moins que je change comment je veux présenter le forum.
Merci beaucoup pour l'aide malgré tout
Je marque résolé tout de même x)
Mon problème est toujours là par contre, mais je ne pense pas qu'il soit réglable à moins que je change comment je veux présenter le forum.
Merci beaucoup pour l'aide malgré tout
Je marque résolé tout de même x)
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum