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.

Ratings


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
Written by halweks At 27.08.2014 17:41:29

Here you can write a comment


Please enter at least 10 characters.
Loading... Please wait.
* Pflichtangabe

Related topics

Objektorientiertes Programmieren

Dieses Tutorial beschreibt sehr gut die Wirkunsweise von objektorientiertes Programmieren. Also bestens geeignet um das objektorientierte Programmieren zu verstehen. ...

phpsven

Autor : phpsven
Category: PHP-Tutorials

MySQL Klasse

In meinem kleinen Tutorial zeige ich euch, wie ihr ganz einfach eine kleine MySQL Klasse schreiben könnt. ...

Borlabs

Autor : Borlabs
Category: mySQL-Tutorials

Migration einer PHP 5 App auf PHP 7

Dieses PHP 7 Tutorial zeigt dir, wie du dein PHP5 Script auf PHP7 umstellst. ...

admin

Autor : admin
Category: PHP-Tutorials

Webseite empfehlen

PHP ermöglicht es dem Besucher mit Hilfe der eigenen mail() Funktion mit wenig Aufwand die eigene Webseite Bekannten oder Freunden weiterzuempfehlen ...

Lukas Beck

Autor : Lukas Beck
Category: PHP-Tutorials

abhängige Listen

In einem Formular sollen neben mehreren anderen Eingabefeldern auch zwei Listen (Select-Felder) zum Einsatz kommen. Dabei soll der Inhalt der zweiten Liste vom gewählten Wert der ersten Liste abhängig verändert werden. ...

Patrick_PQ

Autor : Patrick_PQ
Category: mySQL-Tutorials

Anzeige des letzten Besuchers auf der Website

PHP und MySQL ermöglichen es, mit wenig Aufwand Datum und Uhrzeit des letzten Besuchers auf der Homepage anzeigen zu lassen. ...

Lukas Beck

Autor : Lukas Beck
Category: PHP-Tutorials

Login mit Hilfe von PHP und mySQL

Dieses Tutorial soll die Grundzüge eines Login-Systems auf der Basis von PHP und mySQL unter Zuhilfenahme von Sessions klären. ...

razorblade

Autor : razorblade
Category: PHP-Tutorials

Verschlüsslung bzw. Codierung von HTML Code in ASCII

HTML Code können wir ebenso gut in ASCII Code umwandeln. Zunächst einmal ein paar Sätze dazu, wozu man ASCII Zeichen benötigt und wozu Ihnen dieses Script dient. ...

Lukas Beck

Autor : Lukas Beck
Category: PHP-Tutorials

Publish a tutorial

Share your knowledge with other developers worldwide

Share your knowledge with other developers worldwide

You are a professional in your field and want to share your knowledge, then sign up now and share it with our PHP community

learn more

Publish a tutorial