• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Bilder werden in html unscharf dargestellt

B

babbaroli

Neues Mitglied
Hallo zusammen,
ich habe folgendes Problem:
Ich habe mir einige Seiten mit Fotos für Ebay-Auktionen gebaut.
Das einbinden der Fotos gelang zunächst gut.
Doch dann wurden alle Fotos, nachdem ich diese in den html code eingefügt hatte, im browser unscharf dargestellt.
Zunächst habe ich ein Problem beim Fotografieren vermutet.
Alle Fotos neu gemacht, und bearbeitet mit Irfanview auf 800x640, bzw. 1024x768 Pixels. Die Fotos sind getochen scharf!
Auf den webspace geladen, in html eingefügt
Ergebnis: Unscharf
Testeise habe ich dann auch die Bilder, die ich Anfangs eingefügt hatte und bei denen die Schärfe ok war, eingefügt.
Ergebnis : auch diese wurden unscharf dargestellt.
Ich habe das Ergebnis in allen 3 Browsern geprüft, also opera, firefox, IE
bei allen die gleiche Unschärfe.
An der dateigröße kann es nicht liegen, da die Bilder mit 53k, 141k auf dem webspace liegen.
Wodurch kann das kommen.
bin ziemlich ratlos und verzweifelt, und hoffe Ihr könnt helfen.
 
Werbung:
Könntest du vielleicht einen Link zu der Seite oder den entsprechenden Code posten? Dann kann dir besser bzw. erst geholfen werden.

Möglicherweise hast du ja die Größe der Bilder in der Seite anders definiert, als sie tatsächlich ist.
Beispiel: Foto 500 x 300 Pixel
Dein Code:

HTML: 
<img src="bla.jpg" width="1000" height="600" />

Dann ist klar, dass das unscharf wird.
 
Danke für die schnelle Antwort.
einen link zu der seite kann ich nicht bereitstellen, weil diese noch lokal auf meinem rechner liegt, aber hier mal die beiden codes um die es geht

<p class="MsoNormal"><o:p>&nbsp;</o:p></p>
<img src="http://foto.arcor-online.net/palb/alben/41/7778741/120_6162363532653962.jpg" width="368">
<p class="MsoNormal"><o:p>&nbsp;</o:p></p>
alternativ habe ich dann diesen probiert
<!-- ===== linkes Bild1: Code Anfang ==== -->

<td style="width: 45%; text-align: center; padding: 30px 10px;">
<img src="http://foto.arcor-online.net/palb/alben/41/7778741/120_3366376230663362.jpg" width="368"></td>

<!-- ===== linkes Bild1: Code Ende ==== -->
aber egal welches bild ich auch einfüge, es wird immer unscharf dargestellt
 
Werbung:
babbaroli schrieb:
einen link zu der seite kann ich nicht bereitstellen, weil diese noch lokal auf meinem rechner liegt
Zum Vergrößern anklicken....
Falsche Antwort, wenn dir geholfen werden soll. Lad sie hoch, dann kann jeder mit seinen Entwicklertools sofort sehen, wo der Fehler liegt.


, aber hier mal die beiden codes um die es geht

<p class="MsoNormal"><o:p>&nbsp;</o:p></p>
<img src="http://foto.arcor-online.net/palb/alben/41/7778741/120_6162363532653962.jpg" width="368">
<p class="MsoNormal"><o:p>&nbsp;</o:p></p>
alternativ habe ich dann diesen probiert
<!-- ===== linkes Bild1: Code Anfang ==== -->

<td style="width: 45%; text-align: center; padding: 30px 10px;">
<img src="http://foto.arcor-online.net/palb/alben/41/7778741/120_3366376230663362.jpg" width="368"></td>

<!-- ===== linkes Bild1: Code Ende ==== -->
aber egal welches bild ich auch einfüge, es wird immer unscharf dargestellt
Zum Vergrößern anklicken....
Alles, was man hier sehen kann ist, dass die Bilder 386px Breit sind, ob das nun so richtig ist oder nicht, musst du wissen.

Mehr Hilfe lässt sich so kaum geben.
 
Es scheint so, als ob die Bilder im Browser durch Größenangabe skaliert werden. Bilder durch den Browser skalieren lassen, ist die schlechteste Möglichkeit, denn der Browser kann keine Bildbearbeitung ersetzen.

Gruß thuemmy
 
Links zur Seite

Danke für Eure Tipps und Ratschläge
Also mir zwar nicht ganz klar warum der gesamte Code hilfreicher sein soll als nur der Auszug aus der entscheidenden Stelle, aber dennoch, hier ist der Link zurseite:
http://www.handel-und-gewerbe24.de/index.html

beide Bilder sind mit Irfanview bearbeitet.
beide Bilder sind gestochen scharf, erscheinen aber, sobald man sie einfügt unscharf.
Die Bilder haben auf dem Webspace eine Größe von 41k bzw 50k.
Im Irfanview habe ich die Bilder auf 800x932, bzw. 1024x683.
interessant ist, dass eben andere Fotos, die genauso bearbeitet wurden
scharf dargestellt werden.

Im Browser übrigens werden die Bilder nicht frei skaliert.
 
Werbung:
Wie schon gesagt, sind die Bilder im Original kleiner, als du sie auf der Seite darstellen lässt. Da haben sie eine Breite von 368px. Nimm die Angabe raus, dann werden sie wieder scharf dargestellt, oder vergrößer sie im Original, sonst muss der Browser sie skalieren und das wird dann unscharf.
 
Danke

LaOlaWelle für Neuroleptika und Thor.
danke Ihr habt mir sehr geholfen.

Dank Eurer Hinweise habe ich festgestellt, dass beim upload auf den arcor webspace arcor die
Bilder offenbar nochmals runter skaliert, so dass die mit Irfanview gemachten Originaleinstellungen geändert werden.
Nimmt man die angabe zu Breite u. höhe aus dem Code, wie von thor vorgeschagen,werden die Bilder zwar klein, aber scharf dargestellt. genauso wenn man die von arcor veränderten Pixel nimmt.

Also nochmals: Danke für Eue hilfe!
 
Werbung:
babbaroli schrieb:
habe ich festgestellt, dass beim upload auf den arcor webspace arcor die
Bilder offenbar nochmals runter skaliert, so dass die mit Irfanview gemachten Originaleinstellungen geändert werden.
Zum Vergrößern anklicken....
Also das habe ich noch nie gehört, dass beim Hochladen auf Webspace die Dateien geändert werden :-)

Gruß thuemmy
 
Ich auch nicht!
Is aber so! Wobei es unerheblich ist ob das beim upload passiert, oder die Bilder von Arcor runter skaliert werden um Webspace zu sparen, Fakt ist:
die Original Dateien werden geändert.
 
Das ließe sich ja ganz leicht rausfinden, ob die verändert werden.
Ich halte das auch für eher unglaubwürdig. Einem Anbieter, der meine Daten verändert, die ich hochlade, würde ich nicht vertrauen.
Möglicherweise hast Du die Bilder aber auch falsch hochgeladen...wobei, wenn Du sie im ASCII-Modus hochgeladen hättest, hätten sie gar nicht angezeigt werden können...
 
Werbung:
Nee, ganz normaler upload über das vorgegebene Formularfeld zum upload.
Mir scheint dies eher daran zu liegen, dass die Bilder von Acor nochmals komprimiert werden - eben um Speicherplatz zu sparen.
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben