FF zeigt Bild (von einem Skript) zu groß an?

[Manfred (Gast)]

Ein Python3-Script gibt ein Bild (JPG, 900 x 680) zurück, das vom 
Firerfox-Browser um 15 % (X und Y) zu groß angezeigt wird. Der 
Firefox-Debugger meldet sich mit overflow (Dieses Element verursacht den 
Überlauf eines Elementes). Nach Angabe von Breite und Höhe des Bildes im 
Tag ändert sich nichts. Kopiere ich das Bild aus dem Browser und lasse 
es von einem externen Programm anzeigen stimmen die Größenverhältnisse. 
Wo liegt das Problem?

...

<p class="aligncenter">
    <img src="cgi-bin/pic05.py">
</p>

...

[Frank K. (fchk)]

Was sendet das Skript für HTTP-Header mit?
Ich würde mindenstens ein Content-Type: image/jpg und ein 
Content-Length: <bytesize> erwarten, vielleicht noch ein 
Content-Disposition: inline.

fchk

[Manfred (Gast)]

Es liegt an den Browser-Einstellungen. Die reichen von  uMatrix, über 
uBlock bis 10 - 15 Änderungen über about:config. Starte ich den Browser 
über den Manager ohne die Änderungen wird das Bild korrekt angezeigt.

[Daniel A. (daniel-a)]

1px ist in einem Browser nicht unbedingt 1px. Es gibt da den 
devicePixelRatio, der vom OS/HDPI zoom level, und manchmal auch vom 
Browser zoom beeinflusst wird: https://jsfiddle.net/4vpbdrty/3/

Bei einem Canvas kann man oft einfach mit höherer Auflösung Rendern. Bei 
Bildern, Videos, und allem anderen, findet man sich am besten einfach 
damit ab, das die Bilder, Videos, und alles andere auch, halt etwas mehr 
Pixel beinhalten, als der Browser behauptet, statt zu versuchen, die zu 
schrumpfen. Oft kann man auch die Grösse von Bilder und Videos einfach 
statt in px so angeben, dass es gut ins layout passt, und dann den 
Browser ein paar grössen zur Auswahl geben, siehe dafür auch den < 
picture > tag, sowie die sizes & srcset attribute bei < img > & < source 
>.