Fehlerhafte Anzeige von Bildern wenn verkleinert

joomlatest

Hallo,
schon seit etlichen FF-Versionen beobachte ich (zumindest unter Linux/Ubuntu), dass Bilder (GIF, JPG, PNG) manchmal einen schwarzen Rand (1 Pixel - nicht an allen Seiten) erhalten, wenn die Seite mit Strg-Minus verkleinert oder mit Strg-Plus vergrößert wird.
Es sind nicht immer alle Bilder betroffen. Bisher habe ich noch keine Regel finden können.
Zur Zeit nutze ich FF 3.6.8 unter Ubunt 10.04

Zu sehen ist der Fehler auf vielen Seiten, z.B. http://www.folkfreun.de oder auch http://www.1und1.de

Ist das schon bekannt, gibt es evtl. ein Workaround dafür?

Schon jetzt vielen Dank für die Hilfe,
joomlatest

.Ulli

Hallo joomlatest,

Willkommen im Forum

Ist hier bislang noch nie aufgefallen, aber für http://www.folkfreun.de/ kann ich, aber nur bei 90% Zoom, diese schwarze Zeile unterhalb der Grafik bestätigen.

Es tritt auch noch bei bei Fx 3.6.9pre auf. Bei dem Fx 4.0b6pre ist diese Zeile noch nicht ganz fehlerfrei, fällt jedoch nur noch auf, wenn man exakt weiß wohin man schauen muss.

Bei 1&1 sah ich keinen Fehler, bzw. wusste nicht wohin ich das Auge lenken soll.

joomlatest

Hallo Ulli,
vielen Dank für die schnelle Reaktion!
Auf der 1und1-Seite ist heute (1.9.) im blauen Feld 3 Angebote zu sehen, die graphisch jeweils nur rechts und unten vom Hintergrund abgesetzt sind. Wenn du die Ansicht einmal verkleinerst, dann erscheinen am linken Rand des ersten Feldes zwei schwarze Linien. Auch um die sonstigen Elemente der Seite erscheinen teilweise Linien, die in der Originalgröße nicht zu sehen sind.

Hier noch ein Link:
http://www.acoustic-live.de/index.php?opti…id=41&Itemid=88
Die Linien mit den grünen Verlauf erhalten ebenfalls eine horizontale Linie.

Gerade fällt mir auf, dass die betroffenen Bilder oft (oder immer?) per CSS
background: url(...) no-repeat ... transparent;
eingebunden sind.
Hilft das weiter?

joomlatest

.Ulli

Zitat von joomlatest

Gerade fällt mir auf, dass die betroffenen Bilder oft (oder immer?) per CSS [...]
Hilft das weiter?

Mir zwar nicht, aber es sind noch andere Artefakte erkennbar.

Dies sind erkennbare Rundungsfehler, bei denen hier derzeit noch unbekannt ist, ob diese bereits bei Bugzilla eingetragen sind.

joomlatest

So, ich habe jetzt noch etwas experimentiert und glaube eine Systematik entdeckt zu haben:

FF zeigt den beschriebenen Effekt sowohl bei <img> wie auch bei CSS background wenn das Bild nicht einfarbig ist!
Ausprobieren kann man es hier:
EDIT: die neue Testseite ist hier: http://web167.server-drome.net/tests/FF513651.html
~~http://www.folkfreun.de/Tests~~
Unter ~~http://www.folkfreun.de/Tests/result.png~~http://web167.server-drome.net/tests/result.png liegt ein Bildschirmfoto nach viermaliger Verkleinerung.
Das 2. Bild unterscheidet sich im Original nur in einem Pixel vom ersten Bild (einfarbig)

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
body {
 background:#DDD; 
 padding:50px;
 font-family:"trebuchet ms", "times new roman", times, serif; 
}


.bild {
 float:left;
 height:150px;
 min-height:150px;
 width:150px;
 min-width:150px;
}


.back30blk {
 background:url("30blk.png") no-repeat transparent;
}


.back30 {
 background:url("30.png") no-repeat transparent;
}


.back100blk {
 background:url("100blk.png") no-repeat transparent;
}


.back100 {
 background:url("100.png") no-repeat transparent;
}


.back110blk {
 background:url("110blk.png") no-repeat transparent;
}


.back110 {
 background:url("110.png") no-repeat transparent;
}
</style>
</head>


<body>
<div class="bild back30blk">30</div>
<div class="bild back30">30</div>
<div class="bild back100blk">100</div>
<div class="bild back100">100</div>
<div class="bild back110blk">110</div>
<div class="bild back110">110</div>
<div class="bild"><img src="100.png" alt="" /></div>
<div class="bild"><img src="100blk.png" alt="" /></div>
</body>
</html>

Alles anzeigen

Road-Runner

Ich habe die Seite http://www.folkfreun.de/Tests aufgerufen und das Bild 6-fach verkleinert, ohne dass dieser Effekt aufgetreten ist siehe Screenshot).

Könnte es sein, dass dieser Effekt nur unter Linux auftritt? Ich habe Windows 7 Home Premium.

[attachment=0]test.png[/attachment]

joomlatest

Hallo Road-Runner,

heute habe ich auch einen Windows-Rechner zur Verfügung ( XP, FF 3.6.8 )
Ich kann bestätigen, dass der Effekt hier nicht auftritt.

Im Bugzilla kann ich nichts passendes finden, das mag allerdings auch an den verwendeten Suchbegriffen liegen...

Gruß, joomaltest

.Ulli

In der VirtualBox mit XP konnte ich es auch nicht nachvollziehen.

Lies mal hier Bug 513651 - black lines (top and left) when scaling images down

joomlatest

@Ulli: ja, das scheint der Fehler zu sein - gut gefunden! Allerdings kann ich ihn ja auch bei PNGs beobachten.
Wer setzt die Fehler bei Bugzilla auf confirmed?
GIbt es 'ne Chance die Bearbeitung zu beschleunigen?

joomlatest

Und noch eine neue Information (um die Verwirrung komplett zu machen):
FF 3.0.19 zeigt das Fehlverhalten nicht

Mozilla/5.0 (X11; U; Linux i686; de; rv:1.9.0.19) Gecko/2010040119 Ubuntu/8.04 (hardy)

Boersenfeger

Zitat von joomlatest

FF 3.0.19 zeigt das Fehlverhalten nicht

Den nutzt ein wahrer Firefoxer auch nicht mehr, weil outgedatet.

MaximaleEleganz

Zitat von Boersenfeger

[...] weil outgedatet.

// Um Himmels Willen. :?

.Ulli

Zitat von joomlatest

FF 3.0.19 zeigt das Fehlverhalten nicht

Aber Fx 3.5.9

Build identifier: Mozilla/5.0 (X11; U; Linux i686; de; rv:1.9.1.9) Gecko/20100401 Ubuntu/9.10 (karmic) Firefox/3.5.9

Hänge dich an den besagten Bug, verlinke deinen Testcase und bestätige ihn.

joomlatest

Vielen Dank allen für die zusätzlichen Informationen.
Ich werde dem Vorschlag von Ulli folgen und meine Ergebnisse im Bugzilla eintragen.

Es gibt jetzt noch neuere Erkenntnisse und sogar einen möglichen Workaround!
Beschrieben habe ich das auf der neuen Testseite, auf die auch im Bugzilla verwiesen wird:
http://web167.server-drome.net/tests/FF513651.html

Fazit: am besten PNGs mit Alphakanal verwenden!

Die in den ersten Postings genannte Testseite möchte ich nicht dauerhaft auf dem Server lassen.
Darum habe ich dort die Links angepasst.

Viele Grüße,
joomlatest

joomlatest

Zitat

Hänge dich an den besagten Bug, verlinke deinen Testcase und bestätige ihn.

Habe meinen Testcase per Comment in Bugzilla eingetragen. Der Bug selbst steht allerdings auf UNCONFIRMED und ich kann daran nichts ändern.
Bitte stimmt mit ab für die Behebung des Fehlers (vote)

Danke
joomlatest