CONNEXION
  • RetourJeux
    • Sorties
    • Hit Parade
    • Les + populaires
    • Les + attendus
    • Soluces
    • Tous les Jeux
    • Gaming
  • RetourActu Gaming
    • News
    • Astuces
    • Tests
    • Previews
    • Toute l'actu gaming
  • RetourBons plans
    • Bons plans
    • Bons plans Smartphone
    • Bons plans Hardware
    • Bons plans Image et Son
    • Bons plans Amazon
    • Bons plans Cdiscount
    • Bons plans Decathlon
    • Bons plans Fnac
    • Tous les Bons plans
  • RetourJVTech
    • Actus High-Tech
    • Intelligence Artificielle
    • Smartphones
    • Mobilité urbaine
    • Hardware
    • Image et son
    • Tutoriels
    • Tests produits High-Tech
    • Guides d'achat High-Tech
    • JVTech
  • RetourCulture
    • Actus Culture
    • Culture
  • RetourVidéos
    • A la une
    • Gaming Live
    • Vidéos Tests
    • Vidéos Previews
    • Gameplay
    • Trailers
    • Chroniques
    • Replay Web TV
    • Toutes les vidéos
  • RetourForums
    • Hardware PC
    • PS5
    • Switch 2
    • Xbox Series
    • Switch
    • Pokemon pocket
    • FC 25 Ultimate Team
    • League of Legends
    • Tous les Forums
  • PC
  • PS5
  • Xbox Series
  • Switch 2
  • PS4
  • One
  • Switch
  • iOS
  • Android
  • MMO
  • RPG
  • FPS
En ce moment Genshin Impact Valhalla Breath of the wild Animal Crossing GTA 5 Red dead 2
Liste des sujets

différence image / image de fond

OrtisParesseuse
OrtisParesseuse
Niveau 6
22 septembre 2012 à 17:32:31

salut

pouvez vous me dire quels sont les avantages à mettre une image "en fond" ?

vava740
vava740
Niveau 10
22 septembre 2012 à 17:41:21

<img src="" alt=""> pour une image de contenu, background-image: url() pour une image qui sert uniquement au design. :ok:

OrtisParesseuse
OrtisParesseuse
Niveau 6
22 septembre 2012 à 19:48:14

oui mais j'aimerais savoir si y'a des différences, par exemple sur la priorité du chargement des images sur une page, etc...

vava740
vava740
Niveau 10
22 septembre 2012 à 20:17:31

Personne ne t'empêche de faire des tests, mais comme je suis stupide je les ai fait à ta place. :hap:

Les images du CSS sont chargées au moment où le navigateur interprète le CSS. Donc si ton css est dans le <head>, toutes les images que tu link dedans seront chargées (dans l'ordre où elles apparaissent dans le CSS), et ensuite les images de ta page (dans l'ordre où elles apparaissent dans le HTML également).

Mais si tu mets ton CSS à la fin de la page, c'est d'abord les images HTML qui seront chargées et ensuite celles du CSS.

Quoi qu'il en soit la différence est minime dans la mesure où dans la majorité des cas la page et les CSS sont interprété très rapidement, donc en quelques millisecondes le navigateur a connaissance de toutes les images, qu'elles soient background ou HTML, et les charge alors de façon asynchrones (toutes en même temps, il attend pas d'avoir la première image avant de charger la deuxième), donc t'as pas grand chose à optimiser là dessus. :(

charles_dexter
charles_dexter
Niveau 7
23 septembre 2012 à 02:26:28

pour faire simple: une image de fond tu peux insérer du texte dessus directemnt.
une image normale tu peux pas. voila.

Sous forums
  • Aide à l'achat Mac
  • Internet
  • Macintosh
  • Création de sites web
  • Création de Jeux
  • Linux
  • Programmation
  • Steam Deck
  • Hardware
La vidéo du moment