画像を投稿する際にImageMagickを使ってHEICをJPEGに変換したい（Docker8✖️Laravel環境）

Question

質問お願いします。

現在、DockerでLEMP環境を構築して日記アプリを開発しています。

画像を含んだ日記を投稿したところ、iPhoneで撮影したHEIC形式の画像がアップロードできず、調べたところImageMagickを使ってHEICをJPEGに変換しなければいけないということで、下記を参考にDockerにImageMagickをインストールしました。

ImageMagickでHEICをJPEGに変換する

そしてdocker-compose exec app bashでphpのコンテナ内に入ってconvert --versionしたら下記のメッセージが出るところまでは上手くいきました。

# convert --version
Version: ImageMagick 6.9.10-23 Q16 x86_64 20190101 https://imagemagick.org
Copyright: © 1999-2019 ImageMagick Studio LLC
License: https://imagemagick.org/script/license.php
Features: Cipher DPC Modules OpenMP
Delegates (built-in): bzlib djvu fftw fontconfig freetype heic jbig jng jp2 jpeg lcms lqr ltdl lzma openexr pangocairo png tiff webp wmf x xml zlib

そこからブラウザでアプリを開き、日記投稿画面（create.blade.php）で日記（画像やタイトル、日記の内容）を投稿しようとしたところ、エラー等は出ないのですが、下記のように何も反映されていない状態の投稿画面（create.blade.php）に戻ります。
（JPEGとかPNG形式の画像だと投稿ボタンを押すと日記の内容が反映されて日記一覧ページ（index.blade.php）に画面遷移するのですが、HEIC形式だと何も反映されずに投稿画面に戻ります）。

投稿した後の画面遷移

投稿前

投稿後

分かる方いましたらご教授お願いします。

↓投稿処理の内容

    public function store(Request $request)
    {
      // インスタンス作成
      $post = new Post;

      // ユーザーid取得
      $post->user_id = $request->user()->id;

      // $requestにformからのデータが格納されているので、以下のようにそれぞれ代入する
      $inputs = request()->validate([
        'picture'=>'image',
        'title'=>'required|max:255',
        'diary'=>'required|max:255',
      ]);

      // 画像ファイルの保存場所指定
      if(request('picture')) {
        $filename = request()->file('picture')->getClientOriginalName();
        $inputs['picture'] = request('picture')->storeAs('public/image', $filename);
      }

      // 保存
      $post->fill($inputs)->save();

      // 保存後に一覧ページへリダイレクト
      return redirect()->route('posts.index');
    }

Comments

[hentaiman]

> 投稿できずに困っています

表現が曖昧なので具体的に直してください
例えばエラーが出て投稿できない、投稿は出来るが画像が保存されない、表示されないなど
エラーが出ている事に気付いていないだけならまずはエラーログを元に調査を進めてみましょう

[AbeTakashi]

「投稿」の処理はどうなっているのでしょうか？　リンク先はconvertコマンドの使い方（変換処理）しか書いていません。PHP（Laravel）からconvertコマンドを呼び出しているのであれば、最低限その部分のソースコードは記載していただかないと助言のしようがないように感じます。

[nakatievent]

hentaimanさん

質問文の内容を訂正しました。
上記のように、HEIC形式の画像を含めた日記を投稿するためにボタンを押すと、エラーは出ないのですが、何も反映されていない元の状態の投稿画面に戻ってしまいます。

[hentaiman]

> エラーは出ないのですが、

エラーログは確認済みですか？

[nakatievent]

エラーログとはLaravel.logのことですか？
Laravel.logであれば、投稿前と投稿後を比べてみたのですが、Laravel.logに変化はないです。

[nakatievent]

上記処理のバリデーション（'picture'=>'image'）をコメントアウトしたところ、投稿できるようになりました（ただ、HEIC形式だけ画像が表示されない状態ですが。）

[hentaiman]

バリデーションがおかしいのはその通りだけどその対応方法はおかしい
画像変換処理が入っていないので表示されないのは当然ですね
追加しましょう

Answer 1

Laravel 7.x バリデーション

https://readouble.com/laravel/7.x/ja/validation.html

Comments

[nakatievent]

phper.kさん

ありがとうございます。
imageのバリデーション（'picture'=>'image'）をコメントアウトしたところ、無事投稿できるようになりました。
ただ、HEIC形式の画像を含めた日記を投稿しても、投稿一覧ページに画面遷移した際に表示されません。
ですので、imagemagickの導入の仕方を教えて頂けると助かります。

[phper.k]

> HEIC形式の画像を含めた日記を投稿しても、投稿一覧ページに画面遷移した際に表示されません。

そらそうだろうね。ブラウザで表示できる画像形式じゃないんだから。

> ですので、imagemagickの導入の仕方を教えて頂けると助かります。

まずは自分でやって。
私が開発する時に、HEIC形式なんて扱うことないだろうし、私がわざわざ調査してまで回答するメリットない。

[AbeTakashi]

imagemagickは導入できてるんですよね？ 参考サイトにjpgへの変換方法が書かれてますが、それを実行しようとは思わないですか？ 導入するだけでPHPやLaravelがHEIC形式が扱えるようになるわけでもなく、またconvertコマンドが自動的に実行されるようなことはありません。

[phper.k]

@TakashiAbe さん
同郷でした

[nakatievent]

TakashiAbeさん

導入できてて、実際に書かれているコマンド「convert upload.HEIC converted.jpg」を実行しているのですが、「No such file or directory」と出てしまいます（アップロードされているのは確認済みです）。
色々とコマンドを試しているのですが、上記のエラーが頻発して困っています。

あと、自分のイメージではHEIC形式の画像をアップロードして投稿した際に、自動的にJPEG形式になって投稿されるイメージだったのですが、それはできない感じですか？（iphoneは自動的にJPEG形式になるそうですが、Macはならないようなので）

[phper.k]

@nakatievent さん
当然、「PHPで」、変換の処理を実行しなければ変換はされません。

[AbeTakashi]

No such file or directoryですから 「upload.HEIC」というファイルがないと言ってますが、そのファイルはちゃんとありますか？ どこにありますか？　ファイル名はあっていますか？　問題ないならそのメッセージはまず出ないはずです。

>あと、自分のイメージではHEIC形式の画像をアップロードして投稿した際に、自動的にJPEG形式になって投稿されるイメージだったのですが、それはできない感じですか？（iphoneは自動的にJPEG形式になるそうですが、Macはならないようなので）

イメージで考えるのは良くないと思います。iPhoneの話もMacの話もこの件に関してはまったく関係ないかと（PHPやLaravelでの話ですよね？）。ちゃんと深掘りしてしっかり調べた方がいいでしょう。

質問への追記でも書きましたが、PHPからconvertコマンドを呼び出す変換処理を書かないとダメです。「php 外部コマンド 実行」などで検索してみるといいと思います。おそらくちょっと難しいと感じると思いますが、一つのサイトだけではなく色々なサイトを見てすごく頑張ればかならずできると思いますので、頑張ってチャレンジしてみてください。

Answer 2

今更かもしれませんが、まだ受付中でしたので一応。

参照された 参考にされたImageMagickでHEICをJPEGに変換する の中にHEICに対応するバージョンが記述されており、7.0.7-22/7.0.8-25などが例示されています。

しかし、あなたがインストールされたImageMagickは

# convert --version
Version: ImageMagick 6.9.10-23 Q16 x86_64 20190101 https://imagemagick.org

の通りバージョンが6.9.10-23であり対応バーションより古くHEICに対応していません。
つまりImageMagickのインストールがうまくいっていません。

7.0.7-22/7.0.8-25やそれ以降のバージョンなどHEICに対応したImageMagickをインストールする必要があります。例えばdpokidovさんのDockerイメージなどです。

mtag@tower-deskside:work$ docker run --rm -v /home/mtag/work:/imgs dpokidov/imagemagick --version
Version: ImageMagick 7.0.11-6 Q16 x86_64 2021-03-28 https://imagemagick.org

こちらを使うと以下のように変換することができます(成功したので何も出力されません)。

me@tower-deskside:work$ docker run --rm -v /home/me/work:/imgs dpokidov/imagemagick  /imgs/IMG_00^C.HEIC /imgs/IMG_0099.jpg