nicht angemeldet
Transparentes Bild vor Hintergrundbild: Immer weisser Rand
Guten Tag
Ich habe eine Webseite mit wiederholtem Hintergrundbild und möchte eine transparente grafik (.png) darauf platzieren.
Nur leider bekomme ich immer einen wüsten weissen Rand um meine Grafik rum.
Wie kann ich das verhindern?
Oder ist es überhaupt möglich?
<html>
<head>
<title></title>
</head>
<body style="background-image:url(Packpap1.png);">
<p align="center"><img src="SchnirkelLogo.png" width="397" height="245" alt="SchnirkelLogo" border="0"></p>
</body>
</html>
MfG
Kaspar
-
Moin Moin !
Benutzt Du den IE, um Dir das anzusehen?
Ja? Schade, der IE hat massive Probleme mit PNG und Transparenz. CSS hilft Dir da gar nicht. Ein anderer Browser vielleicht. Oder GIFs.
Alexander
--
Nein, ich beantworte keine Fragen per eMail. Dafür ist das Forum da.
Today I will gladly share my knowledge and experience, for there are no sweeter words than "I told you so!"-
Hallo Alexander
Benutzt Du den IE, um Dir das anzusehen?
Ja. Weil leider die Meisten leute die Zukünftige Seite mit dem IE betrachten werden.
Ja? Schade, der IE hat massive Probleme mit PNG und Transparenz. >CSS hilft Dir da gar nicht. Ein anderer Browser vielleicht. Oder >GIFs.
Das bringt aber leider auch nix. Bei einem Gif habe ich den selben weissen rand. Und Produziere ich ein Bild mit dem selben Hintergrund, wie der Hintergrund meiner Seite, dann wird es ca. 60KB gross. :-( Ausserdem wird es dann enorm schwer es auf den Hintergrund abzupassen. Da das Hintergrundbild Packpapier ist. :-((
Giebt es vieleicht noch einen anderen Weg das zu richten?
Danke trotzdem für deinen Tipp.
MfG
Kaspar
-
hallo
biste sicher, dass Dein Bild nicht den Rahmen verursacht, weil es am Rand verschwommen ist? Das ist meistens die Ursache, würde ich mal mit der Lupe überprüfen. Mit was für einem Prog. haste das Bild erstellt?
Cya
-
Hallo cd
biste sicher, dass Dein Bild nicht den Rahmen verursacht, weil es am Rand verschwommen ist?
Tatsächlich. So ist es. Es hat einen feinen weissen übergang am rand, der dann auf dem blauen Hintergrund ziemlich stark heraussticht.
Das ist meistens die Ursache, würde ich mal mit der Lupe >überprüfen. Mit was für einem Prog. haste das Bild erstellt?
Mit dem Illustrator.
MfG
Kaspar
-
PS:
Ich kriege einen Sauberen übergangslosen (nicht weissen) Rand bei der Gif komprimierung nur dann hin wenn ich das gif auf 2 Farben herunterschraube. Das Ocker-Orange-Rot ist dann zwar etwas blass, aber wenigstens krieg ich nicht mehr diesen hässlichen weissen Rand.
MfG
Kaspar
-
kannst Du mit illustrator nicht einen Farbbereich auswählen, wie auch z.B. bei Adobe Photoshop, und dann einfach die verschmierende Farbe löschen?So mach ich das meistens.
christoph
-
kannst Du mit illustrator nicht einen Farbbereich auswählen, wie auch >>z.B. bei Adobe Photoshop, und dann einfach die verschmierende Farbe >>löschen?So mach ich das meistens.
Hallo Christoph
Ich wüsste nicht wie.
Aber das bild das ich im Illustrator erstellt habe ist sowieso gestochen scharf und hat überhaupt keine fliessenden Ränder. Erst wenn ich das bild komprimieren will, werden die wüsten weissen ränder hinzugefügt...
Und nehme ich wie gesagt die hellen farben aus der Palette raus, wird das ganze zackelig. Ich werde es wohl mal noch mit einer höheren Auflösung als 72dpi probieren müssen.
Aber so wie ichs jetzt zurechtbiegen konnte ists eigentlich auch nicht unbedingt schlecht.MfG
Kaspar
-
-
-
-
-
-
-
<html>
<head>
<title></title>
</head><body style="background-image:url(Packpap1.png);margin:0;padding:0;">
<p align="center"><img src="SchnirkelLogo.png" width="397" height="245" alt="SchnirkelLogo" border="0"></p>
</body>
</html>-
<html>
<head>
<title></title>
</head><body style="background-image:url(Packpap1.png);margin:0;padding:0;">
Hallo Tom
Das Nützt leider gar nix. Das Bild ist dann lediglich ganz oben auf der Seite.
Danke Trotzdem.MfG
Kaspar
-