| Die Eigenschaften der verschiedenen
Grafikformate: |
| FORMAT: |
GIF:
Graphics Interchange Format |
JPG:
Joint Photographic Expert Group |
PNG:
Portable Network Graphics |
Komprimierungsart:
Farbtiefe (max):
Farben-Anzahl:
Komprimierungsart:
Transparenz:
Geeignet für:
Nachteile:
Vorteile:
|
verlustfrei
8 Bit
einstellbar
nein
ja
Symbole,
Piktogramme
Text, Zeichnungen
Animationen,
Buttons, Cliparts
beschränkte Farbtiefe
ungeeignet für
detailreiche
Abbildungen
Animation,
Transparenz
|
verlustbehaftet
24 Bit
nicht
einstellbar
ja
nein
Fotos,
farbreiche
Grafiken, detail-
reiche Bilder
bei
sehr starker
Kompression un-
scharf u. pixelig.
sehr
hohe Kom-
pression möglich
|
verlustfrei
24 Bit
einstellbar
nein
ja
Fotos,
Grafiken
Beim IE 6 und 7
werden MouseOver Effekte nicht dargestellt
kombiniert die
Vorteile von GIF
u. JPG
|
| So optimieren Sie die Ladezeiten Ihrer
Web-Grafiken: |
|
1. Speichern Sie als Arbeitsgrundlage für
spätere Bearbeitungen Ihre Original-Grafiken in ein
verlustfreies Format ab, wie BMP oder TIF, bevor Sie es
z.B. als JPG-Datei speichern. Beim weiteren Bearbeiten mit einem
verlustbehafteten Komprimierungsverfahren, beispielsweise bei JPG,
mindert jedes weitere Speichern die Qualität.
2. Die schnellste Methode, die Ladezeit Ihrer Bilder
spürbar zu reduzieren, ist das Verkleinern. Bei einer
Größenreduzierung von z.B. 640x480 auf 320x240 Pixel,
schrumpft der Speicherbedarf bereits auf ein Viertel.
3. Beachten Sie beim Einsatz von Fotos, dass Monitore
maximal 72 dpi anzeigen. Das Scannen mit 300 dpi oder mehr
ist daher oftmals nutzlos.
4. Farbtiefe: Je weniger Farben zum Einsatz kommen, um
so geringer ist die Dateigröße: 1 Bit: 2
Farben, 8 Bit: 256 Farben, 16 Bit: 65.536 Farben, 24 Bit:
16.777.216 Farben.
5. Web-Grafiken sollten auf allen Plattformen gleich
aussehen. Daher verwenden Sie wenn möglich nur
"websichere" Paletten beim Speichern. Die Web-Standartpalette
umfasst genau die 256 Farben, die sowohl dem Internet Explorer und
Netscape als auch Windows und Mac-OS einheitlich zur Verfügung
stehen.
Websichere Farben:
Xaran.de Ein sehr schönes Tool befindet sich auch
auf dieser Seite, um die richtige websichere Farbe
zu finden.
Jumk.de
Schöner Farbrechner
6. Speichern Sie Grafiken so, dass Sie beim Laden
schichtweise angezeigt werden. Bei JPG und PNG heißt
das "Progressive", bei GIF-Bildern "Interlaced"-Modus. (Lohnt sich
bei "Interlaced" allerdings erst bei Dateigrößen ab 20
KB).
7. Geben Sie beim Einbau der Bilder in Ihre Hompepage
die konkrete Größenangabe an, z.B. width="150"
height="250". Dadurch kann der Browser schon den Rest der Seite
anzeigen, ohne dass das Bild bereits geladen sein muss.
Weitere Farbrechner- und
Tabellen:
gucky.uni-muenster.de RGB-Farbtabelle
uni-magdeburg.de RGB-Farbtabelle
farb-tabelle.de RGB und Hex
Color-Manager Farben auf der Website anzeigen schnell ermitteln und selbst verwenden. Erfasst den Farbwert jedes Pixels auf dem Bildschirm. Der Farbwert wird nicht nur als RGB-Wert angezeigt, sondern auch gleich ins CMY-, CMYK-, HSL-, HSV-, HTML-, HEX-, YUV- und I1I2I3-Format umgerechnet.
|
VGA-Farbpalette -
die 16 Grundfarben:
| black #000000 |
| maroon #800000
|
| green #008000 |
| olive #808000 |
| navy #000080 |
| purple #800080
|
| teal #008080 |
| gray #808080 |
| silver #C0C0C0
|
| red #FF0000 |
| lime #00FF00 |
| yellow #FFFF00
|
| blue #0000FF |
| fuchsia #FF00FF
|
| aqua #00FFFF |
| white #FFFFFF |
zusätzliche Farben:
| pink #FFC0D0 |
| gold #FFD800 |
|
Graustufen Farbverlauf:
| #000000 (black)
|
| #111111 |
| #222222 |
| #333333 |
| #444444 |
| #555555 |
| #666666 |
| #777777 |
| #888888 |
| #999999 |
| #aaaaaa |
| #bbbbbb |
| #cccccc |
| #dddddd |
| #eeeeee |
| #ffffff (white)
|
HTML / Farbverlauf - Farbabstufungen
erstellen
Farbverlauf-Generator. Für das Design
einer Webseite ist die Farbwahl ausschlaggebend. Abhängig vom
Thema der Homepage oder vom Logo verwenden Sie Farben am besten in
Farbabstufungen.
|
GIF-Animation:
sehr sparsam verwenden!
freewarepage.de Microsoft GIF-Animator Leicht zu bedienen und bietet eine Vielzahl von verschiedenen Einstellungsmöglichkeiten. Sie können zum Beispiel Farben oder Ränder ändern und Bewegungen in unterschiedliche Richtungen definieren. Erstellen Sie mit dem GIF Animator einfache bewegte Bilder oder Präsentationen.
GIF Construction Set Professional Obwohl Shareware,
ist es doch auf unbegrenzte Zeit nutzbar, wenn Sie sich
regestrieren lassen: ein Klassiker in seiner Genre. In wenigen
Minuten zur ersten GIF-Animation.
Juanna.de
10.000 kostenlose animierte Gifs, Hintergründe,
Banner-Rohlinge, JavaScripts, u.v.m.
GifCollection weitere tolle animierte GIFs,
Webdesign-Werkzeuge, Suchmaschineneinträge, HTML-Quelltexte,
Hintergründe u. Navigationsmenus zum Download.
Animierte Gifs weitere schöne animierte GIFs,
viele orientalische Tänzerinnen und Hintergründe zum
Download.
Foto-Tools und Tipps:
Foto-Tipps
mit PHP- und JacaScript-Bausteinen
Wie kann ich meine Fotos bestmöglich präsentieren?
Scripts für Fotogalerien,
Diashows und Bildpräsentationen Fotos
lassen sich auf vielfältige Weise präsentieren. Auf einer
großen Fläche, im Raster, in Diashows oder mit
Vorschaubildern. Eine geschickte Präsentation wertet die Fotos
auf und hilft dem Betrachter sich zurechtzufinden...
Anvsoft Flash Slide Show Maker 1.0 (Freeware)
Fotopräsentationen im HTML-Format als Diashows in
Flash-Animationen für die eigene Homepage. Mit
wenigen Klicks stellt man komplette Bildpräsentationen als
SWF-Dateien zusammen – inklusive Übergangseffekte und
Hintergrundsmusik. Es gibt einen
Schritt-für-Schritt-Assistenten, der einen durch die Fotoshow
begleitet. Diese Fotopräsentation lässt sich in die
eigene Homepage einbinden oder einfach offline im Browser
betrachten. Ohne Programmierkenntnisse in null Komma nichts
ansprechende Bildpräsentationen, die dank Flash auf nahezu
jedem Rechner und in jedem Browser funktionieren. Meine Meinung:
Ein super Tool! Ruck Zuck erstellt man eine sehr
ansehnliche Flash-Show.
SmillaEnlarger Der SmillaEnlarger vergrößert Bilder und digitale Fotos ohne das dabei störende Artefakte auftreten. (Freeware, ENG)
arles image web page creator (Freeware)
Dia-Show im HTML-Format zum Einbau in die
Website
Diashow Pro Mit Diashow Pro
erzeugen Sie kinderleicht Ihre eigene Dia-Aufführung.
Google
Picasa kostenloses Webalbum: Anderen Ihre Fotos zeigen
- über E-Mail, als Abzüge oder im Web: schnell,
einfach und kostenlos. Mit wenigen Klicks Fotos bearbeiten und mit
Effekten versehen. Alle Fotos auf Ihrem Computer finden und
organisieren (bis 250 MB)
AOL-Fotocenter kostenloser Speicherplatz
für Ihre Fotos, nach erfolgreicher Anmeldung
Opanda Fotofilter (Freeware) bietet über
100 Einzelfilter, mit denen Sie Effekte eines
herkömmlichen Farbfilters ganz einfach am PC ergänzen
können. Dabei wurden die Filtertypen der Firmen Kodak, Cokin
und Hoya exakt umgesetzt. Mit Vorschau-Ansicht.
ScapeMaker ist ein Landschaftsgenerierungstool
für Windows. Sie bestimmen über einfache
Parameter wie ihre Landschaft aussehen soll und ScapeMaker erstellt
für sie ein entsprechendes Höhenprofil,
Oberflächentexturen usw. Anschließend können sie
sich frei in ihrer 3D-Landschaft bewegen und Screenshots
anfertigen.
DrWeb Webgrafik bei DrWeb: Bilder und Fotos im Netz.
Webgrafik und Grafik sind zweierlei Paar Schuhe. Entsprechend
unterschiedlich sind die Anforderungen an den Designer und an die
eingesetzte Software. Vom Bildarchiv bis zur Software.
VicMan's
Photo Editor (Freeware) Für ihre Fotos.
Screen
Ruler (Shareware) Das digitale Lineal.
zwahlen-informatik Fotogalerie, Online-Shop und viele
andere Programme.
CopyRightLeft (Open Source) Mit CopyRightLeft
versehen Sie Ihre Bilder (BMP, GIF, JPEG, PCX, PNG, PNM, TGA und
TIFF) mit einer Copyright-Information. Das Tool
unterstützt einen Batchmodus (Batch processing), wodurch Sie
mehrere Bilder auf einmal bearbeiten können. Der
Copyright-Text ist frei wählbar.
Webmart.de Online-Tool für Web 2.0 Bilder: Dieses
Online-Tool fügt Bildern "runde-Ecken" und
die typischen Web 2.0 Reflektionen und
Spiegelungen hinzu.
Magix Online Album
Fotos und Videos online zeigen & Webseiten selber machen. Kostenlose Online Diashow inkl. Hintergrundmusik und 500 MB Speicher und eigener URL.
snipshot.com Schnell mal ein Foto online bearbeiten, wenn man grad mal kein Bildbearbeitungsprogramm zur Hand hat.
Photoshop Express (ENG) Kostenlos Online Bilder bearbeiten. Umfangreiche Bildbearbeitungsfunktionen, Webalben, personalisierte Homepage, 2 GB Speicher.
MobilePhotoshop (ENG) Kostenlos Online Bilder bearbeiten.
Postertool Kostenlos, Englisch, Win 2000/XP/Vista.
Erstellt aus Digitalbildern ansprechende Poster. Ideal als
Geschenk. Vollversion: PcPraxis 01.2008.
snipshot.com Schnell mal ein Foto online bearbeiten, wenn man grad mal kein Bildbearbeitungsprogramm zur Hand hat.
Lightbox Dia-Show mit einem Leuchtkasten.
CleanSkinFX (Freeware Eng) Schnelles Retuschier-Werkzeug für Digital-Fotos.
Top 25: Das ist die beliebteste Foto-Freeware Die 25 meist geladenen Gratis-Programme
Bilder-Spaß am PC:
Online-Fun-Bildbearbeitungs-Programme
morph.cs.st-andrews.ac.uk Morphing-Effekte: jünger, älter, zur Manga-Figur oder zum Gemälde
photofunia.com Paris Hilton besucht meine CD-Release-Party und Künstler malen mein Portrait
yearbookyourself.com täuschend echt aussehende Jahrbuch-Bilder
magmypic.com werden Sie Coverstar diverser Zeitungen oder Magazine
Kostenlose Online-Fotoalbum:
meine-erste-homepage.com Auflistung diverser Alben
bilder-speicher.de/
pixum.de/kostenlos-foto-album.html
www.oxp.de/
de.myalbum.com/
viafamilia.com/
flickr.com
Kostenlose Bilderverwalter:
IrfanView
(Freeware) Gut und schnell Bilder anschauen, größe ändern usw.
bilder-verkleinern.de Online Bilder verkleinern
Stapelverarbeitung mit IrfanView
Freeware Tools Jeder Digitalfotograf kennt das
Problem: Bei tausenden von Fotos geht schnell der Überblick
verloren. Ordnung ins Chaos bringen clevere Gratis-Bilderverwalter.
CHIP Online stellt die Besten vor.
Foto-Freeware:
aquasoft.de DiaShow für YouTube (Freeware) Dia-Show für YouTube erstellen.
Pointofix.de (Freeware) Mit Pointofix kann jeder Bildschirminhalt als digitale Zeichenfläche verfügbar gemacht werden, so dass Sie Wichtiges markieren und hervorheben können. Somit ist Pointofix ideal für Sie als Lehrer oder IT-Trainer zur Unterstützung Ihrer Vorträge, Schulungen und Präsentationen... Darüber hinaus kann der Bildschirminhalt gedruckt oder als Grafikdatei abgespeichert werden.
GIMP Bekannt geworden ist Gimp wohl als das
Grafikbearbeitungsprogramm schlecht hin auf
Linux-Systemen. Inzwischen düren sich auch Windows-Nutzer
über Gimp freuen, der nicht nur kostenlos daher kommt, sondern
den Vergleich mit Photoshop nicht zu scheuen braucht. Eine Vielzal
von Werkzeugen, Filtern und Effekten erleichtern die
Bildbearbeitung und sorgen für absolut professionelle
Ergebnisse.
Jing
Abläufe am PC per Video aufzeichnen. Speichern per Video- SWF-
oder Foto-Datei
Foto-Freeware Viele Tools
für die Bereiche: Präsentation, Animation, Movie.
pcinspector.de (Freeware) Datenrettungsprogramm PC INSPECTOR™ smart recovery. Egal ob Sie Bilder, Videos oder Audiodateien auf Ihrem Medium gelöscht, formatiert oder das Medium während dem Schreibzugriff herausgezogen haben. Das Tool rekonstruiert selbständig die entsprechenden Daten, schnell, einfach und absolut zuverlässig.
Bildschirm-Video:
CamStudio Opensource-Screen-Rekorder. Eignet sich
zur Erstellung von Video-Anleitungen und Screencasts oder zum
Abfilmen von Videomaterial. Einfach alles als Video aufnehmen, was
sich auf dem Bildschirm abspielt. Sprache: Englisch, System: Win
XP/Vista. (PcPraxis 7/08)
Wink
(Freeware), D/ENG, Win 98/ME/2000/XP/Vista.
Multimedia-Präsentationen im Flashformat.
Wink erstellt Screenshots und Videos von Bildschirminhalten. Das
Programm verknüpft das aufgenommene Bildmaterial zu einem
Video und bringt dazu einfach zu bedienende Werkzeuge mit. Wink
stellt so manche kostenpflichtige Alternative in den Schattten.
Einfache Flashtutorials mit Preloader erstellt man mit dem Programm
innerhalb weniger Minuten. Die Software bietet nur die
nötigsten Funktionen, ist aber als Freeware auf dem Gebiet
praktisch konkurrenzlos.
Jing
Screenshots und Videos: Abläufe am PC per
Video SWF-File oder Foto aufzeichnen.
lizenzfreie Bilder - Stock Images - Icons -
Texturen:
lizenzfreie Bilder Viele lizenzfreie Bilder
können kostenlos einsetzt werden, wenn man sich an die
jeweiligen Copyright Hinweise der Bildquellen hält. Oft ist
eine Verwendung unter Angabe von Quelle und Urheber oder Author
möglich. Viele dieser lizenzfreien Bilder stehen unter den
Lizenzen Creative Commons (CC), GNU FDL (GN), Public Domain (PD).
Bei manchen Seiten müssen Sie geringe Lizenzgebühren
bezahlen, um die Bildrechte zu erwerben.
|