HTML – Tabellenbilder responsiv einfügen


Bilder, die als Inhalt einer HTML-Tabellenzelle eingefügt werden, verändern ihre Größe auf unterschiedlich großen Bildschirmen.

HTML-Tabellenzellbild - normal Ansicht
Normale Ansicht

Wird die Bildschirmgröße verkleinert, zum Beispiel auf einem Smartphone, wird das Bild gestreckt.

HTML-Tabellenzellbild - verkleinerte Ansicht
Verkleinerte Ansicht

Dieses Verhalten kann man verhindern und das Bild responsiv als Zelleninhalt oder Hintergrund einfügen.