Transparente Bilder

Taeli

New member
Hallo!

Ich habe folgendes Problem: Ich möchte, dass sich ein Bild an einen Hintergrund anpasst, ich also eine bestimmte Farbe bei dem Bild wähle, die dann in den Hintergrund an der entsprechenden Stelle umgewandelt werden soll soll (Kommentare, wie: "Kopier doch den Hintergrund in das Bildes" werde ich ignorieren :D). Ich hoffe so etwas ist in Javascript (oder CSS) überhaupt möglich.
 
Wenn du z.B. einen Kreis als .jpg Bild in ein HTML Dokument einbindest, ist es um den Kreis weiß (oder eine andere Farbe), weil Bilder ja immer viereckig sind. Ich möchte jetzt, dass sich die Farbe(weiß) der Hintergrundfarbe anpasst, die ohne das Bild an der Stelle des Weiß wäre.

Folgendes Bsp soll das verdeutlichen:

So sieht es normalerweise aus, wenn man ein Bild in ein HTML Dokument einbindet (mit Paint erstellt):

http://picload.org/view/cdccid/bsp.png.html

So sollte es aussehen:

http://picload.org/view/cdccia/bsp2.png.html
 
Zuletzt bearbeitet:
Für IE:
http://de.selfhtml.org/navigation/suche/index.htm?Suchanfrage=transparenz
Sonst geht das glaub ich nich.
HTML5 kenn ich aber noch nicht genug.

Ich nehme an, Du willst nicht einfach ein Bild mit einem transparenten Bereich haben, sondern den Bereich nachträglich transparent machen.

Ansonsten verstehe ich Deinen Kommentar so, dass ich mal lieber davon absehen sollte, zu raten, wozu du das machen willst, und dann entsprechende Lösungsvorschläge zu machen. (Ich gebe zu, ich mag auch keine Lösungsvorschläge a la: "mach doch einfach was ganz anderes" ;) )

EDIT: nach Deinen Links sieht es mir nun doch so aus, dass Du einfach ein Bild mit transparentem bereich haben willst. Das erstellst Du einfach mit Photoshop in dem Du eine Farbe als transparent markierst, oder mit Photopaint indem Du eine maske erstellst. In Paint oder Irfanview weiss ich nicht ob das geht, in Gimp weiss ich nicht wie, ich nehm an wie in PP.
 
Zuletzt bearbeitet:
Stichwort: PNG
Das was im Bsp weiß ist, sollte ganz einfach transparent sein.
Ob da Paint ausreicht, kann ich leider nicht beantworten ... (Gottseidank)
Wenn Du kein Photoshop hast, gibt es das freie GIMP für solche Aktionen ...
 
Hab mir jetzt erstmal GIMP runtergeladen. Muss mich aber erst in das Programm reinarbeiten.:)

EDIT: Geht wirklich nicht mit Paint. Der gibt eine Warnung aus und wandelt die Transparenz wieder in die Farbe weiß um.
 
Zuletzt bearbeitet:
Zurück
Oben