勉強したことのメモ

Webエンジニア / プログラマが勉強したことのメモ

PHPでjpg / png画像をAVIF形式の画像に変換する方法

  PHP

PHPでjpg / png画像をAVIF形式の画像に変換しサーバに保存したい。WebP画像だとclass.upload.phpを使うのが楽で良いんだけどAVIF画像は対応していない模様。そのためバニラPHPにてAVIF画像に変換(場合によっては圧縮)する方法をメモ。

 

ソースコード

<?php
$file = './001.png';
$quality = 30;

changeAVIF($file, $quality);

function changeAVIF( $file, $quality = 30 ){
    $path_parts = pathinfo($file);
    $ext = $path_parts['extension'];

    if( $ext == 'jpg' ){
        $old_img = imagecreatefromjpeg($file);
    }else if( $ext == 'png' ){
        $old_img = imagecreatefrompng($file);
    }else{
        return false;
    }

    imageavif($old_img, $path_parts['filename'] . '.avif', $quality);
}

changeAVIF関数の第一引数に変換したいファイルパスを、第二引数に圧縮具合を数値を渡すと変換される。

 

imageavif

リファレンス

https://www.php.net/manual/ja/function.imageavif.php

注意点

圧縮用オプションのデフォルトは30

圧縮に関して第三引数で設定する。0~100までで数値の大きい方が画質が高くなる。尚、デフォルトは30になる点に注意。

PHPのバージョンは8.1以上

imageavif関数が使えるのはPHPのバージョンが8.1以上となる点に注意。

 

その他

圧縮後のサイズについて

圧縮のオプションをデフォルトの30で試したところ、以下のよう約10分の1になった。

  • png 1,074,853byte -> 117,227byte
  • jpg 117,227byte -> 11,903byte

AVIFの対応ブラウザについて

こちらのサイトを見る限り主要ブラウザは対応している模様。

 - PHP

  関連記事

JavaScriptにて電子書籍や漫画ビューア用のライブラリ「ToraViewer」の利用方法
JavaScriptにて電子書籍や漫画ビューア用のライブラリ「ToraViewer」の利用方法

電子書籍や漫画ビューア用を設置したい。条件としてはレスポンシブ対応していること。 ...

JavaScriptにてスワイプ可能なLightBox系ライブラリ「PhotoSwipe」の利用方法
JavaScriptにてスワイプ可能なLightBox系ライブラリ「PhotoSwipe」の利用方法

あるサイトをWappalyzerで調査していた際に「PhotoSwipe」という ...

ajaxを使わずに非同期っぽくsubmitする
ajaxを使わずに非同期っぽくsubmitする

ajaxを使わずに見た目はページ遷移せず、 画像を含めたformをsubmitし ...

jQueryで画像を遅延ロードする「jquery.lazyload.js」の利用方法
jQueryで画像を遅延ロードする「jquery.lazyload.js」の利用方法

画像を遅延ロードさせたい時にはjQueryプラグインのlazyloadが便利。以 ...

PHPでファイル書き込み時に「failed to open stream: HTTP~~」エラー
PHPでファイル書き込み時に「failed to open stream: HTTP~~」エラー

PHPでファイルを書き込む際に「failed to open stream: H ...