Mikor melyik módszert érdemes használni ha egy képet akarok berakni a honlapra?

Ha a kép FÖLÉ (RÁ) akarsz írni, akkor background.

Különben img szerintem.

Ha a képet pont akkorában akarod megjeleníteni, mint amekkora valójában, és valóban csak képként akarod kezelni, akkor kvázi mindegy.

Előfordulhat viszont, hogy mondjuk egy téglalap alakú képet akarsz négyzet alakban megjeleníteni, szerver oldali programozás nélkül. Vagy egy reszponzív dizájn esetén változhat a kép mérete. Itt a div+background több lehetőséget ad, hogy hogyan méretezze a képet, hova illessze, stb… (Lásd: background-repeat, background-position, background-attachment, background-size )

Ha a kép valóban csak háttérkép, és előtte is van tartalom (szöveg, komplexebb tartalom), akkor mindenképpen div+background.

Az img tagnek annyi előnye lehet, hogy jobban kitűnik a html forrásból, hogy az egy kép. A jobb klikk > mentés is működik rajta.

Illetve ha a képet indexeltetni akarod a keresőkkel, és/vagy a tartalomhoz kapcsolódik és adsz neki alt/title attribútumokat, akkor IMG-be tedd.

[link]