Update image service.

Author: nikoshell

src/image.service.ts

@@ -217,6 +217,7 @@ const service: LocalImageService = {
       height?: number;
       quality?: number;
       format?: OutputFormat;
+      inferSize?: boolean;
     }
   ): Promise<{ data: Uint8Array; format: ImageOutputFormat }> {
     const MAX_WIDTH = 1280;
@@ -235,13 +236,28 @@ const service: LocalImageService = {
       }
     }
 
-    const width = transform.width
+    let width = transform.width
       ? Math.min(transform.width, MAX_WIDTH)
       : undefined;
-    const height = transform.height
+    let height = transform.height
       ? Math.min(transform.height, MAX_HEIGHT)
       : undefined;
 
+    if (transform.inferSize) {
+      try {
+        const sharp = (await import("sharp")).default;
+        const metadata = await sharp(buffer).metadata();
+        if (!width && metadata.width) {
+          width = metadata.width;
+        }
+        if (!height && metadata.height) {
+          height = metadata.height;
+        }
+      } catch (err) {
+        console.warn(`Error inferring image size: ${err}`);
+      }
+    }
+
     try {
       const sharp = (await import("sharp")).default;
       let image = sharp(buffer, { failOn: "none" });

src/pages/speaker/[slug].astro

@@ -22,7 +22,7 @@ let avatar: any;
 
 if (entry.data.avatar){
   try {
-    avatar = getImage({ src: entry.data.avatar , alt: 'User avatar' });
+    avatar = getImage({ src: entry.data.avatar, alt: 'User avatar' });
   } catch (e) {
     //TODO: improve placeholders and offline
     //avatar = await getImage({ src: 'https://placehold.co/600x400?text=x', width: '600', height:'400', alt: 'Default avatar' });