Image de fond qui se superpose momentanément

4 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Image de fond qui se superpose momentanément

Message par Helia Mar 6 Sep 2022 - 0:03

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 tongue
Helia

Helia
*

Autre / Ne pas divulguer
Messages : 41
Inscrit(e) le : 14/04/2007

https://haverwick.forumactif.com/
Helia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image de fond qui se superpose momentanément

Message par chattigre Mar 6 Sep 2022 - 9:43

Bonjour,

Vos images sont juste énormes ... Wink
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
chattigre

chattigre
Aidactif
Aidactif

Masculin
Messages : 3584
Inscrit(e) le : 17/04/2019

https://test1-chattigre.forumactif.fr
chattigre a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image de fond qui se superpose momentanément

Message par Helia Mar 6 Sep 2022 - 20:18

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 Image de fond qui se superpose momentanément 1f605 Je priorise aussi beaucoup la qualité de l'image et chaque compresseur d'image m'a donné assez de pixels pour pleurer un coup. Image de fond qui se superpose momentanément 1f602

Je suis consient que tout ça est problématique et c'est pour ça que j'explore d'autres options Razz
Helia

Helia
*

Autre / Ne pas divulguer
Messages : 41
Inscrit(e) le : 14/04/2007

https://haverwick.forumactif.com/
Helia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image de fond qui se superpose momentanément

Message par Chacha Lun 12 Sep 2022 - 9:32

Image de fond qui se superpose momentanément UmaslZ4Bonjour,

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 »
Chacha

Chacha
Modéractif
Modéractif

Masculin
Messages : 69301
Inscrit(e) le : 21/08/2010

https://forum.forumactif.com/
Chacha a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image de fond qui se superpose momentanément

Message par Helia Mar 13 Sep 2022 - 0:33

Ah c'est pas encore réglé, donc up? Razz
Helia

Helia
*

Autre / Ne pas divulguer
Messages : 41
Inscrit(e) le : 14/04/2007

https://haverwick.forumactif.com/
Helia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image de fond qui se superpose momentanément

Message par Toryudo Mar 13 Sep 2022 - 14:28

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é !
Toryudo

Toryudo
Aidactif
Aidactif

Masculin
Messages : 1349
Inscrit(e) le : 31/03/2020

https://deus-academia.forumactif.com/
Toryudo a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image de fond qui se superpose momentanément

Message par Helia Mar 13 Sep 2022 - 22:16

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 Confused
Helia

Helia
*

Autre / Ne pas divulguer
Messages : 41
Inscrit(e) le : 14/04/2007

https://haverwick.forumactif.com/
Helia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image de fond qui se superpose momentanément

Message par Toryudo Mer 14 Sep 2022 - 8:04

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.
Toryudo

Toryudo
Aidactif
Aidactif

Masculin
Messages : 1349
Inscrit(e) le : 31/03/2020

https://deus-academia.forumactif.com/
Toryudo a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image de fond qui se superpose momentanément

Message par Helia Mer 14 Sep 2022 - 9:17

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 )
Helia

Helia
*

Autre / Ne pas divulguer
Messages : 41
Inscrit(e) le : 14/04/2007

https://haverwick.forumactif.com/
Helia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image de fond qui se superpose momentanément

Message par Toryudo Mer 14 Sep 2022 - 10:11

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...
Toryudo

Toryudo
Aidactif
Aidactif

Masculin
Messages : 1349
Inscrit(e) le : 31/03/2020

https://deus-academia.forumactif.com/
Toryudo a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image de fond qui se superpose momentanément

Message par Helia Mer 14 Sep 2022 - 10:29

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 Image de fond qui se superpose momentanément 1f49c

Je marque résolé tout de même x)
Helia

Helia
*

Autre / Ne pas divulguer
Messages : 41
Inscrit(e) le : 14/04/2007

https://haverwick.forumactif.com/
Helia a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum