Webdesign / Bildformate Ladezeiten

von: Werner Zenk

Ein normales Bitmap benötigt ca. 1 Minute Ladezeit und sollte deswegen nicht in einer Website vorhanden sein.

Um solche Ladezeiten zu verkürzen wurden die Formate GIF, JPG und PNG erfunden. Eine Bildoptimierung ist für alle Bilder nötig die ins Web gestellt werden. Mit einem geeigneten Zeichenprogramm (z.B.: Gimp oder paint.net) können Sie Bilder in eine dieser Formate komprimieren.

	Format: .bmp 7,47 KB
	Format: .png 1,93 KB		Format: .gif 1,57 KB
	Format: .jpg 1,82 KB Kompression: 1%		Format: .jpg 956 Byte Kompression: 25%
	Format: .jpg 868 Byte Kompression: 50%		Format: .jpg 776 Byte Kompression: 85%

Anhand der Tabelle können Sie feststellen, welches Format Sie wann brauchen:

	GIF	JPG	PNG
Farben:	256	24 Bit	24 Bit
Auflösung:	72 dpi und darunter	72 dpi und darunter	72 dpi und darunter
Komprimierung:	kein Qualitätsverlust	Qualitätsverlust (hängt vom Kompressionsfaktor ab)	kein Qualitätsverlust
Komprimierungsart:	je weniger Farben, desto weniger Daten	je weniger Farbunterschiede desto weniger Daten	nimmt keinen Einfluss
Geeignet für:	Grafiken, Screenshots, kleine Buttons	gute Fotos, fotorealistische Bilder	sehr gute Fotos

Farbe für Schwarz/Weiss-Bilder ohne Qualiätsverlust veringern

*Einsparung: 794 Byte
	256 Farben 877 Byte
	16 Farben 130 Byte
	2 Farben 83 Byte*

Das könnte Sie interessieren:

Dateibrowser - Ein einfacher Dateibrowser, ideal um PHP-Scripte auf einem lokalen Webserver zu testen, die PHP-Scripte müssen dann nicht mehr über die Adresszeile des Browsers aufgerufen werden.

Farblehre

JS-Index - Event-Handler

Checkboxen mit JavaScript überprüfen - Mit diesem JavaScript lassen sich Checkboxen (von unterschiedlicher Anzahl) überprüfen ob der Benutzer diese ausgewählt hat.

JS-Index - Funktionen

Website-Wartungsvertrag

Zeitbalken - Dieses Script zeigt die vergangene Zeit mit einem farbigen Fortschrittsbalken an. Mit JavaScript oder PHP kann man die vergangene Zeit berechnen lassen und mit CSS wird dann der Fortschrittsbalken angezeigt. …mehr