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

Gast #6797075
Lesenswert?
• ▲
▼
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?
1
...
2

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

7
...
Gast #6797148
Lesenswert?
• ▲
▼
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.
#6797222
Lesenswert?
• ▲
▼
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 
>.

Antwort schreiben

Hinweis: der ursprüngliche Beitrag ist mehr als 6 Monate alt. Bitte hier nur auf die ursprüngliche Frage antworten, für neue Fragen einen neuen Beitrag erstellen.

Formatierung
  • [c]C-Code[/c]
  • [code]Code in anderen Sprachen, ASCII-Zeichnungen[/code]
  • [math]Formel in LaTeX-Syntax[/math]
  • [[Titel]] – Link zu einem Artikel
  • Verweis auf einen anderen Beitrag: Rechtsklick auf dessen Beitrags-ID (#8078628), „Adresse kopieren“, in den Text einfügen

Mehr zur Formatierung

Längeren Sourcecode als Anhang, nicht in den Text. JPG nur für Fotos und Scans; Zeichnungen und Screenshots als PNG oder GIF. Siehe Bildformate.

Schon registriert? Anmelden

Wird nicht angezeigt. Wir schicken dir einen Link; sobald du damit bestätigst, erscheint dein Beitrag.

Mit dem Abschicken legst du einen kostenlosen Account an und erkennst die Nutzungsbedingungen und die Datenschutzerklärung an.