Benny: grafik hat 188KB - was nun?!?

hi!

ich habe ein kleines Problem:
ich mache gerade eine Homepage für einen Pferdehof und auf die Startseite soll ein bestimmtes bild.
Das Problem: Das Bild (*.png) ist 188kB gross
(ich habe schon die farben reduziert und alles...)

Was denkt ihr, was macht mehr sinn:
soll ich eine "lowsrc" quelle angeben mit einmm bild, das nur 80 KB gross ist oder soll ich das bild einfach in mehrere kleine unterteilen? (ich habe mal gehört, dass mehrere kleine bilder schneller geladen werden als ein grosses)

thnx

d:-) Benny

  1. Hallo,

    verwende kein PNG, leider noch keine ausreichende unterstützung in der Browser Welt. Hast Du es mal mit GIF probiert?

    Kleiner Tip:

    Installier Dir mal die Demo von Fireworks, die hat gute export Optionen.

    (Nein Forum, bitte nicht schlagen ich bin kein Grefiker und habe deshalb keine Ahnung von Photoshop ;-) )

    Gruß & Frohe Ostern

    Stephan

    1. Hallo,

      --> hi!

      verwende kein PNG, leider noch keine ausreichende unterstützung in der Browser Welt. Hast Du es mal mit GIF probiert?

      -->ups, das wusste ich gar nicht, ich hab gedacht, *.png wäre inzwischen schon voll kompatibel..

      -->Probiert noch nicht, aber das Problem ist, dass es ein Foto ist, und das dann ziemlich scheisse mit nur 256 Farben aussieht...

      Kleiner Tip:

      Installier Dir mal die Demo von Fireworks, die hat gute export Optionen.

      -->Warum Demo? ich hab ne vollversion, ich blick nur nicht richtig durch mit dem Programm... (Paintshop rulez), aber ich werds auf alle fälle mal probieren...

      Wünsche auch frohe Ostern

      d:-) benny

      1. Hallo,

        verwende kein PNG, leider noch keine ausreichende unterstützung in
        der Browser Welt.

        ja, ich glaube Lynx hat da Schwierigkeiten ;-)))) nein, im Ernst, bist Du Dir sicher mit Deiner Aussage? Der Alphakanal wird nur von wenigen (aber guten!) Browsern unterstützt, aber ansonsten sollten die aktuellen Browser damit gut klar kommen.

        Aber wie dem auch sei: gif ist definitiv das falsche Format und ich kann da nur auf

        http://aktuell.de.selfhtml.org/artikel/grafik/gif-jpeg/index.htm

        verweisen....

        Chräcker

        http://www.Stempelgeheimnis.de

        1. Hallo,

          ich wollte mich da garnicht auf ein Format festlegen, natürlich wenn es sich um ein Foto handelt ist JPG das bessere Format.

          Gruß

          Stephan

  2. hi!

    ich habe ein kleines Problem:
    ich mache gerade eine Homepage für einen Pferdehof und auf die Startseite soll ein bestimmtes bild.
    Das Problem: Das Bild (*.png) ist 188kB gross
    (ich habe schon die farben reduziert und alles...)

    Moin,
    wie groß ist denn das Bild? (Maße)
    Vielleicht kannst Du die Maße veringern - damit verringert sich auch die Dateigröße.
    ... wo liegt denn das Bild? Ich könnte es mir mal ansehen und dann exakter Auskunft geben.
    Gruß
    CPG

    1. Moin,

      -->hi!

      wie groß ist denn das Bild? (Maße)

      -->670x429px

      Vielleicht kannst Du die Maße veringern - damit verringert sich auch die Dateigröße.

      -->Das ist mir gerade eben auch durch den kopf geschossen, dass    probier ich mal...

      ... wo liegt denn das Bild? Ich könnte es mir mal ansehen und dann exakter Auskunft geben.

      -->ich habs dir grad mal hochgeladen:
      http://www.benjaminadler.de/home.png

      Gruß
      CPG

      cya

      d:-) Benny

      1. -->ich habs dir grad mal hochgeladen:
        http://www.benjaminadler.de/home.png

        Gruß
        CPG

        Moin,
        nur durch Umwandeln in jpg mit photoshop komme ich auf weniger als 90kB.
        Wenn mann noch ein wenig optimiert und rumbastelt, sollte man mit 30 bis 50 kB auskommen.
        Gruß
        CPG

      2. Hi,

        -->ich habs dir grad mal hochgeladen:
        http://www.benjaminadler.de/home.png

        Ich würde wirklich mal die Maße verringern. Viel zu groß für's Netz, find ich.

        Hab's allerdings in der Größe locker auf 50 kb gekriegt, also wenn Du's noch ein bißchen kleiner (von den Ausmaßen her) machst, wird's perfekt.

        Übrigens solltest Du die Schrift etwas glätten, das sieht sonst unprofessionell aus.

        Gruß,
        _Dirk
        (dessen Schwein unten gerade mal 1kb hat)

  3. Falls das bild nicht interaktiv ist, verwandle es einfach in .jpg!, jpg ist viel leichter!

  4. Hallo,

    ich habe mir gerade das Bild einmal angesehen, das wird ein bissel kniffelig. Aber nicht verzagen.

    Also: zuerst: auch wenn Du das Bild zerschneidest und als Mosaik wieder zusammenklebst (Tabelle z.Bsp), auch viele kleine Bilder ergeben ein großes und brauchen lange zum laden. Das hilft Dir also nicht weiter.

    Eigendlich handelt es sich ja um 5 Bilder. Drei Bilder die den Hof bzw die Koppel zeigen und die beiden Texte. Für diese Texte wäre gif schon das richtige Format, allerdings nur, wenn Du die Farben möglichst reduzierst. Nun liegen die Texte allerdings oben über dem Bild.... das kanst Du mit übereinanderliegenden Divs nachkleben, also den Text als Gif mit durchsichtigem Hintergrund in ein Div, das über einem Div mit dem oberen Foto (ohne den Text) liegt. Aber dazu must Du die Divs pixelgenau positionieren, was auch seine Probleme bei manchen Layouts haben wird. Deswegen wäre es gut, wenn diese Überschrift über (jetzt nicht in der Tiefe gemeint) dem Bild liegen könnte. Denn dann könntest Du den Rest zerschneiden. Und zwar so, daß die ganze weiße Fläche wegfällt. Wenn Du alles in einer Tabelle wieder zusammenklebst, dann kannst Du ja in die Tabellenzellen, wo der weiße Teil des Bildes liegen sollte, entweder ein 1x1 großes weißes Gif-Bild entsprechend groß reinsetzen. (also die breite und höheangabe im img-Tag ändern) oder den Tabellenhintergrund einfach auf weiß setzen oder, falls Deine Seite eh weiß ist, einfach "nichts" reinsetzen.  Per jpg sollte man den Rest ziemlich weit runterkompremieren können. Unten drunter kommt wieder ein Gif mit dem grünen Text....

    Chräcker

    http://www.Stempelgeheimnis.de

    1. PS. habe gerade mal aus Spaß gebastelt, und komme bei der Tabellenlösung auf eine Bilder-kb-Zahl von 32 kb (40% jpg-Qualität mit PaintshopPro, die beiden Schriften als gif, obere mit einer Farbe, untere mit 4 Farben.... da hatte schon jemand arg geschludert ;-))))

      Kommt noch unter Umständen ein 1x1 Pixel großes Gif für die weiße Fläche dazu, und natürlich der Tabellencode.

      Chräcker

      http://www.Stempelgeheimnis.de

      1. PS. habe gerade mal aus Spaß gebastelt, und komme bei der Tabellenlösung auf eine Bilder-kb-Zahl von 32 kb (40% jpg-Qualität mit PaintshopPro, die beiden Schriften als gif, obere mit einer Farbe, untere mit 4 Farben.... da hatte schon jemand arg geschludert ;-))))

        Kommt noch unter Umständen ein 1x1 Pixel großes Gif für die weiße Fläche dazu, und natürlich der Tabellencode.

        Oder einfach fünf Zeilen mit <img style="..">, wenn man die Tabelle durch CSS ersetzt :)

        Gruß,
          soenk.e

      2. PS. habe gerade mal aus Spaß gebastelt, und komme bei der Tabellenlösung auf eine Bilder-kb-Zahl von 32 kb (40% jpg-Qualität mit PaintshopPro, die beiden Schriften als gif, obere mit einer Farbe, untere mit 4 Farben.... da hatte schon jemand arg geschludert ;-))))

        :-P

        so, ich hab sie jetzt auf 55kb (ohne sie auseinander zu rupfen)
        ich denke, dass ist akzeptabel...

        d:-) ´benny