Suchen Sie nach M\u00f6glichkeiten zum \u00c4ndern der Gr\u00f6\u00dfe von Bildern in PHP? W\u00e4hrend der Arbeit an der Webanwendung m\u00fcssen wir verschiedene Miniaturansichten des Originalbilds erstellen. Das Thumbnail ist die skalierte Version Ihres Originalbildes. In diesem Artikel untersuchen wir, wie Sie Bilder in PHP hochladen und skalieren.<\/p>\n
Auf der Website gibt es mehrere Szenarien, in denen wir eine kurze Version eines gro\u00dfen Bildes anzeigen m\u00fcssen. Ein beliebtes Beispiel ist die Bildergalerie. In der Galerie haben wir fr\u00fcher eine Liste mit kleinen Bildern angezeigt. Wenn ein Benutzer auf das kleine Bild klickt, wird das gro\u00dfe Bild im Popup ge\u00f6ffnet. Ein weiteres Beispiel ist die Anzeige verwandter Artikel, in denen wir kleine Bilder zusammen mit dem Titel und der Beschreibung eines Beitrags anzeigen.<\/p>\n
In diesen Szenarien m\u00fcssen wir ein kleines Bild (Thumbnail) mit unserem Originalbild generieren. Ein kleines Thumbnail reduziert die Gr\u00f6\u00dfe Ihrer Seiten. Da Sie ein kleines Thumbnail verwenden, ben\u00f6tigt der Browser eine geringe Bandbreite zum Laden des Bildes. Es wird der Website einige Vorteile hinzuf\u00fcgen. Einige von ihnen sind:<\/p>\n
Sehen wir uns jedoch an, wie Sie die Gr\u00f6\u00dfe des Bildes in PHP \u00e4ndern.<\/p>\n
Intervention Image<\/a> ist eine Open-Source-Bibliothek, die als Tool zur Gr\u00f6\u00dfen\u00e4nderung von Bildern fungiert. Unter der Haube verwendet Intervention Image GD Library und Imagick f\u00fcr die Bildverarbeitung und -manipulation.<\/p>\n Um zu beginnen, m\u00fcssen Sie die Intervention Image-Bibliothek in Ihrer Anwendung installieren. Ich empfehle Composer<\/a> f\u00fcr die Installation einer Bibliothek.<\/p>\n \u00d6ffnen Sie das Terminal in Ihrem Projektstammverzeichnis und f\u00fchren Sie den folgenden Befehl aus.<\/p>\n Nach der Installation der Bibliothek m\u00fcssen Sie deren Umgebung in Ihre Anwendung einbeziehen. F\u00fcgen Sie dazu unten zwei Zeilen in die PHP-Datei ein.<\/p>\n Um das Bild hochzuladen und die Gr\u00f6\u00dfe zu \u00e4ndern, ben\u00f6tigen wir ein Formular, in dem man das Bild durchsuchen und auf die Schaltfl\u00e4che "Senden" klicken kann. Verwenden Sie den folgenden HTML-Code, der die Dateieingabe und eine Schaltfl\u00e4che zum Senden enth\u00e4lt.<\/p>\n Wir haben die Bibliothek installiert und ein Formular erstellt. Als n\u00e4chstes m\u00fcssen wir das Bild im laufenden Betrieb hochladen und die Gr\u00f6\u00dfe \u00e4ndern. Ich werde zwei Verzeichnisse erstellen Verwenden Sie den folgenden Code, der die Original- und Miniaturversion des Bildes in den Verzeichnissen Im obigen Code habe ich die Breite als 300 \u00fcbergeben und die Gr\u00f6\u00dfe des Bildes ge\u00e4ndert, indem ich das Seitenverh\u00e4ltnis beibehalten habe. Sie k\u00f6nnen den Breitenwert gem\u00e4\u00df Ihren Anforderungen \u00fcbergeben. Es wird empfohlen, das Seitenverh\u00e4ltnis beizubehalten, wenn Sie die Bildgr\u00f6\u00dfe \u00e4ndern. Bei Verwendung des Seitenverh\u00e4ltnisses wird das Bild nicht gestreckt. Wenn Sie jedoch nach einer harten Ernte suchen, ersetzen Sie die folgenden Zeilen<\/p>\n Mit<\/p>\n In diesem Tutorial haben wir untersucht, wie Sie die Gr\u00f6\u00dfe von Bildern \u00e4ndern, indem Sie ihr Seitenverh\u00e4ltnis beibehalten. Wir haben auch einen Code geschrieben, der das Bild hart zuschneidet. Die Interventionsbildbibliothek bietet einige weitere Optionen f\u00fcr eine composer require intervention\/image<\/code><\/pre>\n<?php\n\/\/ include composer autoload\nrequire 'vendor\/autoload.php';\n\u00a0\u00a0\nuse InterventionImageImageManagerStatic as Image;<\/code><\/pre>\n<form method=\"post\" enctype=\"multipart\/form-data\">\n\u00a0\u00a0\u00a0\u00a0<p><input type=\"file\" name=\"image\" \/><\/p>\n\u00a0\u00a0\u00a0\u00a0<input type=\"submit\" name=\"submit\" value=\"Submit\">\n<\/form><\/code><\/pre>\nBildgr\u00f6\u00dfe in PHP mit Interventionsbild \u00e4ndern<\/h3>\n
uploads<\/code>und thumbnails<\/code>. In dem uploads<\/code>Ordner speichern wir das Originalbild. Die Miniaturansicht des Bildes wird im thumbnails<\/code>Verzeichnis gespeichert .<\/p>\nuploads<\/code>und speichert thumbnails<\/code>.<\/p>\n<?php\nrequire 'vendor\/autoload.php';\n\u00a0\u00a0\nuse InterventionImageImageManagerStatic as Image;\n\u00a0\n$allowed_mime_type = array('image\/jpg', 'image\/jpeg', 'image\/png', 'image\/gif');\n\u00a0\nif (isset($_POST['submit'])) {\n\u00a0\n\u00a0\u00a0\u00a0\u00a0if (in_array($_FILES['image']['type'], $allowed_mime_type)) {\n\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0if (!file_exists('uploads')) {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0mkdir('uploads', 0755);\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0}\n\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$filename = time().'_'.$_FILES['image']['name'];\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$filepath = 'uploads\/'. $filename;\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0move_uploaded_file($_FILES['image']['tmp_name'], $filepath);\n\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0if (!file_exists('uploads\/thumbnails')) {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0mkdir('uploads\/thumbnails', 0755);\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0}\n\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$thumbnailpath = 'uploads\/thumbnails\/'. $filename;\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$img = Image::make($filepath);\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$img->resize(300, null, function ($constraint) {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$constraint->aspectRatio();\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0});\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$img->save($thumbnailpath);\n\u00a0\u00a0\u00a0\u00a0}\n}<\/code><\/pre>\n$img->resize(300, null, function ($constraint) {\n\u00a0\u00a0\u00a0\u00a0$constraint->aspectRatio();\n});<\/code><\/pre>\n$img->resize(300, 150)->save($thumbnailpath);<\/code><\/pre>\nFazit<\/h3>\n
resize<\/code>Methode. Sie k\u00f6nnen mehr dar\u00fcber in ihrer Dokumentation<\/a> lesen .<\/p>\nZum Thema passende Artikel<\/h4>\n