Probleme mit der Darstellung von Bildern und Texten

[LeXy2804]

Hallöchen,

ich brauche dringend eure Hilfe.

Ich habe unsere Firmenhomepage erstellt (mit Hilfe von HTML5 & CSS3). Nun habe ich das Problem, dass vor allem im Internet Explorer 8/9 die Grafiken und auch teilweise der Text sehr verschwommen und pixelig sind.

Die Bilder sind in Orginalgröße eingefügt worden (Grafiken wurden genau auf die Maße hin erstellt (Bildtiefe 72 dpi)). Der Text ist jeweils mit einen festen Wert versehen.

Habt ihr eine Idee woran das liegen kann?

Hier dazu noch einen kleinen Quelltextauszug:

- Aus dem HTML - File:

...

<img class="home" src="_picture/home1.gif" title="xxx" alt="xxx">

...

- Aus dem CSS - File:

...

font-family: Arial, Helvetica, sans-serif;

font-size: 11px;

...

...

.home {

height: 20px;

border: 0;

width: 19px;

}

...

Viele Grüße,

LeXy

[lupo49]

Kannst du keine Thumbnails von den Bildern in der Übersichtsanzeige anzeigen und das Originalbild nur beim expliziten Anklicken?

[LeXy2804]

Hallo lupo49,

wie meinst du das?

[lupo49]

Normalerweise werden die Originalbilder nicht runterskaliert, sondern es wird eine Art Vorschaubild (welches im Original schon klein ist) angezeigt, das dann auf das Originalbild verlinkt.

z. B. html - How can I make a thumbnail <img> show a full size image when clicked? - Stack Overflow

[Crash2001]

Hmmm ich weiß nach dem kurzen Auszug aus dem Quelltext nicht einmal, ob überhaupt Thumbnails angezeigt werden sollen, oder ob das schon die Originalgröße sein soll.

Die Frage, die sich mir stellt ist nur, ob die 20*19 Pixel denn der Bildgrösse entsprechen, oder ob das Originalbild größer ist und herunterskaliert wird. Dann kann es durchaus zu dem beschriebenen Phänomen kommen.

Wenns herunterskaliert wird, erstelle Bilder direkt in der richtigen Größe. Falls es Vorschaubilder sind, dann halt zusätzlich.

[LeXy2804]

Servus,

nein, es sollen keine Vorschaubilder angezeigt werden...

Wie ich oben bereits geschrieben habe, wurden die Bilder auf die benötigten Maße hin erstellt und nicht skaliert oder verkleinert.

Die Bilder sind in Orginalgröße eingefügt worden (Grafiken wurden genau auf die Maße hin erstellt (Bildtiefe 72 dpi)). Der Text ist jeweils mit einen festen Wert versehen.

Das erklärt auch nicht warum normaler Text auch teilweise verschwommen und pixelig dargestellt wird.

Weiß jemand hier woran das liegen kann?

[Crash2001]

Hast du schon mal Bilder in einem andern Format als .GIF probiert?

Liegt eventuell noch irgendein Effekt (JavaScript z.B.) über dem Bild und der Schrift, der es irgendwie weichzeichnet?

Tritt das Problem nur auf deinem PC auf, oder auch, wenn du die Seite von anderen Rechnern aus betrachtest? Könnte auch an Einstellungen von deinem Browser liegen (herunterscalieren oder vergrössern des Seiteninhalts z.B.).

Könntest du vielleicht mal einen Screenshot machen, so dass man sieht, wie genau es denn aussieht? Anhand dessen kann man dir eventuell genauer sagen, woran es liegen könnte.

[LeXy2804]

Hallo Crash,

andere Formate hatten wir bereits auch ausprobiert (.png / .jpg). Diese Bilder sahen nach nicht viel besser aus. :old

Ich habe auf der Homepage mit Absicht keine Effekte wie JavaScript oder ähnliches eingefügt. Die Seite ist nur mit Html5 & CSS3 erstellt wurden.

Das Problem tritt nicht auf meinen PC auf, sondern vielen Kundenrechner von meinen Arbeitskollegen. Die Kollegen müssen immer da den Internet Explorer benutzen (meist 8 oder 9er Version). Bei meinen Rechner wiederum sieht die Seite normal aus, ohne das was verschwommen ist.

Den Screenshot hätte ich gerne eingefügt, ging aber irgendwie nicht.

[Der Kleine]

Hast du mal einen Link? Oder entwickelst du lokal mit nem Webserver (XAMPP oder ähnliches?)? Sofern dort die Ressourcen nicht stimmen, kann es zu ähnlichen Effekten führen.

[LeXy2804]

@Der Kleine: Ich habe dir den Link per Mail zugesandt.

Ich habe die Seiten mit Notepad++ erstellt und dann auf unseren Webspace geladen. Allerdings befindet sich in diesen Webspace auch unser Firmen-Wiki. Ich bezweifle, dass das Auswirkungen auf die Homepage haben kann.

[Crash2001]

Also verstehe ich das richtig, dass es bei dir unter IE8/9 richtig angezeigt wird, aber auf diversen anderen PCs unter dem gleichen Browser diese Probleme macht?

Dann würde ich nämlich auf irgendeine Browsereinstellung tippen.

Ist dort, wo die Probleme auftreten, die Kompatibilitätsansicht an oder aus?

Oder ist eventuell der Zoom dort nicht auf 100% eingestellt?

[LeXy2804]

Ja so könnte man das sagen. Es wird immer unterschiedlich wiedergegeben.

Man könnte es quasi auch so formulieren: bei firmeninterner Hardware werden die Bilder auf der Homepage korrekt dargestellt, bei einigen firmenfremden Hardware werden die Bilder wiederum sehr schlecht dargestellt, sodass man zum Teil nicht mehr richtig erkennt.

Leider ist es mir derzeit nicht möglich, zu schauen, wie die Kollegen mit der externen Hardware die Einstellungen vorgenommen haben.

Ich werde als erstes mal schauen, in wie fern ich die Bilder optimieren kann. (Auflösung, Format,...)

[Crash2001]

Da wäre dann die Frage, was für abweichende Einstellungen von den Defaulteinstellungen im IE bei euch getätigt wurden.

Würde ich mich an deiner Stelle mal an die dafür zuständige Abteilung bei euch wenden.