Bernhard Peissl: mieses gif aufmotzen

Hi!

Ich hab ein gif vom Grafiker bekommen, da es aber zu goss ist musste ich es kleiner machen. Ausserdem waren die Kanten nicht geglättet, und drum siehts jetzt echt mies aus! Kann man an einem fertigen gif auch im Nachhinein noch die Kanten glätten? Wenn ja, wie?

Original
http://www.international-tax-law.at/gifs/logo2.gif

verkleinert:
http://www.international-tax-law.at/gifs/logo.gif

Der Grafiker hat gesagt es er habe die Bilder in ausreichender Qualität abgeliefert .-( und es läge an meinen Geräten!

Aber ich kenn mich ja grafikmässig null aus, also *flehend* bitte sagt mir dass man daraus noch was schönes machen kann !!!

liebe Grüsse
Bernhard

PS: Ich habe Paintshop Pro und Photoshop zur Verfügung

  1. ...
    sicher versuch es beim verkleinern immer mit der option ALIASING, damit solltest du kann schöne weiche Ränder bekommen, jedoch ist dies nicht sinnvoll, wenn Du ein Transparent GIF erzeigen möchtest, denn dadurch kann es zu unschönen hellen/dunklen Pixeln am Rande kommen, wenn der Hintergrund im HTML eine andere farbe als in der Grafik besitz!!!
    hoffe habe weitergeholfen, webmonk!

    1. Hi!

      sicher versuch es beim verkleinern immer mit der option ALIASING,

      Wo finde ich die? Wie gesagt, ich hab PS5.5 und PSP6! Ich hab schon überall danach gesucht, und das einzige wo ich Anti-Aliasing gefunden habe ist, wenn man das Type-Tool verwendet, aber da muss man was neues schreiben!

      liebe Grüsse
      Bernhard

      1. sorry, bin eigentlich nur Corel Photoshop Anwender (Halbprofi) und kenn mich im Photoshop5.5 leider net so guat aus, aber laut aussage einer arbeitskollegin gibt es irgendwo einen butten der AntiAliasing oder soetwas in der Art durchführt!
        ...
        the webmonk!

  2. Hoi Bernhard

    Der Grafiker hat gesagt es er habe die Bilder in ausreichender Qualität abgeliefert .-( und es läge an meinen Geräten!

    Gib dem bitte eine Ohrfeige für die Aussage und ich würde zusätzlich noch (falls es etwas gekostet hat) einen Abschlag im Preis verlangen!

    Aber ich kenn mich ja grafikmässig null aus, also *flehend* bitte sagt mir dass man daraus noch was schönes machen kann !!!

    Da schliesse ich mich dem vorherigen Poster an: Das sollte kein Problem mit AntiAliasing sein.

    cheers
    kaepten
    PS: Meine Aussage beruht auf Erfahrungen und troubles mit einem ebenos miesen Grafiker... *aerger* :-(

    1. Hallo!

      Gib dem bitte eine Ohrfeige für die Aussage und ich würde zusätzlich noch (falls es etwas gekostet hat) einen Abschlag im Preis verlangen!

      Das würde ich sofort, aber es liegt nicht in meiner Macht, ich bin bloss -wie sagte Michael so schön- Implementierungssklave ;-) Aber ich werds den Chefitäten jedenfalls "mitteilen". Schau dir mal die Seite an, die Überschriften sind ja auch voll mies, einmal mit Sperrung der Buchstaben,m einmal ohne,... Das beste war aber dass ich es auch noch in unterschiedlichen Farben geschikt bekommen habe :-( *ggggrrrrrrrrrr*

      Auch die Fotos waren teilweise so mies dass ich sie eigenhändig nochmal einscannen musste, nicht zu veröffentlichen!

      PS: Meine Aussage beruht auf Erfahrungen und troubles mit einem ebenos miesen Grafiker... *aerger* :-(

      <weinerlich>
      Das hat man davon, <seufz/> wenn man einen print-Grafiker aufs Web loslässt!
      </weinerlich>

      liebe Grüsse
      Bernhard

      PS: Ich glaub er ist aber nur ein bissi sauer, weil er selbst eigentlich die Homepage für teures Geld machen wollte :-)

  3. andere lösung:
    wandle das bild vor dem verkleinernn in den rgb-modus. dann auf 160*78 und es hat ne ganz gute qualität. jetzt kannst du es über filter-scharfzeichnungsfilter-unscharf maskieren-
    deinen verhältnissen anpassen. Programm: Photoshop
    gib feedback wenn das es geklappt hat...

    1. Danke Anke!  - sorry, aber das wollte ich schon immer mal sagen ;-)

      gib feedback wenn das es geklappt hat...

      Also, ich hab alles so gemacht wie du gesagt hast, und ich muss sagen es sieht jetzt eindeutig besser aus :-)

      http://www.international-tax-law.at/gifs/logo.jpg

      Gibts noch was das man verbessern könnte?! Ich bin grad so in Fahrt :-)

      Also liebe Grüsse und ein
      ganz liebes "Tausend-Dank"
         Bernhard

      PS: Vielleicht kannst du mir ja noch gschwind erklären was das mit dem RGB-Modus auf sich hat, oder gibts irgendwo eine gute Einführung welche Farbmodi was bewirken ?

      1. Ich nochmal...
        Was konkret willst Du wissen?

        Guten Tag, s.Z.m.s.

        1. Hi!

          Was konkret willst Du wissen?

          Konkret ist gut ;-) Mir fehlt die Grundlage, ich wär nie im Leben draufgekommen den Farbmodus zu ändern, hätte wahrscheinlich ewig nach einem Filter oder so gesucht! Auch das mit der Farbitiefe ist mir eigentlich ein Rätsel, bzw. was der Einsatz einer höheren Farbtiefe oder eines anderen Farbmodus für Auswirkungen auf das Bild hat, ...

          liebe Grüsse
          Bernhard

          1. http://www-m2.mathematik.tu-muenchen.de/~neumeyer/GLOBAL_LOGIN/graftip1.htm

            http://www.ariana.de/sign/farben/farben1.htm

            http://fhpdc.tgm.ac.at/netadmin/lehre/webs/webs/kurs/makapage/net216/net216.htm

            1. Hi nochmal!

              http://www-m2.mathematik.tu-muenchen.de/~neumeyer/GLOBAL_LOGIN/graftip1.htm

              http://www.ariana.de/sign/farben/farben1.htm

              http://fhpdc.tgm.ac.at/netadmin/lehre/webs/webs/kurs/makapage/net216/net216.htm

              Genau sowas habe ich gesucht!

              Danke,
              Bernhard

      2. PS: Vielleicht kannst du mir ja noch gschwind erklären was das mit dem RGB-Modus auf sich hat, oder gibts irgendwo eine gute Einführung welche Farbmodi was bewirken ?

        also wo es ne online quelle gibt kann ich dir jetzt nicht sagen. aber ein paar sätze zu den modi:

        RGB-Modus bedeutet Rot-Grün-Blau. das sind die farben die am monitor a gezeigt werden. den CMYK-Modus verwendet man für den Druck. Cyan, Magenta, Yellow und Black.
        Indizierte Farben sind die 216 Farben des Web.
        der graustufenmodus wandelt dein bild in graustufen um.
        das duplex kannst du nach der graustufenumwandlung anwenden und so ein bild in einer beliebigen farbe erzwugen. probiers einfach mal aus.

        ist jetzt etwa slaienhaft erklärt, aber soviel muß man als anfänger gar nicht dazu wissen. kannst ja auch mal in der adobehilfe nachschauen...

        ciao ciao

        1. ist jetzt etwa slaienhaft erklärt, aber soviel muß man als anfänger gar nicht dazu wissen.

          Anders hätt ichs wahrscheinlich auch gar nicht verstanden ;-)

          kannst ja auch mal in der adobehilfe nachschauen...

          mach ich, wenns dort auch so "laienhaft" erklärt ist :-)

          liebe Grüsse
          Bernhard

      3. Hallo !

        Also, ich hab alles so gemacht wie du gesagt hast, und ich muss sagen es sieht jetzt eindeutig besser aus :-)

        http://www.international-tax-law.at/gifs/logo.jpg

        Gibts noch was das man verbessern könnte?! Ich bin grad so in Fahrt :-)

        Ja! ;-)

        Das jpg hat 7.520 bytes, das gif hatte nur 1.594!

        Gruß,
        kerki

  4. Tach Leute,

    wenn Du weißt, das Deine Hintergrundfarbe Weiss sein wird, dann würde ich das GIF in Photoshop öffnen und mit weisser Hintergrundfrabe versehen.

    Dann den "Modus" auf RGB umstellen und erst dann verkleinern...
    Wenn du das GIF nämlich im "indizierte Farben" Modus verkleinerst, nutzt Photoshup nur die wenigen Farebn... und das führt dann zu den eckigen Kanten.

    In diesem Sinne CoN.

    1. Hallo con!

      wenn Du weißt, das Deine Hintergrundfarbe Weiss sein wird, dann würde ich das GIF in Photoshop öffnen und mit weisser Hintergrundfrabe versehen.

      Ich habs jetzt gemacht, und der kürzeren Ladezeit wegen gleich in ein JPG umgewandelt.

      Wenn du das GIF nämlich im "indizierte Farben" Modus verkleinerst, nutzt Photoshup nur die wenigen Farebn... und das führt dann zu den eckigen Kanten.

      Was meinst du mit "die wenigen Farben"? Die Dokumentfarben? Die 16 Grundfarben?

      liebe Grüsse
      Bernhard

      1. Also folgendes:

        Die Farbpalette des Original-Gifs besteht schätzungsweise aus max. 10 Farben (wenn überhaupt). Diese Farbpalette kannst Du Dir im Photoshop unter "Bild" --> "Modus" --> Farbtabelle ansehen.

        Wenn Du das gif nun im Modus "indizierte Farben" verkleinerst, werden nur diese wenigen Farben verwendet, d.h. es fehlen die ganzen Zwischentöne, die für weiche Kanten nun mal notwendig sind.

        Wenn Du das gif vorher in den RGB-Modus umwandelst, verfügst Du über satte 16,7 Mio Farben und erhälst somit auch eine schöne weiche Kante.

        Anschließend kannst Du das Logo wieder in indizierte Farben konvertieren und kannst damit alle Farben rausschmeißen, die für das Logo nicht gebraucht werden. Das spart Speicherplatz.

        Hoffe, geholfen zu haben
        MfG
        Thomas J.

        1. Hi Thomas!

          Die Farbpalette des Original-Gifs besteht schätzungsweise aus max. 10 Farben (wenn überhaupt). Diese Farbpalette kannst Du Dir im Photoshop unter "Bild" --> "Modus" --> Farbtabelle ansehen.

          Wenn Du das gif nun im Modus "indizierte Farben" verkleinerst, werden nur diese wenigen Farben verwendet, d.h. es fehlen die ganzen Zwischentöne, die für weiche Kanten nun mal notwendig sind.

          Wenn Du das gif vorher in den RGB-Modus umwandelst, verfügst Du über satte 16,7 Mio Farben und erhälst somit auch eine schöne weiche Kante.

          Anschließend kannst Du das Logo wieder in indizierte Farben konvertieren und kannst damit alle Farben rausschmeißen, die für das Logo nicht gebraucht werden. Das spart Speicherplatz.

          Hoffe, geholfen zu haben

          und wie !!! Ihr habt mir alle sehr geholfen, und das innerhalb von nichtmal einer Stunde, ich bin begeistert :-) *freu* Aber nicht nur das, ich bin auch schlauer geworden dabei!!

          liebe Grüsse
          Bernhard

          1. Hi Bernhard,

            und nach dem Verkleinern bitte immer schön den Scharfzeichner drüberlaufen lassen,
            sonst denken die Besucher deiner Page, sie bräuchten mal wieder eine neue Brille ;-)

            Vorgehensweise also :

            • immer erst maximal Farbtiefe einstellen
            • verkleinern (mit Anti-Alias!)
            • Schärfe ändern (nicht zu viel. 50% ist ein guter Wert)
            • und wieder die alte Farbtiefe einstellen (8bit, etc.)

            Gruß, Dirk
            http://www.fb07.de

      2. Hi Bernhard!

        Ich habs jetzt gemacht, und der kürzeren Ladezeit wegen gleich in ein JPG umgewandelt.

        Das Wandeln in ein JPG sollte immer nur mit der entgültigen Fassung passieren, also niemals ein JPG weiterverarbeiten. Da beim Speichern verlustbehaftet komprimiert wird, werden die Verluste bei jedem weiteren Speichern immer größer und das Ergebnis immer schlechter.

        Was meinst du mit "die wenigen Farben"? Die Dokumentfarben? Die 16 Grundfarben?

        Die indizierten Farben sind die 216 Farben der Web-Palette.

        Gruß Frank

  5. Hi@all
    wie kann man dasselbe mit einem JPEG-File machen der auch ein bisschen daneben aussieht?
    Danke Markus

    1. Hallo !

      wie kann man dasselbe mit einem JPEG-File machen der auch ein bisschen daneben aussieht?

      Deine Frage wäre IMHO wieder einen eigenen Thread wert.

      An was fehlt's denn? "Ein bißchen daneben" kann nämlich viel bedeuten.

      Beschreib dein Problem bitte etwas genauer!

      Gruß,
      kerki

  6. ... und wenn das alles nichts hilft, dann tut's der Gauß'sche Weichzeichner.
    Aber immer schön sachte - 0,1 bis 0,3 Pixel Radius sollten ausreichen.

    Guten Tag übrigens, soviel Zeit muß sein.

    1. Hallo Thomas

      ... und wenn das alles nichts hilft, dann tut's der Gauß'sche Weichzeichner.
      Aber immer schön sachte - 0,1 bis 0,3 Pixel Radius sollten ausreichen.

      Das war auch ein guter Tipp, danke!

      liebe Grüsse
      Bernhard

  7. Hallo Bernhard!

    (Leider) bin ich eher Praktiker, daher wenig Theorie von meiner Seite.

    Ich habe mir deine gifs zur Brust genommen und dabei ist folgendes herausgekommen:

    Deins:
    <img src="http://www.forum-niederrhein.de/test/logo_b.gif" alt="">

    Meins:
    <img src="http://www.forum-niederrhein.de/test/logo_k.gif" alt="">

    Verkleinert habe ich es mit ACDSee Photo Enhancer und dann mit Photoshop die Farbpalette reduziert, da ACDSee nur 256 bzw. 16 Farben beherrscht, was entweder zu viel (zu große Datei) oder zu wenig (hässlich) gewesen wäre.

    Mein gif hat übrigens einen durchgehend transparenten Hintergrund, nicht 50/50 wie deines.

    Hoffe, geholfen zu haben.

    Gruß,
    kerki

    1. Hallo kerki!

      Hoffe, geholfen zu haben.

      Ja, danke auch dir, ich muss jetzt mal in Ruhe das alles ausprobieren, was ihr mir hier gezeigt habt :-)

      liebe Grüsse
      Bernhard

  8. Hi,

    frag mal deinen "Grafiker" ('ne Frechheit, was der abgeliefert hat), ob er das Bild noch in einer größeren Fassung (ca. 500 x 500 Pixel oder so) hat. Falls ja:

    Wandle das *.gif Image in einem Bildbearbeitungsprogramm in 24bit Truecolor (RGB) um.

    Wende auf das neue Bild einen Resample Filter an und skaliere das Bild auf die gewünschte Größe.

    Bei Bedarf schärfe das Bild über eine Unscharfmaskierung leicht nach.

    Falls du wieder ein *.gif haben willst:
    Reduziere die Farben zurück auf 256 und benutzte beim Abspeichern eine optimierte Farbtabelle.

    Ansonsten abspeichern als *.jpg mit ca. 10 - 15% Kompression (gibt die beste Qualität in diesem Bildformat).

    HTH
    Uwe

  9. Hallo !

    Also, danke nochmal an Alle! Hat mich echt überrascht dass ihr so zahlreich geantwortet habt, war ja schliesslich ein ziemliches DAU-Thema ;-)

    Die Früchte eurer Arbeit ;-) könnt ihr euch anschauen unter:
    http://www.international-tax-law.at

    Ich hab alle GIFs vom Grafiker in den Mistkübel geworfen, und stattdessen selbst ein wenig Designer gespielt. Das Logo habe ich auch selbst zusammengestückelt. Sieht doch besser aus jetzt oder?

    Das einzige was ich noch tun muss, ist die Ladezeit ein wenig zu verringern. Das heisst: FDH für die GIFs :-)

    liebe Grüsse
    Bernhard

    1. hi ho

      http://www.international-tax-law.at

      ich als fensterhintergrund-mit-absicht-nicht-weiss-haber bemerke natuerlich sofort, dass du keine Body-BG-farbe angegeben hast .-))

      cua

      n.d.p.

      p.s.: ne antwort-mehl auf dein raetsel kommt noch, keine angst :-) (wenn ich mehr zeit habe...)

      1. hi n.d!

        ich als fensterhintergrund-mit-absicht-nicht-weiss-haber bemerke natuerlich sofort, dass du keine Body-BG-farbe angegeben hast .-))

        Werd ich gleich ändern, danke für den Hinweis! Das sind so die Dinge, die Leute zu einem (DESIGN) Kritik .... -Thread hinreisst! Naja, vielleicht gehöre ich ja auch bald zu denen ;-)

        Aber zu dir: Wieso hast du deinen Hintergrund absichtlich nicht auf weiss als default? Das ist aber keine Psychose oder? Du hast nicht etwa einen grauen Hintergrund, damit du dich über die Fehler von Anfängern ablachen kannst ;-)

        p.s.: ne antwort-mehl auf dein raetsel kommt noch, keine angst :-) (wenn ich mehr zeit habe...)

        :-)

        liebe Grüsse
        Bernhard

    2. Hallo Bernhard!

      Ich hab alle GIFs vom Grafiker in den Mistkübel geworfen, und stattdessen selbst ein wenig Designer gespielt. Das Logo habe ich auch selbst zusammengestückelt. Sieht doch besser aus jetzt oder?

      Mit einem zusätzlichen "T" in "Posgraduate" sähe es - glaube ich - noch besser aus! :-)

      Das einzige was ich noch tun muss, ist die Ladezeit ein wenig zu verringern. Das heisst: FDH für die GIFs :-)

      ... und Herrn Prof. Dr. Lang vierteln! ;-)

      Gruß,
      kerki

      1. Hallo kerki!

        Mit einem zusätzlichen "T" in "Posgraduate" sähe es - glaube ich - noch besser aus! :-)

        Au, verdammt aber auch! Danke kerki :-) Das Ding hat mich schon so genervt, dass ich anscheinend schon gar nicht mehr gewusst hab was ich eigentlich schreibe!

        ... und Herrn Prof. Dr. Lang vierteln! ;-)

        Nicht nur den, auch die Menügifs sind mir zu gross! Ich werd mir da mal nen Tag Zeit nehmen, nachschauen wie man das am besten machen kann, und dann jedes einzelne Gif/JPG schrumpfen.

        So.

        Danke für eure wachsamen Augen,und
        liebe Grüsse
           Bernhard