Mache ich etwas falsch?
Das Problem in diesem Fall ist nicht die "Körnung" von Digitalbildern, sondern die Stauchung:
Du hast die Bilder in der Größe 1280x849px auf deine Website geladen,
stellst sie aber mittels des HTML-Befehls <img SRC="Caribou Lodge.jpg"
height=225 width=391> hier z.B. in einer kleineren Größe dar.
Der Browser benutzt dabei aber keine Resample-Funktion (zur Kantenglättung), so dass diese unschönen Stauchungseffekte entstehen.
Zudem fällt mir auf dass du das Verhältnis Höhe/Breite verändert hast, 1280x849 entspräche 391x259px bei gleichbleibendem Verhältnis.
Da dein Bild aber nur mit der Höhe 225px dargestellt wird, sieht es aus als wäre die Caribou Lodge in die Breite gezogen.
Lösen kannst du das Problem, indem du mittels einer Bildbearbeitungssoftware mit Resampling-Funktion jeweils eine 2.,
verkleinerte Version des Bildes erstellst (siehe Anhang -> bitte draufklicken).
Auf das height/width im HTML würde ich übrigens
grundsätzlich verzichten, die Funktion ist in mehrerer Hinsicht sub-optimal:
1. Stauchungseffekte wegen fehlender Kantenglättung
2. Gefahr dass man aus Versehen das Verhältnis Höhe/Breite verändert
3. obwohl klein dargestellt, müssen die Bilder dennoch mit ihrer vollen Dateigröße geladen werden