Thumbnails mit PHP erzeugen

Manchmal möchte man Bilder, die auf einer Website dargestellt werden sollen, verkleinern. Solche verkleinerten Bilder nennt man Thumbnails.

Manchmal möchte man Bilder verkleinern, um sie in einer Übersicht anzuzeigen. Der einfachste Weg ist, die Bilder durch HEIGHT= ... und WIDTH= ... im <IMG>-Tag zu verkleinern. Dabei wird zwar das Bild optisch verkleinert, aber die Dateigröße und somit die Übertragungszeit bleiben gegenüber der vollen Größe unverändert.

Besser ist es, Thumbnails von den Bildern zu erzeugen. PHP bietet alles, was man dafür braucht.

Bevor man sich mit der Verkleinerung von Bildern beschäftigt, sollte man abklären, ob der Provider die notwendigen Extensions anbietet. Listen Sie mit "phpinfo()" die Einstellungen auf und kontrollieren Sie ob GD enthalten ist. Andernfalls würde das nachfolgende Script auf Ihrem Server nicht laufen.

Zum Testen und Entwickeln müssen Sie natürlich auch Ihren lokalen Webserver entsprechend konfigurieren. Dazu müssen die benötigten Extensions geladen werden. In der PHP.INI wird dafür der Eintrag "extension=php_gd.dll" aktiviert, indem das vorangestellte ";" entfernt wird.

Die Datei "php_gd.dll" enthält ab der Version 1.6 nur mehr die Funktionen für .JPG und .PNG Dateien. Für .GIF Dateien wird die "php_gd_gif.dll" benötigt. Achten Sie auch darauf, daß der Pfad zu den Extensions in der PHP.INI richtig eingestellt ist (z.B. extension_dir ="C:php4extensions").

Hier nun das Script:


    <?php
$PicPathIn
="../bilder/";
$PicPathOut="../bilder/out/";

// Orginalbild
$bild="Foto.jpg";

// Bilddaten ermitteln
$size=getimagesize("$PicPathIn"."$bild");
$breite=$size[0];
$hoehe=$size[1];
$neueBreite=100;
$neueHoehe=intval($hoehe*$neueBreite/$breite);

if(
$size[2]==1) {
// GIF
$altesBild=ImageCreateFromGIF("$PicPathIn"."$bild");
$neuesBild=imageCreate($neueBreite,$neueHoehe);
imageCopyResized($neuesBild,$altesBild,0,0,0,0,$neueBreite,$neueHoehe,$breite,$hoehe);
imageGIF($neuesBild,"$PicPathOut"."TN"."$bild");
}

if(
$size[2]==2) {
// JPG
$altesBild=ImageCreateFromJPEG("$PicPathIn"."$bild");
$neuesBild=imageCreate($neueBreite,$neueHoehe);
imageCopyResized($neuesBild,$altesBild,0,0,0,0,$neueBreite,$neueHoehe,$breite,$hoehe);
ImageJPEG($neuesBild,"$PicPathOut"."TN"."$bild");
}

if(
$size[2]==3) {
// PNG
$altesBild=ImageCreateFromPNG("$PicPathIn"."$bild");
$neuesBild=imageCreate($neueBreite,$neueHoehe);
imageCopyResized($neuesBild,$altesBild,0,0,0,0,$neueBreite,$neueHoehe,$breite,$hoehe);
ImagePNG($neuesBild,"$PicPathOut"."TN"."$bild");
}

echo 
"Altes Bild:<BR>";
echo 
"<IMG SRC="$PicPathIn$bild" WIDTH="$breite" HEIGHT="$hoehe"><BR><BR>";
echo 
"Neues Bild:<BR>";
$Thumbnail=$PicPathOut."TN".$bild;
echo 
"<IMG SRC="$Thumbnail" WIDTH="$neueBreite" HEIGHT="$neueHoehe">";
?>
    

Mit "$size=getimagesize("$PicPathIn"."$bild")" werden die Eigenschaften des Bildes ermittelt. Die Funktion liefert ein Array zurück, das die Breite, die Höhe und den Bildtyp enthält.

Da für jeden Bildtyp eigene Funktionen anzuwenden sind, muß mit "if($size[2]==...)" entsprechend unterschieden werden.

Das Herzstück ist die Funktion "ImageCopyResized()". Damit wird das neue Bild erzeugt. Allerdings benötigt die Funktion nicht die Dateinamen des Orginalbildes bzw. der Zieldatei, sondern den Identifier dieser Dateien.

Diese Identifier werden von den Funktionen "ImageCreateFrom...()" für das Orginalbild und "ImageCreate()" für die Zieldatei erzeugt.

Der Rest ist ganz einfach. Der Funktion "ImageCopyResized()" werden die Identifier, die Startpositionen (0,0) und die Bildformate übergeben. Das Resultat wird mit "Image...()" in die entsprechende Datei geschrieben. Im obigen Script habe ich den verkleinerten Dateien die Buchstaben "TN" als Kennzeichnung für Thumbnails vorangestellt. Andernfalls würde man die Orginaldatei überschreiben, wenn man die Thumbnails im selben Directory ablegt.

Wenn Sie die erzeugte Bilddatei ansehen, ist sie natürlich optisch kleiner und benötigt entsprechend weniger Speicherplatz und somit auch weniger Übertragungszeit.

Erfahrungen


Anfängerproblem ?!

In den img-Anzeigen

echo "<IMG SRC="$PicPathIn$bild" WIDTH="$breite" HEIGHT="$hoehe"><BR><BR>"; und
echo "<IMG SRC="$Thumbnail" WIDTH="$neueBreite" HEIGHT="$neueHoehe">";

musste ich in der SRC-Adresse die doppelten Hochkommas (") durch einfache Hochkommas (') ersetzen. Liegt das daran dass ich mit php 5.5.11 arbeite?

Ansonsten Danke für die super Hilfe
Geschrieben von halweks Am 27.08.2014 17:41:29

Hier Kannst Du einen Kommentar verfassen


Bitte gib mindestens 10 Zeichen ein.
Wird geladen... Bitte warte.
* Pflichtangabe

Verwandte Beiträge

Reguläre Ausdrücke

In diesem Tutorial wird erklärt, wie reguläre Ausdrücke aufgebaut sind, was die Metacharaktere (Zeichen mit spezieller Bedeutung) eines Patterns bedeuten, und wie man das ganze in PHP umsetzt. Es werden nur die wichtigsten Teile erklärt, für weiterführend ...

webmaster2@

Autor : webmaster2@
Kategorie: PHP-Tutorials

Das 'Nested Sets' Modell - Bäume mit SQL

Das 'Nested Sets' Modell - Bäume mit SQL

Dieses Tutorial beschreibt die 'Nested Sets'-Technik, mit der man solche Bäume mit SQL performant konstruieren kann. ...

gorski@

Autor : gorski@
Kategorie: mySQL-Tutorials

Unkaputtbare Hyperlinks

Wer das Publizieren im Internet nicht bloß als technische Spielerei oder gar eine Designtätigkeit auffasst, wird automatisch ein digitaler Bibliothekar ...

chris@

Autor : chris@
Kategorie: PHP-Tutorials

Eines Warenkorbsystem für Anfänger

Ein kurzes Tutorial für Anfänger um ein einfaches aber funktionelles Warenkorbsystem zu erstellen. Freue mich über Rückmeldungen und Kritik - denn nur so verbessert man sich :) ...

web3hoster

Autor : web3hoster
Kategorie: PHP-Tutorials

Werte aus Flash an PHP und JavaScript, und umgekehrt senden

Dieses Tutorial soll euch zeigen, auf welche Weise ihr Werte aus Flash an PHP und JavaScript, und umgekehrt senden könnt. ...

Borlabs

Autor : Borlabs
Kategorie: Sonstige Tutorials

Definition von Stored Procedures - eine Einführung

Stored Procedures sind vordefinierte SQL-Codeblöcke, die in einer Datenbank gespeichert sind und bei Bedarf aufgerufen werden können. ...

Bernie

Autor : ebiz-consult GmbH & Co. KG
Kategorie: mySQL-Tutorials

Was muss ich in WordPress einstellen, damit Google Fonts nicht mehr geladen werden?

Möchten Du WordPress davon abhalten, Google Fonts zu verwenden? Hier erfährst Du, was du dafür in WordPress einstellen musst. ...

admin

Autor : admin
Kategorie: Sonstige Tutorials

Tutorial veröffentlichen

Tutorial veröffentlichen

Teile Dein Wissen mit anderen Entwicklern weltweit

Du bist Profi in deinem Bereich und möchtest dein Wissen teilen, dann melde dich jetzt an und teile es mit unserer PHP-Community

mehr erfahren

Tutorial veröffentlichen