私のプロジェクトで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. ギャラリー画像をサイズ変更した画像を変更する
- 9. Laravel 5.2で画像の場所を見つける方法は?
- 10. Laravel介入/画像は画像のサイズを変更しません
- 11. xamarinを使用して画像を変更する方法ローカライズ
- 12. 幼虫のサイズを小さくして画像を切り取る方法5.2
- 13. AWS S3:laravel 5.3のラムダを使用した画像のサイズ変更5.3
- 14. WriteableBitmapを使用してSilverlight 3で画像のサイズを変更
- 15. ImageMagickを使用してバッチスクリプトで画像のサイズを変更
- 16. 画像のサイズを変更してアップロードする画像アップロードウィジェット
- 17. laravel 5.2のブラウザの戻るボタンを防ぐ方法5.2
- 18. ブラウザで画像とテキストのサイズを変更、移動、スケーリングする
- 19. Cocoa、objective-c png画像のサイズを変更する方法は?
- 20. Sitecoreの画像サイズを動的に変更する方法は?
- 21. CSSを使用して背景画像のサイズを変更して浮かせる方法は?
- 22. プログラムで追加した画像サイズを変更する方法
- 23. Python Magickwand pdf画像を変換して画像のサイズを変更する
- 24. 画像のサイズを変更する最速の方法
- 25. Javascript画像をサイズ変更して同時にクリップする方法は?
- 26. Tkinterのを使用してPGM画像のサイズを変更するだけ
- 27. Laravel 5.2ユーザーテーブルを更新する方法
- 28. アップロード画像AJAX - Laravel 5.2
- 29. laravel 5.2ストア画像データベース
- 30. クロム、IE、サファリで画像のサイズを変更する方法
Gruntはタスク自動化ツールです。 [imagemin](https://github.com/gruntjs/grunt-contrib-imagemin)というGruntのパッケージがあります。あなたが提供する設定に基づいて、イメージを最適化します。また、[Gruntの公式サイト](http://gruntjs.com/)もあります。 –