私のプロジェクトでlaravel 5.2を使用しています。しかし、私は自分のプロジェクトの1つの問題に直面しています。私のプロジェクトでは私のホームページに画像を表示していますが、画像サイズは2MB以上で、画像を表示するのに時間がかかります。だから、画像のサイズ変更にぎこちない点を使用することをお勧めします。そして、私は何かがいじめると使用方法を知らないのですか?私は適切な解決策を得ていないものを見つけようとしました。私に提案してください。Laravel 5.2を使用してブラウザの画像サイズを変更する方法は?
答えて
Intervention ImageをLaravelと併用することができます。 this tutorialから始めて、画像をアップロードしたりサイズを変更する方法を知ってください。このチュートリアルのコードは役に立ちます:
$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']);
返信ありがとうございますがブラウザには画像サイズのサイズを変更することができます –
ブラウザで画像のサイズを変更するには、幅を設定しますが、読み込み速度には影響しません。通常、アップロードした画像のサイズを変更/最適化します。 –
私はLaravel Elixirを使用できますか –
- 1. OperaブラウザでJavascriptを使用して画像のサイズを変更する
- 2. イメージをLaravelでサイズ変更する5.2
- 3. libpngを使用して画像のサイズを変更(双三方)
- 4. 方向変更の画像のサイズを変更する方法..?
- 5. drawInRectを使用して画像のサイズを変更するメモリ
- 6. ブラウザのサイズを変更すると画像がリフローしない
- 7. は、画像のサイズを変更して
- 8. onmouseoverを使用してwp_get_attachment_imageを使用して画像サイズを変更する
- 9. ギャラリー画像をサイズ変更した画像を変更する
- 10. Laravel 5.2で画像の場所を見つける方法は?
- 11. xamarinを使用して画像を変更する方法ローカライズ
- 12. 幼虫のサイズを小さくして画像を切り取る方法5.2
- 13. codeigniterでgd2を使用して画像のサイズを変更
- 14. WriteableBitmapを使用してSilverlight 3で画像のサイズを変更
- 15. ImageMagickを使用してバッチスクリプトで画像のサイズを変更
- 16. 画像のサイズを変更してアップロードする画像アップロードウィジェット
- 17. Laravel介入/画像は画像のサイズを変更しません
- 18. AWS S3:laravel 5.3のラムダを使用した画像のサイズ変更5.3
- 19. ブラウザで画像とテキストのサイズを変更、移動、スケーリングする
- 20. laravel 5.2のブラウザの戻るボタンを防ぐ方法5.2
- 21. Sitecoreの画像サイズを動的に変更する方法は?
- 22. Cocoa、objective-c png画像のサイズを変更する方法は?
- 23. ウィンドウサイズに応じて画像サイズを変更する方法
- 24. ImageJを使用して画像のサイズを変更してトリミングする
- 25. CSSを使用して背景画像のサイズを変更して浮かせる方法は?
- 26. プログラムで追加した画像サイズを変更する方法
- 27. JavaScriptを使用して画像サイズを変更してディスクに保存する
- 28. Python Magickwand pdf画像を変換して画像のサイズを変更する
- 29. 画像のサイズを変更する最速の方法
- 30. CSS3を使用して画像の色を変更する方法は?
Gruntはタスク自動化ツールです。 [imagemin](https://github.com/gruntjs/grunt-contrib-imagemin)というGruntのパッケージがあります。あなたが提供する設定に基づいて、イメージを最適化します。また、[Gruntの公式サイト](http://gruntjs.com/)もあります。 –