Grafikbearbeitung – Grafiken verkleinern

Grafiken Komprimieren (Verkleinern)

Gewöhnliche Digitalkameras erzeugen Fotos mit einer Dateigröße je nach Kamera-Einstellung von bis zu 6.000 MB. Damit Internetseiten schnell dargestellt werden können ist es sehr sehr wichtig, die Auflösung der Grafiken niedrig zu halten. Mit anderen Worten ist es gut, wenn Fotos oder Bilder nicht größer als 200KB sind (Wenn möglich 100KB oder weniger).

Zu kleine Fotos haben wiederum eine zu schlechte Qualität. Je nach dem, was man mit der Grafik erreicht werden möchte und wie groß die Grafik sein soll testen und ausprobieren!

Hier unsere Empfehlung:

Tools

TinyPic

Vorteile:
Mehrere Bilder gleichzeitig
Bildvorschau
Kostenlos

Nachteil:
Altmodisches Design
Formate: Nur JPEG (GIF bei der Vollversion)

Zur Webseite: TinyPic


Compressjpeg (Online)

Vorteile:
Bildvorschau
Mehrere Bilder gleichzeitig
Bildqualität einstellbar
Formate: Jpeg, PNG, PDF
Kostenlos

Nachteil:
Onlinebasierend (Internetzugang nötig)

Zur Webseite: compressjpeg

WP Firefox Header-Probleme

wp-firefox-fehler
Folgendes Phänomen ist aufgetaucht: Das Headerbild wird ausser bei Firefox bei allen Browsern richtig angezeigt. Sogar bei der mobilen Version von Firefox besteht dieses Problem nicht.

wp-firefox2

 

Die benötigte Breite ermitteln

Eine Möglichkeit dieses Problem zu lösen ist es, die Grafik in die exakte Größe zu formatieren. Dazu müssen wir zuerst die genaue Pixelgröße kennen. Firefox ermöglicht eine besondere Ansicht einer Webseite. Unter Entwickler-Werkzeuge wählen wir uns die Web-Konsole aus.

Wenn wir den Inspektor auswählen können wir mit der Maus auf die gewünschten Elemente klicken, und wir bekommen über sie mehr Informationen (z.B. Pixelgröße, CSS-Infos, Knoten, Stelle im Quellcode…). Der HTML-Bereich zeigt das HTML der Webseite als Baum mit zusammenklappbaren Knoten. Spätestens jetzt, sobald wir den bestimmten „DIV#CONTAINER…“ bzw. Bereich anklicken, bekommen wir die gewünschte Pixelgröße unseres Header-Containers angezeigt (Siehe Bild)

wp-firefox-console

Sobald wir die benötigt Pixelgröße kennen, müssen wir nur noch unsere Headergrafik (Foto) formatieren. Sobald unsere Grafikbreite exakt der Breite des Headerbereiches entspricht, wird Firefox gezwungenermaßen den Headerbereich sauber anzeigen.

wp-firefox-fehler-behoben