Bildbearbeitung mit PHP

  • Bildbearbeitung mit PHP

    Hallo!

    Ich habe keine Kenntnisse auf dem Gebiet, würde aber gerne etwas lernen.

    Welche Bildformate kann man mit PHP bearbeiten? Welche Art der Formatierungen sind möglich? Skalierungen, Konvertierungen, Rotationen, Effekte... ? Welche Funktionen gibt es zur Bildbearbeitung? Fragen über Fragen! :D

  • Man kann alles machen ;)
    Naja, zumindest die Webformate kannst du bearbeiten..
    inkl. Transparenzen & co

    Vektorgrafiken, bzw. Photoshop Dateien sind nicht standardmäßig implementiert, lassen sich mit viel Freizeit aber bestimmt auch umsetzen
    sind schließlich auch nur 0en und 1en

    Aber zurück zur PHP Bildbearbeitung
    anfangs musst du dich entscheiden ob du mit der GDlib oder mit ImageMagick arbeitest

    GdLib in der Version2 (dürfte überall standard sein) kann die bekannten webformate (png, gif, jpeg, wbmp) inkl. alphakanal (das was der IE immer noch nicht richtig kann)

    zurückgreifen kann sie außerdem auf truetype und postscript schriftarten
    (die musst du seperat ins verzeichnis laden)
    [phpdoc]imagerotate[/phpdoc], und viele andere standardfunktionen erleichtern die arbeit

    ImageMagick kann wesentlich mehr formate..
    habe es aber selber nie verwendet, da man es zusätzlich auf dem server installieren muss..
    und warum die arbeit machen, wenn GD alle nötigen funktionen besitzt

    http://de.php.net/image#AEN56652

    //Edit:
    hier ein nettes tool: http://net4visions.com/dev/imanager/imanager.php

  • GD scheint die herkömmlichere Methode zu sein, mit PHP Bilder zu bearbeiten. Zu ImageMagick konnte ich auf http://de.php.net/image nichts finden.

    GD 2 ist wohl nicht selbstverständlich. Auf einem der Server, auf die ich ZUgriff habe, ist laut PHP-Info GD version "1.6.2 or higher" installiert. Der Server hat die PHP-Version 4.2.3 - ist also nicht steinalt (wobei das nicht sehr neu ist).

    Habe mich mal hingesetzt und ein kleines Script geschrieben:

    Quellcode

    1. <?php
    2. header("Content-type: image/jpeg");
    3. $src = "quellbild.jpg";
    4. $quellbild = imagecreatefromjpeg($src);
    5. $weite = imagesx($quellbild);
    6. $hoehe = imagesy($quellbild);
    7. $thumb = imagecreate($weite/3,$hoehe/3);
    8. imagecopyresized($thumb, $quellbild, 0, 0, 0, 0, $weite/3, $hoehe/3, $weite, $hoehe);
    9. imagejpeg($thumb);
    10. imagedestroy($thumb);
    11. ?>
    Alles anzeigen


    Erstellt eine um 1/3 verkleinerte Version des Bildes "quellbild.jpg", aufzurufen unter der URL des Scripts.

  • so, habe mein thumbnail-script fertig. man kann es aufrufen nach dem muster thumb.php?kat=verzeichnis&subkat=unterverzeichnis&num=dateiname

    hier der quelltext:

    Quellcode

    1. <?php
    2. $kat = $_GET["kat"];
    3. $subkat = $_GET["subkat"];
    4. $num = $_GET["num"];
    5. // Wir wollen verhindern, dass der User Slashs in die Variablen packt
    6. // Sonst erhält er noch Zugriff auf Verzeichnisse, auf die er keinen Zugriff haben soll.
    7. if(strpos($kat,"/")!==false) exit("Ung&uuml;ltige Variable!");
    8. else if(strpos($subkat,"/")!==false) exit("Ung&uuml;ltige Variable!");
    9. else header("Content-type: image/jpeg");
    10. $src = "fotos/".$kat."/";
    11. if ($subkat) $src.=$subkat."/";
    12. $src.=$num.".jpg";
    13. $quellbild = imagecreatefromjpeg($src);
    14. $weite = imagesx($quellbild);
    15. $hoehe = imagesy($quellbild);
    16. // Je nach Proportion ist die Weite entweder 120 oder 90.
    17. if($weite>$hoehe) {
    18. $weiteth = 120;
    19. $hoeheth = ($weiteth/$weite)*$hoehe;
    20. }
    21. else {
    22. $weiteth = 90;
    23. $hoeheth = ($weiteth/$weite)*$hoehe;
    24. }
    25. // Bei GD 2.x wird imagecreatetruecolor verwendet, ansonsten imagecreate
    26. if(!@$thumb = imagecreatetruecolor($weiteth,$hoeheth)) $thumb = imagecreate($weiteth,$hoeheth);
    27. // Statt imagecopyresized könnte man auch imagecopyresampled verwenden. Die Qualität davon ist wesentlich besser.
    28. // Es ist allerdings erst in GD 2.x verfügbar und die Geschwindigkeit ist wesentlich langsamer.
    29. imagecopyresized($thumb, $quellbild, 0, 0, 0, 0, $weiteth, $hoeheth, $weite, $hoehe);
    30. imagejpeg($thumb);
    31. imagedestroy($thumb);
    32. ?>
    Alles anzeigen

  • hier nun ein auszug aus meinem galerie-script, was diese thumbnails verwendet (online-demo unter http://hanau.nazarener.de/pio/galerie.php):

    Quellcode

    1. <?php [...] $PHP_SELF = $_SERVER["PHP_SELF"];
    2. // Zunächst werden die einzelnen Galerien definiert, in diesem Fall die Galerie "uebernachtung".
    3. // $kat beschreibt das Verzeichnis, in dem die Bilder liegen
    4. $kat["uebernachtung"]="uebernachtung";
    5. // $subkat kann außerdem noch ein Unterverzeichnis definieren. Hier nicht der Fall.
    6. // $num beschreibt das Vorschaubild in der Auflistung der einzelnen Galerien.
    7. $num["uebernachtung"] = "079";
    8. // Die nach außen hin sichtbare Bezeichnung der Galerie
    9. $headline["uebernachtung"] = "&uuml;bernachtung";
    10. // Beschreibung der Galerie
    11. $description["uebernachtung"] = "Fotos von unserer &Uuml;bernachtung im Oktober 2005 mit Ausflug zum Opel-Zoo.";
    13. // Und so geht das weiter mit den anderen Galerien
    14. [...]
    15. $zeige = $_GET["zeige"];
    16. // $zeige bestimmt, welche Galerie aufgerufen werden soll
    17. $seite = $_GET["seite"];
    18. // $seite bestimmt, welche Seite der Galerie angezeigt werden soll.
    19. if(!$seite) $seite = "1";
    20. // Diese Funktion erstellt einen Link in der Seitennavigation.
    21. function navlink($seite) {
    22. global $PHP_SELF;
    23. global $zeige;
    24. $return = "<a href=\"".$PHP_SELF."?zeige=".$zeige."&amp;seite=".$seite."\">".$seite."</a>";
    25. return $return;
    26. }
    27. // Diese Funktion erstellt die Navigation und benutzt dabei die obige Funktion.
    28. function shownavi($where) {
    29. global $seite;
    30. global $fotos;
    31. // Es werden 16 Fotos pro Seite angezeigt.
    32. $seiten = ceil($fotos/16);
    33. $return = "<p align=\"center\" style=\"text-align:center;\">";
    34. if($where=="oben") $return .= "Seite ".$seite."<br />\n";
    35. for($i=1; $i<=$seiten; $i++) {
    36. if($i>"1") $return .= " ";
    37. if($seite!=$i) $return .= navlink($i);
    38. else $return .= $seite;
    39. }
    40. if($where=="unten") $return .= "<br />Seite ".$seite."\n";
    41. $return .= "</p>";
    42. return $return;
    43. }
    44. // Diese Funktion ist für die Anzeige eines einzelnen Fotos verantwortlich.
    45. // Es werden ihr der Dateiname des Fotos (ohne Endung) und der Key der entsprechenden Galerie übermittelt.
    46. // Hierbei wird Gebrauch von thumb.php gemacht!
    47. function showfoto($nummer,$zeige) {
    48. global $kat, $subkat;
    49. $return = "<a href=\"fotos/".$kat[$zeige]."/";
    50. if($subkat[$zeige]) $return.=$subkat[$zeige]."/";
    51. $return .= $nummer.".jpg\" target=\"_blank\"><img
    52. src=\"thumb.php?kat=".$kat[$zeige];
    53. if($subkat[$zeige]) $return.="&amp;subkat=".$subkat[$zeige];
    54. $return .= "&amp;num=".$nummer."\"
    55. alt=\"Foto ".$nummer.", Anklicken zum Vergr&ouml;&szlig;ern\" /></a>";
    56. return $return;
    57. }
    59. [...]
    61. if($zeige) {
    62. // Wenn $zeige übergeben wird, soll eine bestimmte Galerie angezeigt werden.
    63. echo "<div style=\"text-align:center;\"><h3>".$headline[$zeige]."</h3></div>\n";
    64. echo $description[$zeige]."<br />&nbsp;\n";
    65. echo "<br />Alle Fotos k&ouml;nnen per Klick vergr&ouml;&szlig;ert werden!\n";
    66. // In diesem Verzeichnis befinden sich die Fotos:
    67. $dir = "fotos/".$kat[$zeige];
    68. if($subkat[$zeige]) $dir.="/".$subkat[$zeige];
    69. if (!is_dir($dir)) exit("Verzeichnis nicht gefunden!");
    70. if (!$diropen = opendir($dir)) exit("Konnte Verzeichnis nicht &ouml;ffnen!");
    71. // In einer Schleife wird das Verzeichnis schon einmal ausgelesen, um zu überprüfen, wieviele Fotos es darin gibt.
    72. $i=0;
    73. while (($file = readdir($diropen)) !== false) {
    74. $src = $dir."/".$file;
    75. // Was kein Foto ist, zählt nicht
    76. if(!@$properties = getimagesize($src)) continue;
    77. // Was kein JPG ist, zählt auch nicht.
    78. else if($properties[2]!=2) continue;
    79. else $i++;
    80. }
    81. closedir($diropen);
    82. // Jetzt wissen wir, wieviele Fotos es gibt und können die Navigation anlegen.
    83. $fotos=$i;
    84. echo shownavi("oben")."\n";
    85. echo "<table style=\"margin-left:auto; margin-right:auto;\">\n";
    86. // Je nach Seite müssen wir bei einem unterschiedlichen Bild mit der Darstellung beginnen.
    87. // Erinnerung: Es gibt 16 Bilder pro Seite.
    88. $startwert = $seite-1;
    89. $startwert *= 16;
    90. $startwert++;
    91. $endwert = $startwert+15;
    92. $i=1;
    93. $src="";
    94. $file="";
    95. if (!$diropen = opendir($dir)) exit("Konnte Verzeichnis nicht &ouml;ffnen!");
    96. // Das Verzeichnis wird nochmal ausgelesen - diesmal mit dem Ziel die Bilder anzuzeigen!
    97. while (($file = readdir($diropen)) !== false) {
    98. $src = $dir."/".$file;
    99. // Was kein Bild oder kein JPG ist, fliegt wieder raus...
    100. if(!@$properties = getimagesize($src)) continue;
    101. else if($properties[2]!=2) continue;
    102. // Bilder von früheren Seiten werden ebenfalls nicht dargestellt.
    103. else if($i<$startwert) {
    104. $i++;
    105. continue;
    106. }
    107. // Bilder von späteren Seiten genausowenig.
    108. else if($i>$endwert) break;
    109. // Bei jedem 4.Bild beginnt eine neue Tabellenzeile.
    110. if(is_int(($i-1)/4)) echo "<tr>\n";
    111. echo " <td style=\"text-align:center;\">";
    112. // Mittels der Funktion showfoto() werden jetzt die Bilder dargestellt, wenn noch welche da sind.
    113. if($i<=$fotos) echo showfoto(basename($file,".jpg"),$zeige);
    114. else echo "&nbsp;";
    115. echo "</td>\n";
    116. $i++;
    117. }
    118. // In unserer letzten Tabellenzeilen sind evtl. Spalten freigeblieben. Die werden jetzt aufgefüllt.
    119. if(is_int(($i-1)/4)!==true) {
    120. echo " <td style=\"text-align:center;\">";
    121. echo "&nbsp;";
    122. echo "</td>\n";
    123. }
    124. while(is_int($i/4)!==true&&is_int(($i-1)/4)!==true) {
    125. echo " <td style=\"text-align:center;\">";
    126. echo "&nbsp;";
    127. echo "</td>\n";
    128. $i++;
    129. }
    130. echo "</tr>\n";
    131. echo "</table>\n";
    132. echo shownavi("unten")."\n";
    133. }
    134. else {
    135. // Sollte man keine Galerie ausgewählt haben, wird eine Übersicht der Galerien angezeigt.
    136. echo "Du befindest dich jetzt in unserer Fotogalerie! Links kannst du eine
    137. Fotogalerie ausw&auml;hlen, die du ansehen m&ouml;chtest. Die Galerien sind chronologisch geordnet,
    138. d.h. die neuesten Galerien erscheinen oben, die &auml;ltesten unten. Es folgt eine
    139. Beschreibung der einzelnen Galerien.
    140. <p></p>";
    141. // Wir arbeiten wieder mit unseren anfangs definierten Arrays. $what interessiert uns dabei gar nicht.
    142. foreach($kat as $now => $what) {
    143. // In einer Tabelle wird links ein Vorschaubild angezeigt, rechts die Überschrift und eine Beschreibung der Galerie.
    144. echo " <table style=\"border:1px solid black; width:100%; margin-bottom:10px;\">
    145. <tr style=\"vertical-align:top;\">
    146. <td style=\"width:120px;\"><img src=\"thumb.php?kat=".$kat[$now];
    147. if($subkat[$now]) echo "&amp;subkat=".$subkat[$now];
    148. echo "&amp;num=".$num[$now]."\" alt=\"\" /></td>
    149. <td><a href=\"galerie.php?zeige=".$now."\">:: ".$headline[$now]." ::</a><br />
    150. ".$description[$now]."</td>
    151. </tr>
    152. </table>";
    153. }
    154. }
    155. [...]
    156. ?>
    Alles anzeigen