Bilder hübschen Blogs auf. Natürlich zählt primär der Content eines Blogs. Aber wenn er auch noch gut aussieht ist es doch noch schöner. Zu viele Bilder tragen aber dazu bei, dass das Laden der Seite u.U. lange dauert. Gerade wenn man Bilder mit Transparenz einsetzt (JPGs unterstützen keine Transparenz) wird meistens das Format PNG benutzt.

PNGs haben aber einen kleinen Nachteil – sie sind nicht sehr speicherfreundlich. Wer also viel auf PNGs setzt sollte darauf achten die Bilder entsprechend so klein wie möglich zu halten. Hier im Blog gibt es seit kurzem auch eine Header-Grafik für jeden Artikel. In den Kommentaren wurde schonmal gefragt, ob ich die jedes mal selbst erstelle.
Hierzu ein definitives “Ja” und bei der Anzahl versuche ich natürlich die Dateigröße der Bilder so klein wie möglich zu halten. Auf der anderen Seite ist das sicher nicht Modem-tauglich. Aber so ist das eben manchmal. Man muss einen guten Mittelweg finden.

Beim Optimieren der Bilder hilft mir “ImageOptim“. Diese kleine Freeware optimiert PNGs, JPGs und GIFs per drag and drop ohne groß Fragen aufzuverwerfen. Bietet aber für alle Testwütigen genug Einstellungen um die Komprimierung noch weiter zu optimieren. Mit den Standardeinstellungen werden aber schon gute bis sehr gute Ergebnisse abgeliefert.

Hier mal ein kleiner Screenshot der Oberfläche:

Man sieht auch gleich, um wie viel Prozent das Bild optimiert wurde. ImageOptim ist letztendlich eine GUI für mehrere Kommandozeilen-Tools. In den Einstellungen habt Ihr für jedes die Möglichkeit noch an den Einstellungen zu arbeiten. Außerdem könnt ihr mehrere Bilder auf einmal optimieren lassen. Also Dateien markieren, reinziehen in das ImageOptim Fenster und arbeiten lassen. Wer am Anfang noch ein wenig mit den Einstellungen spielen will, sollte ggf. einstellen, dass Backups der Originaldatei angelegt werden. Nicht, dass was schief geht und die mühsam erstellen Grafiken hinüber sind.

Mit den Standardeinstellungen erreicht man je nach Bild Optimierungen von 20-40% ohne sichtbare Artefakte. Wer also viel mit PNGs arbeitet sollte mal einen Blick darauf werfen und schauen, wie viel man da noch rausholen kann.

Wie siehts bei Euch aus? Nutzt ihr PNGs in Euren Blogs? Optimiert ihr die auch oder kennt ihr noch eine andere Alternative? In welcher Größe bewegen sich Eure Optimierungen?

Noch ein kleiner Tipp am Rande: Solltet Ihr ImageOptim sehr häufig verwenden, dann legt Euch das Icon ins Dock und wenn Ihr Bilder optimieren wollt, dann zieht sie einfach auf das Dock-Icon. ImageOptim startet dann und optimiert die Bilder automatisch.

Seit ungefähr anfang Januar diesen Jahres ist mein Blog nun wieder aktiv. Die Zeit davor war nicht gerade von interessanten Beiträgen geprägt (daher zähle ich die mal nicht). Ich hoffe, dass sich das mittlerweile geändert hat und bisher mag ich meine Statistik. Klar ist mein Blog ein privates und nicht darauf aus, möglichst viele Leser zu unterhalten. Aber treibt es einen nicht an, wenn man weiß, dass eine bestimmte Zahl Leser öfter vorbei schaut? Ich denke schon. Zumindest bei mir. Es ist ein schönes Gefühl zu wissen, dass es andere interessiert was hier passiert. Seit Januar hat sich das Blog eigentlich ganz gut entwickelt. Knapp 4000 Visits dürften es nun sein und wenn Feedburner nicht lügt, sogar ca. 20 Abos. Das freut mich und ermutigt mich natürlich auch weiterhin zu schreiben. Von daher erstmal einen großen Dank an alle regelmäßigen Besucher und Leser dieses kleinen Blogs. Ich hoffe Euch auch in Zukunft unterhalten und informieren zu können oder Euch Dinge vorzustellen, die Euch interessieren.

Den heutigen Tag habe ich mal etwas an der Optik des Blogs gearbeitet. Als erstes wird der neue Header auffallen. Nun ist zwar die gesamte Seite etwas farblos, aber vielleicht hilft es ja sich auf den Text zu konzentrieren . Um trotzdem Farbe auf die Seite zu bringen, habe ich die Links noch original gelassen und werde weiterhin zu Artikeln wenn’s geht Bilder dazu packen. Da mein Blog ja noch sehr jung ist und daran gearbeitet wird, kann es natürlich zukünftig auch zu Veränderungen kommen. Diese werden aber nicht so drastisch ausfallen. Also hier und da mal eine kleine Änderung mehr nicht.

Was sagt Ihr zu dem Header? Passt er besser zu dem Gesamteindruck oder war das knallige Orange doch besser?

Bin mal gespannt wie Eure Meinung dazu ist.