Anzeige

Bild mit *.png und grauer Umrandung

Bild mit *.png und grauer Umrandung | PSD-Tutorials.de

Erstellt von cluster, 05.09.2006.

  1. cluster

    cluster Nicht mehr ganz neu hier

    Dabei seit:
    29.08.2005
    Beiträge:
    110
    Bild mit *.png und grauer Umrandung
    Hallo,

    habe mal wieder ein Problem.

    Schaut mal bitte hier -> http://www.dieblaschkes.de/AckiSoni/logo_anders.html

    Dort habe ich für Freundschaft ein Logo entworfen. Allerdings macht Photoshop da so einen komischen grauen Rahmen drum, wenn ich das Bild als PNG-24 abspeicher.

    In Photoshop ist das allerdings transparent. Könnt Ihr mit helfen und bitte sagen, was ich falsche gemacht habe?

    Das Logo ist sowohl für Flyer wie auch für einen zukünftigen Internetauftritt gedacht. In welchen Qualitäten bzw. Dateiformaten sollte ich das Logo am besten abspeichern?

    Vielen Dank für Eure Hilfe im voraus.
     
    #1      
  2. Tim

    Tim Hutträger

    Dabei seit:
    27.08.2005
    Beiträge:
    2.884
    Geschlecht:
    männlich
    Ort:
    Fellbach
    Bild mit *.png und grauer Umrandung
    Nein, der IE macht da einen komischen grauen Rahmen drum weil er diese Transparenz nicht darstellen kann.
     
    #2      
  3. Chamaeleon

    Chamaeleon Farbtarnungskünstler

    Dabei seit:
    11.06.2005
    Beiträge:
    794
    Geschlecht:
    männlich
    Ort:
    München
    Software:
    PS CS3, Flash, Illustrator, Dreamweaver
    Bild mit *.png und grauer Umrandung
    Hmmm.. Photoshop macht da keinen grauen Rahmen drum, sondern der Internet-Explorer, weil der mit der Transparens bei PNG nicht umgehen kann.
    Gibt hier schon einige Themen darüber und auch Tips wie man das ändern kann.
    z.B. klick mich
    im Fux passt alles.

    Hast also mehrere Möglichkeiten:
    Für die Webseite einfach die Hintergrundfarbe verwenden,bei Dir also schwarz.
    Oder als Gif abspeichern
    Oder wie oben im Link beschrieben dem IE das beibringen.

    Gruß Chamäleon
     
    #3      
  4. cluster

    cluster Nicht mehr ganz neu hier

    Dabei seit:
    29.08.2005
    Beiträge:
    110
    Bild mit *.png und grauer Umrandung
    Danke für Eure prompte Hilfe.

    Das das mit dem IE zusammenhängt, habe ich nicht gewusst.

    Ich werde das dann mal als gif versuchen.

    @chamäleon: dein Link ist leider fehlerhaft, da öffnet sich nix :(.

    Vielen Dank nochmal!
     
    #4      
  5. Chamaeleon

    Chamaeleon Farbtarnungskünstler

    Dabei seit:
    11.06.2005
    Beiträge:
    794
    Geschlecht:
    männlich
    Ort:
    München
    Software:
    PS CS3, Flash, Illustrator, Dreamweaver
    Bild mit *.png und grauer Umrandung
    hmmm....bei mir geht der Link ohne Probleme

    Gruß Chamäleon
     
    #5      
  6. cluster

    cluster Nicht mehr ganz neu hier

    Dabei seit:
    29.08.2005
    Beiträge:
    110
    Bild mit *.png und grauer Umrandung
    Guten Morgen!

    Nun habe ich die Logos als *.gif abgespeichert und alles ist ok - soll heißen, dass die unschöne Umrandung weg ist.

    Allerdings haben die Logos jetzt einen blöden pixeligen Rand rundherum. Hat jemand eine Idee, wie ich jetzt auch noch dieses Problem behoben bekomme?

    Die Logos sind hier zu sehen -> http://www.dieblaschkes.de/AckiSoni/logo.html

    Vielen Dank schon mal im voraus.
     
    #6      
  7. Tim

    Tim Hutträger

    Dabei seit:
    27.08.2005
    Beiträge:
    2.884
    Geschlecht:
    männlich
    Ort:
    Fellbach
    Bild mit *.png und grauer Umrandung
    GIF hat eine sehr eingeschränkte Transparenzdarstellung (siehe hier und hier) entweder transparant oder nicht transparent..

    Also entweder du nimmst den pixeligen Rand in kauf und machst ihn so weit wie möglich weg oder du nimmst den Link von Chamäleon (der übrigens tut) und bringst dem IE PNG-Transparenz bei.
     
    #7      
  8. cluster

    cluster Nicht mehr ganz neu hier

    Dabei seit:
    29.08.2005
    Beiträge:
    110
    Bild mit *.png und grauer Umrandung
    @wAldii: Danke für Deine Hilfe.

    Der Link funktioniert eigenartigerweise jetzt bei mir auch - vorher leider nicht, nun ja was solls.

    Werde mal das mit der *.htc mal ausprobieren - vielen Dank nochmal an alle für Eure Hilfe.
     
    #8      
  9. hups

    hups Nicht mehr ganz neu hier

    Dabei seit:
    16.06.2006
    Beiträge:
    111
    Geschlecht:
    männlich
    Bild mit *.png und grauer Umrandung
    hi wenn ich das mache was der link sagt zb im Style das einfüge

    Code (Text):
    1. img {
    2.    behavior: url("pngbehavior.htc");
    3.  }  
    sagt dreamweaver das behavior von ie5 nicht unterstützt wird ??

    mfg
     
    #9      
  10. Tim

    Tim Hutträger

    Dabei seit:
    27.08.2005
    Beiträge:
    2.884
    Geschlecht:
    männlich
    Ort:
    Fellbach
    Bild mit *.png und grauer Umrandung
    -- Verschoben nach HTML + CSS, liegt ja doch nicht an Photoshop
     
    #10      
Seobility SEO Tool
x
×
×