webp => avif

client/src/utils/get_path.js

@@ -3,7 +3,7 @@
  * @returns {string}
  */
 function getImagePath(imageId, small) {
-  return `/images/${imageId}${small ? '-2' : ''}.webp`;
+  return `/images/${imageId}${small ? '-2' : ''}.avif`;
 }
 
 /**
@@ -35,7 +35,7 @@ function getSoundMetaPath(soundId) {
  * @returns {string}
  */
 function getProfileImagePath(profileImageId) {
-  return `/images/profiles/${profileImageId}.webp`;
+  return `/images/profiles/${profileImageId}.avif`;
 }
 
 export { getImagePath, getMoviePath, getSoundPath, getSoundMetaPath, getProfileImagePath };

server/convert_jpg2webp.js → server/convert_jpg2avif.js

@@ -12,8 +12,8 @@ const dir = path.resolve(PUBLIC_PATH, './images')
   for (const file of files) {
     if (path.extname(file) !== '.jpg') continue
 
-    const newFile = `${path.basename(file, '.jpg')}.webp`
-    // const newFile = `${path.basename(file, '.jpg')}-2.webp`
+    const newFile = `${path.basename(file, '.jpg')}.avif`
+    // const newFile = `${path.basename(file, '.jpg')}-2.avif`
 
     await sharp(path.resolve(dir, file))
       .resize({
@@ -27,7 +27,7 @@ const dir = path.resolve(PUBLIC_PATH, './images')
       //   position: 'top',
       //   withoutEnlargement: true
       // })
-      .toFormat('webp')
+      .toFormat('avif')
       .toFile(path.resolve(dir, `./${newFile}`))
 
     console.log(`outputed: ${newFile}`)

server/package.json

@@ -11,7 +11,7 @@
     "prestart:clean": "rimraf ../upload",
     "prestart:init": "mkdirp ../upload/images ../upload/movies ../upload/sounds",
     "convert:movie": "babel-node --experimental-wasm-threads convert_gif2webm.js",
-    "convert:img": "babel-node convert_jpg2webp.js",
+    "convert:img": "babel-node convert_jpg2avif.js",
     "generate:sound-meta": "babel-node --experimental-wasm-threads generate_sound_meta.js"
   },
   "dependencies": {

server/src/converters/convert_image.js

@@ -15,7 +15,7 @@ async function convertImage(buffer, options) {
       height: options.height,
       width: options.width,
     })
-    .toFormat(options.extension ?? 'webp')
+    .toFormat(options.extension ?? 'avif')
     .toBuffer();
 }
 

server/src/routes/api/image.js

@@ -9,7 +9,7 @@ import { convertImage } from '../../converters/convert_image';
 import { UPLOAD_PATH } from '../../paths';
 
 // 変換した画像の拡張子
-const EXTENSION = 'webp';
+const EXTENSION = 'avif';
 
 const router = Router();