Keine Transparenz bei PNG

mendaxx · 22.11.2003, 13:21

Einen nebligen Samstagnachmittag euch allen!

Ich kämpfe jetzt schon zwei Nachmittage und einen Vormittag verbissen an einer Lösung für folgendes Problem:
Ich Erstelle in Paint Shop Pro 7.00 eine Datei (Text - antialiased - auf transparentem Hintergrund) und speichere sie als 24-bit PNG ab.
Jetzt füge ich das Bild zweimal in einer Tabelle ein - einmal mit schwarzem und einmal mit weißem Hintergrund; etwa so:

Code:

...<td bgcolor="#000000">[img]test.png[/img]</td>...

Wenn ich mir die HTML-Datei jetzt im Browser (Mozilla 1.4) ansehe, ist die Transparenz futsch, ich sehe nur den Text auf weißem Hintergrund - Obwohl Mozilla ja spätestens seit der Version 1.0 PNG unterstützen sollte!

Hatte schon mal einer das Problem und kann mir helfen? Ich möchte keine aufwändigen Skripte einfügen müssen, oder dgl.

Vielen Dank und auf jeden Fall einen angenehmen Nachmittag/Abend.

mendaxx · 02.12.2003, 22:28

Hier die Lösung ... hat zwar einige Zeit gedauert, aber mittlerweile bin ich draufgekommen.

Am Besten benutzt man das Programm Adobe Photoshop 7. Hier gibt es unter dem Menüpunkt File die Option Save for Web. Hier kann man sowohl Bildformat und Farbtiefe, als auch Transparenz einstellen.

Hier speichert man die erstellte Datei als 24-bit PNG (nicht vergessen die Option Transparenz anzuklicken!) ab.

So werden sowohl die Transparenz, als auch allfällige Alpha-Werte korrekt abgespeichert.

Viel Spaß beim herumdesignen

read'ya

Venkman · 02.12.2003, 22:37

bist in psp nicht auf optimieren gegangen? (safe as und da is dann irgendwo optimize oder optimieren)

fenster · 07.12.2003, 10:19

hallo

wie funzt das mit den tranperentem
png in fireworks MX ?

gruß
fenster

mendaxx · 10.12.2003, 13:04

Ja ... jetzt hab ich's auch gefunden.

Wenn man im PSP 'save as' und als Format 'PNG' wählt, dann kann man über 'Options...' und 'Run Optimizer...' unter der Auswahl 'Transparency' sowohl normale, als auch Alphakanal-Transparenz auswählen.

Hab bis jetzt nicht gewusst, wozu der Optionsknopf gut ist

Danke auf jeden Fall!

22.11.2003, 13:21	#1
mendaxx Abonnent Registriert seit: 22.04.2003 Ort: Wien Beiträge: 1.198 Mein Computer	Keine Transparenz bei PNG Einen nebligen Samstagnachmittag euch allen! Ich kämpfe jetzt schon zwei Nachmittage und einen Vormittag verbissen an einer Lösung für folgendes Problem: Ich Erstelle in Paint Shop Pro 7.00 eine Datei (Text - antialiased - auf transparentem Hintergrund) und speichere sie als 24-bit PNG ab. Jetzt füge ich das Bild zweimal in einer Tabelle ein - einmal mit schwarzem und einmal mit weißem Hintergrund; etwa so: Code: ...<td bgcolor="#000000">[img]test.png[/img]</td>... Wenn ich mir die HTML-Datei jetzt im Browser (Mozilla 1.4) ansehe, ist die Transparenz futsch, ich sehe nur den Text auf weißem Hintergrund - Obwohl Mozilla ja spätestens seit der Version 1.0 PNG unterstützen sollte! Hatte schon mal einer das Problem und kann mir helfen? Ich möchte keine aufwändigen Skripte einfügen müssen, oder dgl. Vielen Dank und auf jeden Fall einen angenehmen Nachmittag/Abend. ____________________________________ "Ford," he said, "you're turning into a penguin. Stop it."

02.12.2003, 22:28	#2
mendaxx Abonnent Registriert seit: 22.04.2003 Ort: Wien Beiträge: 1.198 Mein Computer	Hier die Lösung ... hat zwar einige Zeit gedauert, aber mittlerweile bin ich draufgekommen. Am Besten benutzt man das Programm Adobe Photoshop 7. Hier gibt es unter dem Menüpunkt File die Option Save for Web. Hier kann man sowohl Bildformat und Farbtiefe, als auch Transparenz einstellen. Hier speichert man die erstellte Datei als 24-bit PNG (nicht vergessen die Option Transparenz anzuklicken!) ab. So werden sowohl die Transparenz, als auch allfällige Alpha-Werte korrekt abgespeichert. Viel Spaß beim herumdesignen read'ya ____________________________________ "Ford," he said, "you're turning into a penguin. Stop it."

02.12.2003, 22:37	#3
Venkman Inventar Registriert seit: 18.03.2001 Beiträge: 4.563	bist in psp nicht auf optimieren gegangen? (safe as und da is dann irgendwo optimize oder optimieren) ____________________________________ extraterrestrial:WCM SETI group - mySetiStats _xml \| Meldestelle Kinderpornografie \| my DVDs >When life hands you lemons, ask for tequila and salt.< \|für den optimisten ist das glas halb voll, für den pessimisten halb leer und für den techniker doppelt so groß wie es sein müsste\| error 042# - please restart this matrix! [OK]

07.12.2003, 10:19	#4
fenster Master Registriert seit: 29.12.2001 Beiträge: 797	wie funktioniert das in fireworks MX hallo wie funzt das mit den tranperentem png in fireworks MX ? gruß fenster

10.12.2003, 13:04	#5
mendaxx Abonnent Registriert seit: 22.04.2003 Ort: Wien Beiträge: 1.198 Mein Computer	Ja ... jetzt hab ich's auch gefunden. Wenn man im PSP 'save as' und als Format 'PNG' wählt, dann kann man über 'Options...' und 'Run Optimizer...' unter der Auswahl 'Transparency' sowohl normale, als auch Alphakanal-Transparenz auswählen. Hab bis jetzt nicht gewusst, wozu der Optionsknopf gut ist Danke auf jeden Fall! ____________________________________ "Ford," he said, "you're turning into a penguin. Stop it."

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)