• Résolu HEADER (image dans CSS)


    Samedi 3 Octobre 2020 à 15:16
    7CaroGraph

    Bonjour à vous,

    Je ne parviens pas à changer l'image de mon header, serait ce une option payante ? Même si je télécharge une nouvelle image cela ne la prends pas en compte.

    J'ai essayer de demander aux administrateurs d'eklablog, mais je ne parviens pas à les joindre Pouvez vous m'aider s'il vous plait

    A bientôt, au plaisir de vous lire

    Samedi 3 Octobre 2020 à 16:50
    stormalo

    Bonjour,

    L'image actuelle résulte d'un choix** d'image pour le header qui est fait dans "Ajouter du css", ce qui occulte la possibilité d'intervenir en amont avec l'éditeur du thème.

    Le navigateur lit en cascade toutes les données de style et retient la dernière lue. (ce n'est pas toujours vrai, mais pour simplifier disons c'est le principe de base).
    Les ajouts de css bloquent ceux qui précèdent et donc la possibilité,
    pour une même action, d'utiliser l'éditeur du thème.

     **Code ajouté pour l'image header actuelle:
    #header {background-image: url(http:////nsa37.casimages.com/img/2017/06/11/170611120337290053.png );}

    Celle-ci "pèse" 1100Ko ce qui est peut être la raison du code dans les ajouts css (l'éditeur limitant les images du header à 400Ko).

     

    EDIT: 05/10  >> petit test
    Je viens d'enregistrer ton image header au format .jpg (au lieu du .png actuel).

    La taille reste identique 1100 x 523 pixels, mais la quantité d'octets nécessaire est de seulement 240 Ko au lieu de 1200 Ko (réduction de 80%).
    On est en dessous des 400 Ko max que l'éditeur exige, inutile de passer par un ajout de css.

    Ton image (240 ko) en.jpg sur ekladata:
     http://ekladata.com/Iq1VbWKfxObDrb7cNQwr2XAVZdA/testimage-jpg-header.jpg

    Ton image (1200 ko) en .png sur ekladata:
     http://ekladata.com/3r1JCUGE2uj11zx9KxftCLjHURA/testimage-png-header.png

    La qualité visuelle est la même sur un écran, et le temps de chargement est plus court en utilisant .jpg 

    A méditer glasses

    Samedi 10 Octobre 2020 à 14:36
    7CaroGraph

    Bonjour, je vous remercie beaucoup pour le temps que vous m'avez accordé.

    J'ai suivi vos conseils, en allégeant l'image, comme vous me l'avez indiqué.

    Je ne trouvais pas cette rubrique "ajouter du css" et grâce à vous, je vois où il faut modifier l'image qui est trop lourde.

    Je vais essayer de mettre une nouvelle image "allégée" et je pourrai vérifier dans cette rubrique "ajouter du css" si cela convient ou pas.

    Encore une fois mille mercis à vous, de m'avoir éclairer sur ce point que je cherche depuis plusieurs semaines !!

    A bientôt   Prenez soin de vous  Au plaisir de vous lire !!




    Ce sujet est verrouillé. Vous ne pouvez donc pas poster de nouvelles réponses.