Ich benutze Laravel 5.2 in meinem Projekt. Aber jetzt habe ich ein Problem in meinem Projekt ist Image-Abruf auf der Seite. In meinem Projekt, das Bilder auf meiner Homepage zeigt, aber die Bildgröße ist mehr als 2 MB und es braucht Zeit Bilder zu zeigen. Einige schlagen vor, grunt für die Bildgrößenänderung zu verwenden. Und ich weiß nicht, was Grunzen ist und wie man es benutzt? Ich versuchte zu finden, was grunzt, keine richtigen Lösungen zu bekommen. Bitte schlage mich vor.Wie ändert man die Größe des Bildes im Browser mit Laravel 5.2?
Antwort
Sie können Intervention Image mit Laravel verwenden. Beginnen Sie mit this tutorial, um die Idee zum Hochladen und Ändern der Größe von Bildern zu erhalten. Dieser Code aus dem Tutorial könnte hilfreich sein:
$image = $request->file('image');
$input['imagename'] = time().'.'.$image->getClientOriginalExtension();
$destinationPath = public_path('/thumbnail');
$img = Image::make($image->getRealPath());
$img->resize(100, 100, function ($constraint) {
$constraint->aspectRatio();
})->save($destinationPath.'/'.$input['imagename']);
$destinationPath = public_path('/images');
$image->move($destinationPath, $input['imagename']);
Danke für die Antwort, aber gibt es eine Möglichkeit, auf Browser können wir die Größe des Bildes ändern –
Sie können Bildgröße im Browser ändern, indem Sie die Breite, aber es hat keinen Einfluss auf die Ladegeschwindigkeit. Normalerweise möchten Sie hochgeladene Bilder in der Größe ändern/optimieren. –
kann ich Laravel Elixir verwenden –
- 1. Wie ändert man die Größe des heruntergeladenen Bildes mit SDWebImage?
- 2. CKEditor ändert nicht die Größe des Bildes
- 3. Wie ändert man dynamisch die Größe des Bildes in Sitecore?
- 4. Wie ändert man die Größe des Navbar-Header-Bildes?
- 5. Resize, ohne die Struktur des Bildes ändert
- 6. Wie ändert man die URL-Namenskonvention in Laravel 5.2?
- 7. Wie ändert man die Größe des Item-Avatars in ionic?
- 8. Im Edge Browser, wie ändert man die Eingabeplatzhaltertextfarbe mit CSS?
- 9. Wie ändert man die Auflösung des Bildes in gstbuffer?
- 10. Wie ändert man die Größe des Elternteils div mit JavaScript
- 11. Wie man die Größe des Bildes in UIImageView
- 12. Größe des Bildes im Rich-Text-Feld
- 13. Android, wie man die Höhe des Bildes im Bildadapter verringert?
- 14. die Größe des Bildes Dritten Skriptsteuerung
- 15. Wie Browser locale in Laravel 5.2
- 16. Wie man Modellabfrage in Steuerung in Laravel 5.2 dynamisch ändert?
- 17. Wie man die Größe des Fensters ändert DepthBasics
- 18. Wie ändert man die Größe des AVD-Emulators (in Eclipse)?
- 19. Glide Größe Bild über Override ändert nicht die Größe des Bildes
- 20. ionic: wie man die Größe des FAB-Symbols ändert
- 21. ZXing.Mobile - Wie ändert man die Größe des Kamerascanners?
- 22. Blackberry: Wie ändert man die Größe der Schriftart im Browser-Feld auf OS 5.0?
- 23. Wie ändert man den Div-Stil, wenn der Browser die Größe ändert
- 24. Laravel 5.2 Sitzungs-ID ändert sich ständig
- 25. Wie ändert man die Größe der Schildkröte?
- 26. Wie ändert man die Größe einer Registerkarte im Registerkartenlayout?
- 27. Laravel 5.2: Wie man das Erstellungsdatum des Formulars automatisch füllt
- 28. Wie erhöht man die Auflösung des Bildes im PDF-Renderer?
- 29. Größe des Bildes auf UINavigationBar
- 30. wie man die Größe einer Spalte ändert
Grunt ist ein Tool zur Automatisierung von Aufgaben. Es gibt ein Paket für Grunt namens [imagemin] (https://github.com/gruntjs/grunt-contrib-imagemin), das basierend auf den von Ihnen bereitgestellten Einstellungen Bilder für Sie optimiert. Auch hier ist [Grunts offizielle Seite] (http://gruntjs.com/). –