Wenn Sie schon einmal ein Bild für eine Website verkleinern, schnell komprimieren oder sogar ein PNG in JPG umwandeln mussten, wissen Sie, wie begrenzt vorgefertigte Lösungen sein können - oder wie voll von Werbung und Einschränkungen. Als Entwickler und Ersteller von Inhalten habe ich beschlossen, meine eigene Lösung zu entwickeln. eigene API zur Größenänderung von Bildernmit Unterstützung für Komprimierung, Formatkonvertierung und Live-Visualisierung - alles innerhalb meiner WordPress-Umgebung.
In diesem Artikel zeige ich Ihnen einen Blick hinter die Kulissen dieser Kreation und wie Sie etwas Ähnliches in Ihrem Projekt verwenden oder anpassen können.
API-Link: Online Image Resizer
Warum habe ich diese API erstellt?
Ich brauchte eine leichtgewichtige, funktionale und anpassbare Lösung für meinen eigenen Gebrauch und auch für die Leser von Criadix. Online-Tools garantieren nicht immer eine Qualitätskontrolle und ermöglichen auch keine automatische Integration in andere Arbeitsabläufe. Ich habe meine eigene API entwickelt:
- Ich habe gewonnen volle Kontrolle über die Größenänderung
- Ich konnte mich bewerben Kompression nach Maß
- Ich habe es möglich gemacht, dass Konvertierung zwischen Formaten (PNG ↔ JPG)
- Hinzugefügt Echtzeit-Visualisierung mit auf dem Front-End
- Und all das konnte ich anbieten über WordPress-Plugin
Wie funktioniert die API?
Die zentrale Logik befindet sich in einer PHP-Datei, die als REST-Endpunkt fungiert. Sie erlaubt:
1. Mehrere Bilder hochladen
Mit Typüberprüfung (jpg, jpeg, png, webp, gif, bmp oder tiff) und Größenbegrenzung.
2. Ablesen der Originalmaße
Die API ermittelt die Breite und Höhe jedes hochgeladenen Bildes und zeigt sie dem Benutzer im Vorschaufenster an.
Wird Ihr Mobiltelefon immer heißer? Es könnte bereits zu spät sein
3. Größenänderung nach Pixel oder Prozent
Der Benutzer hat die Wahl zwischen der manuellen Einstellung der Maße oder der automatischen Beibehaltung der Proportionen.
4. Einstellbare Kompression
Mit Imagick kontrolliere ich die Qualität des endgültigen Bildes.
5. Formatkonvertierung
Wenn der Nutzer PNG sendet und sich für die JPG-Ausgabe entscheidet, wird die Konvertierung mit transparenter Hintergrundglättung durchgeführt.
6. Herunterladen in ZIP
Wenn mehr als ein Bild importiert wird, werden alle verarbeiteten Bilder in eine einzige .zip-Datei komprimiert und können sofort heruntergeladen werden. Andernfalls wird derselbe Bildname komprimiert.
Benutzererfahrung (UX) auf dem Front-End
Da ich sowohl auf die technische Seite als auch auf das Benutzererlebnis Wert lege, liefert das Frontend die Ergebnisse:
- Live-Visualisierung mit Canvas
- Einfache und übersichtliche Schnittstelle
- Modal für erweiterte Visualisierung
Rückmeldung und Erfolg mit fetch und wp_ajax laden
Wie ich es in WordPress implementiert habe
Kundenspezifisches Plugin
Ich habe ein WordPress-Plugin namens Image Process API erstellt. Es registriert einen Endpunkt /wp-json/image-api/v1/process und bietet ihn an:
- Sicherheit mit nonce
- Unterstützung mehrerer Dateien
- Option zur Verwendung von GD oder Imagick je nach Server
Struktur des Verzeichnisses
- /temp_uploads/ → empfangene Bilder
- /final_images/ → konvertierte und komprimierte Bilder
- /downloads/ → vorgefertigte Zip-Dateien
Es enthält auch Fehlerprotokolle zur Fehlersuche und Überprüfung der Berechtigungen auf dem lokalen oder entfernten Server.
Nächste Schritte
Wie bei jedem lebendigen Projekt möchte ich es immer noch tun:
- Hinzufügen von Stapelgrößenänderungen über Remote-URL
- Erstellen Sie ein Dashboard zur Visualisierung von Nutzungsstatistiken
- Bieten Sie ein Widget zur einfachen Integration in andere Websites an
Die Entwicklung einer eigenen API zur Größenanpassung von Bildern war mehr als eine technische Herausforderung - es war eine praktische, individuelle Lösung für meinen Alltag als Gestalter und Entwickler. Und das Beste daran: Ich kann dieses Tool jetzt in Criadix anbieten, um anderen Nutzern zu helfen, die ebenfalls Bilder mit mehr Freiheit und Qualität optimieren müssen.
Wenn Sie mehr über WordPress und PHP-Entwicklung lernen wollen, ist diese Art von Projekt ein großartiger Ausgangspunkt - und absolut anwendbar auf das echte Leben.
