Bei der Grafikerstellung sind ein paar webspezifische Dinge zu beachten, nämlich die Ladezeitproblematik und dass Du Grafiken auf Monitoren/Grafikkarten verschiedenerer Qualität dargestellt werden.

Ich möchte hier ein paar Tipps geben, worauf man achten kann.

• Dateigrösse einschränken
   ...in dem Du erst mal das richtige Dateiformat auswählst. Fotos und Grafiken mit Farbverläufen in .jpg. Grafiken mit grossen einfarbigen Farbflächen und Grafiken die transparent sein sollen in .gif
• Beschränke die Ausmasse Deiner Grafiken. Lass keinen überflüssigen Rand und verkleinere Deine Grafiken im Grafikprogramm und nicht in der Ansicht in der HTML-Seite, dass ändert nämlich an der Ladezeit nichts.
• Farbtiefe verringern - nun dass ist mit PhotoImpact nichts so leicht zu realisieren. Es gibt wohl die Abstufungen in Bit aber nicht spezifisch. Es gibt aber auch andere Möglichkeiten.

Optimierung hin oder her - manchmal muss man aber auch zugunsten der Qualität entscheiden.

Bei PhotoImpact ist ein Bildoptimierer im Programm integriert, den es auch einzeln gibt, besser bekannt als SmartSaver. Dort kann man je nach Grafikformat verschiedene Einstellungen machen.

Links sieht man das unkomprimierte Bild - rechts je nach Einstellung das komprimierte. Darüber sieht man die Dateigrössen und die Ladezeiten bei einem 56K Modem, dass kann man bei dem Modemsymbol unter dem Fotos verstellen.

Die Symbole von links nach rechts. 

• Lupe + Bild vergrössern
• Lupe - Bild verkleinern
• 1:1 ist die Orginalgrösse im Ausschnitt, den man verschieben kann in dem man mit der Maus reinklickt (Hand) und das Foto verschiebt.
• Das Fenster mit dem X ist das Symbol dass die Grafik in dieses Fenster ganz reinpasst.
• Maskenoptionen ist nur relevant für transparente Grafiken, das ist ja die Ansicht für JPEG.
• Das nächste Symbol ist dazu da das Bild zu zentrieren.
• Das leere Fenster zeigt nur das komprimierte Bild
• Das Modem und der Pfeil daneben ermöglicht eine Umrechnung der Ladezeit bei verschiedener Geschwindigkeit.
• Mit dem "E" Symbol kann man die Grafik im Browser betrachten.
• Mit dem Symbol mit dem gestichelten Bild und Dem Pfeil kann man das Bild Neuabtasten und mit der Schere kann man das Bild zuschneiden
• Danach folgt die Auswahl nach JPG, GIF und PNG.
• Voreinstellung: Da kann man bereits verwendete Kompressionen auswählen.
• Modus: wähle Progressiv (das Bild wird beim Empfänger stufenweise aufgebaut, ist auf im Detail noch erkennbar) / Standard
• Zwischenschau(Subsampling): wähle YUV411: jeweils 4 benachbarte Pixel werden durch je einen (zwei) Mittelwert(e) für Farbe und Helligkeit beschrieben
• Qualität: Qualität wählbar. Man verringert die Qualität von 100 % herab so lange, wie man die Bildverschlechterung noch tolerieren kann.
• Vignette: Je höher der Wert ist, desto weicher erscheint das Bild. Dies erleichtert die Komprimierung und kompensiert etwaiges Rastern, das Du zuvor auf das Bild angewandt haben.
• Dateityp: Wähle einen Dateityp aus, in dem du dein Bild speichern wollen.
• Wenn man auf Nach Grösse komprimieren klickt kommt dieses Fensterchen. Dort könnte man auch nach gewünschter Datengrösse komprimieren.

<weiter>