Teil von SELFHTML aktuell Teil von Artikel Teil von Grafik/Multimedia

Thumbnails automatisiert generieren lassen

nach unten Marc Reichelt
nach unten Das Problem
nach unten Installation von ImageMagick
nach unten Das Skript
nach unten Anpassung an Ihre Bedürfnisse

Marc Reichelt

Homepage-URL: deutschsprachige Seite http://www.marcreichelt.de/

Bei Fragen zu diesem Beitrag bitte den Autor des Beitrags kontaktieren!

nach obennach unten

Das Problem

Wenn Sie eine eigene Homepage entwerfen, möchten Sie sicher sehr bald Grafiken einbinden. Jedoch verursachen große Grafiken viel englischsprachige Seite Datenverkehr, und insbesondere bei Surfern die nur ein Modem besitzen wird die Wartezeit unerträglich. An dieser Stelle setzen Vorschaubilder (oder neudeutsch auch Thumbnails genannt) an, indem sie die eigentlichen Bilder in einem kleinen Format anzeigen und so dem Benutzer die Wahl lassen, welches der Bilder er sich anschauen will.

Diese kleinen Grafiken lassen sich problemlos mit jedem Grafikprogramm per Hand erstellen, wie z.B. mit dem für den privaten Gebrauch kostenlosen deutschsprachige Seite XnView, dem kostenlosen englischsprachige Seite IrfanView oder anderen Bildbearbeitungsprogrammen. Jedoch gestaltet sich das ständig wiederholte Bearbeiten von Grafiken schwieriger, je mehr es werden. Darum möchte ich an dieser Stelle eine sehr einfache und für jeglichen Gebrauch kostenlose Methode vorstellen, die auf dem freien Programm englischsprachige Seite ImageMagick basiert und von allen Grafiken in einem Ordner Thumbnails erstellt.

nach obennach unten

Installation von ImageMagick

Unter Linux gestaltet sich die Installation von ImageMagick einfach, wenn es nicht sogar bereits installiert ist. Überprüfen können Sie dies, indem Sie auf einer Konsole den Befehl convert eingeben. Erscheint eine Fehlermeldung, so installieren Sie das Paket als root unter Debian mittels apt-get install imagemagick nach. Falls Sie eine RPM-basierte Linuxdistribution wie SUSE oder RedHat besitzen, installieren Sie das Paket namens ImageMagick.

Unter Windows gehen Sie auf die englischsprachige Seite Downloadseite von ImageMagick und laden sich dort die aktuellste Datei mit der Beschreibung "Dynamic at 16 bits-per-pixel" herunter und installieren diese (unter Windows 98 ist ein Neustart erforderlich). Nach der Installation sollten Sie eine Eingabeaufforderung öffnen, um auszutesten ob die Installation erfolgreich war. Dies können Sie mit den Befehlen convert logo: logo.png (schreibt das Logo von ImageMagick in die Datei logo.png) sowie imdisplay logo.png. Löschen können Sie das Bild anschließend wieder mit del logo.png.

Nachdem Sie nun sichergestellt haben, dass ImageMagick installiert ist, können wir uns dem Interessantesten an diesem Artikel zuwenden.

nach obennach unten

Das Skript

Herunterladen können Sie das fertige Produkt für Seite Linux und für Seite Windows. Unter Linux müssen Sie das Skript noch ausführbar machen, das geht mit einem chmod +x make_thumbnails.sh auf der Konsole oder in den Dateieigenschaften (Häkchen bei "Ausführbar" setzen), sofern Sie die grafische Variante bevorzugen. Aufgerufen werden kann das Skript mittels ./make_thumbnails.sh unter Linux bzw. mit make_thumbnails in einer Eingabeaufforderung unter Windows.

Standardmäßig nimmt das Skript alle Dateien mit der Dateiendung .jpg aus dem aktuellen Ordner, erstellt daraus Thumbnails mit maximaler Breite von 150 und maximaler Höhe von 150 Pixeln. Diese Thumbnails werden in einem neuen Ordner namens thumbs abgelegt. Weiter unten steht, wie Sie das Skript am Besten anpassen.

Nachfolgend das Skript für Linux, wobei ich die wichtigsten Stellen rot eingefärbt habe:

#!/bin/bash
# Ordner "thumbs" anlegen
mkdir -p thumbs

# Bilder in Thumbnails konvertieren
for bild in *.jpg
do
 convert "$bild" -resize 150x150 "thumbs/$bild"
done

Nun das Skript für Windows, auch hier wieder die wichtigsten Stellen in rot:

REM Ordner "thumbs" anlegen
IF not exist thumbs mkdir thumbs

REM Bilder in Thumbnails konvertieren
FOR %%b in (*.jpg) do convert "%%b" -resize 150x150 "thumbs\%%b"

nach obennach unten

Anpassung an Ihre Bedürfnisse

Wenn Sie das jeweilige Skript mit einem Texteditor Ihrer Wahl öffnen, so können Sie es schnell anpassen.

Beachten Sie hierzu die oben eingefärbten Stellen. Das Dateimuster *.jpg bedeutet, dass das Skript alle Dateien mit der Endung .jpg berücksichtigt. Wenn Sie z.B. PNG-Dateien haben (Portable Network Graphics), so ändern Sie dieses Muster in *.png um. Bei GIF-Dateien lautet das Muster analog *.gif.

Die maximale Größe der Thumbnails werden Sie bestimmt anpassen wollen. Die erste Zahl bei der Größenangabe 150x150 steht für die maximale Breite, die zweite für die maximale Höhe des Thumbnails (in Pixeln). Eine Angabe wie 200x120 sorgt also dafür, dass die entstehenden Thumbnails eine maximale Breite von 200 und eine maximale Höhe von 120 Pixeln haben.

Ab und zu wollen Sie auch Thumbnails erstellen wollen, bei denen nur eine Angabe (entweder Breite oder Höhe) festgelegt ist. Auch das ist kein Problem: 150x erzeugt Thumbnails mit maximaler Breite von 150 Pixeln, aber beliebiger Höhe. Umgekehrt entstehen bei der Angabe x150 Bilder mit beliebiger Breite, aber einer maximalen Höhe von 150 Pixeln.

Nun wünsche ich Ihnen viel Spaß beim Erstellen der Thumbnails - wenn Sie es einmal gemacht haben, können Sie innerhalb von kürzester Zeit hunderte von Thumbnails generieren lassen!

nach obennach unten

Weitere Links

englischsprachige Seite Dokumentation des Befehls convert
englischsprachige Seite ImageMagick in eigenen Programmen nutzen

Teil von SELFHTML aktuell Teil von Artikel Teil von Grafik/Multimedia

© 2007 bereichsübergreifende Seite Impressum