Warum kommt es beim Exportieren von HTML nach PNG zu einer Fehlausrichtung und einer durchgestrichenen Textausrichtung? ⇐ HTML

[Anonymous]

Ich habe ein HTML-Preisschild, das im Browser korrekt angezeigt wird:

• Alter Preis rot durchgestrichen (z. B. 1,29)
• Neuer Preis darunter (z. B. 0,99)

Im Browser stimmt alles überein. Aber wenn ich den HTML-Code in PNG exportiere (mithilfe eines Screenshots oder eines Konvertierungstools), verschiebt sich die durchgestrichene Linie nach oben und der Text wird leicht falsch ausgerichtet.
Beispiel:

• HTML-Version (richtig): rote Linie kreuzt alten Preistext.
• PNG-Export (falsch): rote Linie schwebt über dem Text.

Was verursacht diesen Unterschied beim Rendern zwischen HTML und gerasterten Bildern und wie kann ich ihn beheben, damit die Linie bei allen Exporten ausgerichtet bleibt?