transparenter hintergund?

1. offizieller Beitrag

    transparenter hintergund?

    jpegs / gifs werden als rechteckige dateien gespeichert.

    mein logo ist allerdings RUND.

    wenn ich mein selbsterstelltes, animiertes gif auf meine homepage setze, zeigt es dementsprechend an den 4 ecken farbe an.

    wie kann ich die ecken transparent hinkriegen, damit der background nur sichtbar ist?(der eigentlich gewählte hintergrund ist bei mir ein bild, keine einzelne farbe, dann hätte ich das problem ja nicht)

    muß ich einen bestimmten HTML color code (HEX code) für die ecken im grafikprogramm verwenden?

    danke schon mal im voraus!

    du musst dann die grafik als png convertieren wenn es ein foto ist. oder wenn es geht als gif. du kannst auch, wenn dein Seitenhintergrund ohne bild ist sondern nur als farbe definiert, einfach dein bild mit einem grafikprogramm dein foto mit diesen farben an den stellen wo es sich mit dem hintergrund vermischen soll übermalen.

    Zitat von admin

    Natürlich könnte man es auch mit CSS (filter:alpha) machen, aber das wird nur beim IE richtig angezeigt

    Deshalb ergänzt man für Mozilla auch einen weiteren Filter "-moz-opacity:wert" mit den Werten 0.01 bis 1 (1 = 100%).

    Mit der nächsten CSS-Version sollen die beiden Filter dann zusammengfaßt werden unter "opacity:wert", wobei man sich seitens der W3C an die Mozilla-Syntax hält und diese dann auch für Bills Truppe verbindlich werden soll.

    G.a.d.M.

    Ronald

    so. anbei mein animiertes gif!
    die 4 grauen ecken sollen auf jeden fall transparent sein, damit im hintergrund / background die grafik (nicht uni-farbig!) sichtbar ist.

    DarkSyranus: ich nutze photoshop cs2, oder auch ACDSee.
    @meikschmidt: animierte gifs in ein andres format konvertieren geht wohl nicht (??!!), aber selbst ein jpeg in png verlangt doch, daß ich die grauen ecken irgendwie definiere, sonst erkennt das neue format die ecken als farbig an. (?)

    CSS (filter:alpha) ??
    "-moz-opacity:wert" ??
    in der <p.. oder <img src...-zeile ergänze ich diese werte dann?

    ich selber nutze fast ausschließlich mozilla, will aber auch, daß die seite auf ie läuft!

    dann musst du die grafik an den stellen wo nachher der transparent effekt sein soll mit einer farbe noch mal übermalen. nein natürlich geht das nicht, gif in ander formate umzuwandeln um den von dir beschriebenen effekt zu bekommen.

    Ich hab mir das grade einmal angesehen:

    Die Grafik besteht aus 25 Einzelbildern, welche zu einer Animation zusammengfaßt sind. Theoretisch kann man sie wieder auseinandernehmen, dann pro Bild die Ecken für transparent erklären und das ganze wieder zusammenbasteln.

    Problem dabei:

      1. Der Ring hat unscharfe Ränder, bei Transparenz sieht man das.
      2. Der Ring ist ebenfalls grau und würde teilweise mit transparent werden.


    Mit 1-2 Stunden basteln bekäme man es hin - aber 1. habe ich die Zeit dafür nicht übrig und 2. ist die Grafik an sich so schlecht, daß sich der Aufwand nicht lohnt.

    G.a.d.M.

    Ronald

    Also wenn du mich fragst: das sieht ziemlich Sch.... aus.

    - kantiger Rand des Ringes
    - der Ring selbst verändert auch seine Farbe
    - der Ring ist ungleichmäßig dick

    So hätte ich das auch in ein paar Sekunden hinbekommen - aber mag sein, daß ich zu hohe Ansprüche stelle.

    G.a.d.m.

    Ronald

    ja das ist richtig. aber muss gleich sch ... genannt werden. mann mann. die original grafik von ihm ist ein halber megabyte groß. und ich habe sie halt verkleinert.
    also wenn ich immer nur solche kritik bekomme, mach ich besser lieber gar nichts mehr.
    wenn ihm es so reicht ist doch gut oder ???

    Sorry, wenn du es als Kritik an deiner Person verstehst - es war lediglich als Kritik an der Grafik gemeint - und die sieht nunmal scheiße aus. Die von mir angemerkten Fehler befinden sich teilweise bereits in der Originalgrafik und ich mache so etwas gleich weg, wenn ich eine Grafik überarbeite. Durch das reduzieren auf 16 Farben treten die Fehler innerhalb der Grafik jetzt umso deutlicher hervor und das ist wiederum ein Fehler des Designers.

    Zitat von meikschmidt

    die original grafik von ihm ist ein halber megabyte groß.


    557 KB genau genommen, aber wo ist da das Probem?
    Man hätte es auch ohne so arge Qualitätsverluste komprimieren können.

    Wenn es ihm so reicht, dann ist ja alles gut - wie gesagt: meine Qualitätsansprüche sind etwas höher gesetzt.

    G.a.d.M.

    Ronald

    naja ich denke aber da eher wenn man es im web veröffentlichen will. wegen den nutzer die kein dsl nutzen. das sind auch schon die über 200 kb großen grafiken zuviel. sicherlich habe ich auch kein problem damit die grafik auch qualitätsmäßig hinzubekommen. aber wie gesagt, vielleicht erfült das ja schon seinen ansprüchen. bin ja auch kein grafik-designer. wolte nur einen kleinen beitrag zur lösung beisteuern. er muss es ja nicht nehmen wenn ihm es nicht passt.

    drama :wink:

    im moment reicht "ihm" das schon!

    ich habe eh vor, alles nochmals komplett zu überarbeiten.

    insgesamt hatte ich bisher noch relativ wenig zeit, mich mit grafiken zu beschäftigen.

    meine internet-seite wird vor allem galleries und auch mp3-mixsets beinhalten.

    interessierte besucher sollten da schon dsl haben. da fällt ein "kleiner" gif-file am wenigsten in's gewicht.