PHP Image Resizer - Website X5 Helpsite

Logo Schriftzug
Logo WSX5
Newsletter anmelden
Scan QR or Download Android App

Direkt zum Seiteninhalt

PHP Image Resizer

Scripte > Bildobjekte
Automatische PHP Bildgrößenänderungen
Bilder sind ein wesentlicher Bestandteil fast aller Webseiten. Jeder Webmaster muss bei der Erstellung von Webseiten sehr viele Bilder verarbeiten und deren Größe ändern. Der herausfordernde Moment besteht darin, die Bildmanipulation in Fällen zu handhaben, in denen Bilder dynamisch verwaltet und daher von Kunden oder Website-Administratoren hochgeladen werden. Der PHP-Code zum Ändern der Bildgröße hilft eine hochgeladene Bilddatei zu bearbeiten, zuschneiden und in der Größe zu ändern, damit das Bild in den dafür vorgesehenen Bereich passt.
Mit den unterstützten Parametern kann auch angeben werden, welcher Teil des Bildes zugeschnitten werden soll.
Der Resizer hilft dabei Wasserzeichentexte hinzuzufügen und seine Position und Farbe zu bestimmen.
Zu guter Letzt kann die Ausgabe der Bildqualität gesteuert, was eine eine nützliche Option ist, wenn die Größe der Bilddatei ein wenig verringert werden muss. Mit dem Bildgrößenänderungscode und seinen Parametern kann ein Bild mehrmals zugeschnitten und in der Größe geändert werden.
ZIP-Datei in ein beliebiges Verzeichnis auf dem PC entpacken und das Verzeichnis "wsX5Obj" auf den Webserver in das Root-Verzeichnis kopieren. HTML-Code in den in den BODY-Bereich <body>...</body> der ausführenden Seite an gewünschter Stelle einfügen und gemäß Vorlage nach Wunsch anpassen (siehe Parameter).
Eine demo.html ist beigefügt, die zum Test in das Root-Verzeichnis des Webservers kopiert werden kann.
Aufruf: "http://www.domain.tld/demo.html" (Offline nicht alle Funktionen verfügbar).
Download Button
Downloads:
Originalbild anzeigen: hier

Beschnittenes Bild zentriert, 400 x 400 Pixel:
Bildgröße geändert, 300 x 200 Pixel:

Bildausschnitt in der Mitte, 400 x 400 Pixel:

Bildgröße geändert, 700 x 500 Pixel mit Wasserzeichen:
Code für den <BODY> Bereich
<div>
<table style="width:750px;">
<table style="width:750px;">
<tr>
<td align="center">
Originalbild anzeigen: <a href="wsX5Obj/Obj192_0/sunset.jpg" target="_blank">hier</a>
</td>
</tr>
</table>
<br>
<table style="width:750px;">
<tr style="vertical-align:top;">
<td align="left">
Beschnittenes Bild zentriert, 400 x 400 Pixel:<br>
<img src="wsX5Obj/Obj192_0/resizer.php?file=
sunset.jpg&width=400&height=400&action=crop&crop_pos=center&quality=100">
</td>
<td align="right">
Bildgröße geändert, 300 x 200 Pixel:<br>
<img src="wsX5Obj/Obj192_0/resizer.php?file=
sunset.jpg&width=300&height=200&action=resize&quality=100">
</td>
</tr>
</table>
<br>
<table style="width:750px;">
<tr>
<td align="center">
Bildausschnitt in der Mitte, 400 x 400 Pixel:<br>
<img src="wsX5Obj/Obj192_0/resizer.php?file=
sunset.jpg&width=400&height=100&action=crop&crop_pos=bottom&quality=100">
</td>
</tr>
<tr>
<td align="center"><br>
Bildgröße geändert, 700 x 500 Pixel mit Wasserzeichen:<br>
<img src="wsX5Obj/Obj192_0/resizer.php?file=
sunset.jpg&width=700&height=500&action=resize&watermark=
Website X5 - Helpsite&watermark_pos=cc&color=255,255,255&quality=100">
</td>
</tr>
</table>
</table>
</div>
Für alle Bilder auf der Webseite, deren Größe dynamisch geändert werden soll, muss der folgender Code verwendet werden:
<img src="resizer/resizer.php?file=images/sunset.jpg&width=700&height=500&action=resize&watermark=
Website X5 - Helpsite&watermark_pos=cc&crop_pos=center&quality=100&color=255,255,255">
Parameter:
width
height
action

crop_pos

watermark

watermark_pos










color
quality

die Breite des neuen Bildes;
die Höhe des neuen Bildes;
Es gibt 2 mögliche Werte "rezise" (Größe ändern) und "crop" (zuschneiden).
Du kannst entweder die Größe des Quellbilds ändern oder einen Teil davon zuschneiden;
Wenn die Aktion "crop" (zuschneiden) verwendet wird, kann angegeben werden, welcher Teil des Bildes zugeschnitten werden soll. Es stehen 5 Optionen zur Verfügung: center, top, bottom, left, right;
Dem Bild wird ein Wasserzeichen-Text hinzugefügt.
Wenn dieser Parameter fehlt oder leer ist, wird kein Wasserzeichen hinzugefügt.
Gibt die Position des Wasserzeichentexts an. Verwende es zusammen mit dem Parameter "watermark".
Es gibt 9 mögliche Werte für dieses watermark_pos:
tl (oben links),
tr (oben rechts),
tc (oben in der Mitte),
bl (unten links),
br (unten rechts),
bc (unten in der Mitte),
cl (Mitte links) ,
cr (Mitte rechts),
cc (Mitte Mitte);
Textfarbe des Wasserzeichens. Es sollte das Format "int, int, int" haben, zum Beispiel "255,255,255" für weiße Farbe;
Die Qualität des Ausgabebildes als Prozentsatz des Quellbildes.
Feedbacks zu ""

Keine Kommentare gefunden.

Bitte Dein Feedback

Du wirst als User bei Deinem ersten Kommentar automatisch registriert und musst dies noch bestätigen.
Erstellen Dir ein Konto, damit Deine Kommentare dann ohne Bestätigung veröffentlicht werden.

Login | Registrierung


            CAPTCHA
            Vielen Dank für Dein Feedback.
            Logo Host Europe
            Button Spenden

            © 2009 - 2020




            
            Besucher Statistik
            » 2 Online
            » 305 Heute
            » 1 Gestern
            » 1165 Woche
            » 2422 Monat
            » 31681 Jahr
            » 255887 Gesamt
            Record: 1144 (01.02.2020)
            Gesamt Downloads:
            Hosting by
            Zurück zum Seiteninhalt