@remotion/renderer 4.0.423 → 4.0.424

package/dist/esm/client.mjs

@@ -320,7 +320,8 @@ var apiKeyOption = {
   },
   setConfig: (value) => {
     currentApiKey = value;
-  }
+  },
+  id: cliFlag
 };
 
 // src/options/ask-ai.tsx
@@ -351,7 +352,8 @@ var askAIOption = {
   },
   setConfig(value) {
     askAIEnabled = value;
-  }
+  },
+  id: cliFlag2
 };
 
 // src/options/audio-bitrate.tsx
@@ -406,7 +408,8 @@ var audioBitrateOption = {
   },
   setConfig: (value) => {
     audioBitrate = value;
-  }
+  },
+  id: cliFlag3
 };
 
 // src/options/separate-audio.tsx
@@ -433,7 +436,8 @@ var separateAudioOption = {
     throw new Error("Not implemented");
   },
   ssrName: "separateAudioTo",
-  type: "string"
+  type: "string",
+  id: cliFlag4
 };
 
 // src/options/audio-codec.tsx
@@ -595,7 +599,8 @@ var audioCodecOption = {
   docLink: "https://www.remotion.dev/docs/encoding/#audio-codec",
   name: "Audio Codec",
   ssrName,
-  type: "aac"
+  type: "aac",
+  id: cliFlag5
 };
 
 // src/options/beep-on-finish.tsx
@@ -631,7 +636,8 @@ var beepOnFinishOption = {
   },
   setConfig(value) {
     beepOnFinish = value;
-  }
+  },
+  id: cliFlag6
 };
 
 // src/options/binaries-directory.tsx
@@ -689,7 +695,8 @@ var binariesDirectoryOption = {
   },
   setConfig: (value) => {
     currentDirectory = value;
-  }
+  },
+  id: cliFlag7
 };
 
 // src/options/chrome-mode.tsx
@@ -759,13 +766,14 @@ var chromeModeOption = {
   setConfig: (newChromeMode) => {
     configSelection = newChromeMode;
   },
-  type: "headless-shell"
+  type: "headless-shell",
+  id: cliFlag8
 };
 
 // src/options/color-space.tsx
 import { NoReactInternals } from "remotion/no-react";
 import { jsx as jsx7, jsxs as jsxs5, Fragment as Fragment7 } from "react/jsx-runtime";
-var validV4ColorSpaces = ["default", "bt709", "bt2020-ncl"];
+var validV4ColorSpaces = ["default", "bt601", "bt709", "bt2020-ncl"];
 var validV5ColorSpaces = ["bt601", "bt709", "bt2020-ncl"];
 var validColorSpaces = NoReactInternals.ENABLE_V5_BREAKING_CHANGES ? validV5ColorSpaces : validV4ColorSpaces;
 var DEFAULT_COLOR_SPACE = NoReactInternals.ENABLE_V5_BREAKING_CHANGES ? "bt709" : "default";
@@ -796,6 +804,25 @@ var colorSpaceOption = {
         ]
       }) : /* @__PURE__ */ jsxs5(Fragment7, {
         children: [
+          /* @__PURE__ */ jsxs5("code", {
+            children: [
+              '"',
+              "bt601",
+              '"'
+            ]
+          }),
+          " ",
+          "(same as",
+          " ",
+          /* @__PURE__ */ jsxs5("code", {
+            children: [
+              '"',
+              "default",
+              '"'
+            ]
+          }),
+          ", since v4.0.424),",
+          " ",
           /* @__PURE__ */ jsxs5("code", {
             children: [
               '"',
@@ -866,7 +893,8 @@ var colorSpaceOption = {
   },
   setConfig: (value) => {
     colorSpace = value ?? DEFAULT_COLOR_SPACE;
-  }
+  },
+  id: cliFlag9
 };
 
 // src/options/crf.tsx
@@ -909,7 +937,8 @@ var crfOption = {
   setConfig: (crf) => {
     validateCrf(crf);
     currentCrf = crf;
-  }
+  },
+  id: cliFlag10
 };
 
 // src/options/cross-site-isolation.tsx
@@ -946,7 +975,8 @@ var enableCrossSiteIsolationOption = {
   },
   setConfig(value) {
     enableCrossSiteIsolation = value;
-  }
+  },
+  id: cliFlag11
 };
 
 // src/options/dark-mode.tsx
@@ -990,7 +1020,8 @@ var darkModeOption = {
   },
   setConfig: (value) => {
     darkMode = value;
-  }
+  },
+  id: cliFlag12
 };
 
 // src/options/delete-after.tsx
@@ -1055,7 +1086,8 @@ var deleteAfterOption = {
   },
   setConfig: (value) => {
     deleteAfter = value;
-  }
+  },
+  id: cliFlag13
 };
 
 // src/options/disable-git-source.tsx
@@ -1082,7 +1114,8 @@ var disableGitSourceOption = {
     throw new Error("Not implemented");
   },
   ssrName: "disableGitSource",
-  type: false
+  type: false,
+  id: cliFlag14
 };
 
 // src/options/disallow-parallel-encoding.tsx
@@ -1118,7 +1151,8 @@ var disallowParallelEncodingOption = {
   },
   setConfig(value) {
     disallowParallelEncoding = value;
-  }
+  },
+  id: cliFlag15
 };
 
 // src/options/enable-lambda-insights.tsx
@@ -1162,7 +1196,8 @@ var enableLambdaInsights = {
       value: false,
       source: "default"
     };
-  }
+  },
+  id: cliFlag16
 };
 
 // src/options/enable-multiprocess-on-linux.tsx
@@ -1223,7 +1258,8 @@ var enableMultiprocessOnLinuxOption = {
   },
   setConfig: (value) => {
     multiProcessOnLinux = value;
-  }
+  },
+  id: cliFlag17
 };
 
 // src/options/encoding-buffer-size.tsx
@@ -1266,7 +1302,8 @@ var encodingBufferSizeOption = {
       source: "default"
     };
   },
-  setConfig: setEncodingBufferSize
+  setConfig: setEncodingBufferSize,
+  id: cliFlag18
 };
 
 // src/options/encoding-max-rate.tsx
@@ -1308,7 +1345,8 @@ var encodingMaxRateOption = {
   },
   setConfig: (newMaxRate) => {
     encodingMaxRate = newMaxRate;
-  }
+  },
+  id: cliFlag19
 };
 
 // src/options/enforce-audio.tsx
@@ -1345,7 +1383,8 @@ var enforceAudioOption = {
   },
   setConfig: (value) => {
     enforceAudioTrackState = value;
-  }
+  },
+  id: cliFlag20
 };
 
 // src/options/experimental-client-side-rendering.tsx
@@ -1376,7 +1415,8 @@ var experimentalClientSideRenderingOption = {
   },
   setConfig(value) {
     experimentalClientSideRenderingEnabled = value;
-  }
+  },
+  id: cliFlag21
 };
 
 // src/options/folder-expiry.tsx
@@ -1426,7 +1466,8 @@ var folderExpiryOption = {
   },
   setConfig: (value) => {
     enableFolderExpiry = value;
-  }
+  },
+  id: cliFlag22
 };
 
 // src/options/for-seamless-aac-concatenation.tsx
@@ -1468,7 +1509,8 @@ var forSeamlessAacConcatenationOption = {
     forSeamlessAacConcatenation = value;
   },
   ssrName: "forSeamlessAacConcatenation",
-  type: false
+  type: false,
+  id: cliFlag23
 };
 
 // src/options/force-new-studio.tsx
@@ -1498,7 +1540,8 @@ var forceNewStudioOption = {
   },
   setConfig(value) {
     forceNewEnabled = value;
-  }
+  },
+  id: cliFlag24
 };
 
 // src/options/gl.tsx
@@ -1654,7 +1697,8 @@ var glOption = {
   setConfig: (value) => {
     validateOpenGlRenderer(value);
     openGlRenderer = value;
-  }
+  },
+  id: cliFlag25
 };
 var validateOpenGlRenderer = (option2) => {
   if (option2 === null) {
@@ -1714,7 +1758,8 @@ var hardwareAccelerationOption = {
       throw new Error(`Invalid value for --${cliFlag26}: ${value}`);
     }
     currentValue = value;
-  }
+  },
+  id: cliFlag26
 };
 
 // src/options/headless.tsx
@@ -1762,7 +1807,8 @@ var headlessOption = {
   },
   setConfig: (value) => {
     headlessMode = value;
-  }
+  },
+  id: cliFlag27
 };
 
 // src/options/image-sequence-pattern.tsx
@@ -1802,7 +1848,8 @@ var imageSequencePatternOption = {
   },
   setConfig: (pattern) => {
     currentImageSequencePattern = pattern;
-  }
+  },
+  id: cliFlag28
 };
 
 // src/options/ipv4.tsx
@@ -1832,7 +1879,8 @@ var ipv4Option = {
   },
   setConfig(value) {
     forceIPv4 = value;
-  }
+  },
+  id: cliFlag29
 };
 
 // src/options/is-production.tsx
@@ -1879,7 +1927,8 @@ var isProductionOption = {
   setConfig: (value) => {
     currentIsProductionKey = value;
   },
-  type: false
+  type: false,
+  id: cliFlag30
 };
 
 // src/options/jpeg-quality.tsx
@@ -1923,7 +1972,8 @@ var jpegQualityOption = {
       source: "default",
       value: defaultValue
     };
-  }
+  },
+  id: cliFlag31
 };
 
 // src/options/keyboard-shortcuts.tsx
@@ -1954,7 +2004,8 @@ var keyboardShortcutsOption = {
   },
   setConfig(value) {
     keyboardShortcutsEnabled = value;
-  }
+  },
+  id: cliFlag32
 };
 
 // src/options/latency-hint.tsx
@@ -2009,7 +2060,8 @@ var audioLatencyHintOption = {
   },
   setConfig: (profile) => {
     value = profile;
-  }
+  },
+  id: cliFlag33
 };
 
 // src/options/license-key.tsx
@@ -2046,7 +2098,8 @@ var licenseKeyOption = {
   },
   setConfig: (value2) => {
     currentLicenseKey = value2;
-  }
+  },
+  id: cliFlag34
 };
 
 // src/options/log-level.tsx
@@ -2108,7 +2161,8 @@ var logLevelOption = {
   setConfig: (newLogLevel) => {
     logLevel = newLogLevel;
   },
-  type: "error"
+  type: "error",
+  id: cliFlag35
 };
 
 // src/options/metadata.tsx
@@ -2181,7 +2235,8 @@ var metadataOption = {
   setConfig: (newMetadata) => {
     metadata = newMetadata;
   },
-  ssrName: "metadata"
+  ssrName: "metadata",
+  id: cliFlag36
 };
 
 // src/options/mute.tsx
@@ -2218,7 +2273,8 @@ var mutedOption = {
   },
   setConfig: () => {
     mutedState = true;
-  }
+  },
+  id: cliFlag37
 };
 
 // src/options/number-of-gif-loops.tsx
@@ -2301,7 +2357,8 @@ var numberOfGifLoopsOption = {
   setConfig: (newLoop) => {
     validate(newLoop);
     currentLoop = newLoop;
-  }
+  },
+  id: cliFlag38
 };
 
 // src/options/number-of-shared-audio-tags.tsx
@@ -2340,7 +2397,8 @@ var numberOfSharedAudioTagsOption = {
   },
   setConfig(value2) {
     numberOfSharedAudioTags = value2;
-  }
+  },
+  id: cliFlag39
 };
 
 // src/options/offthreadvideo-cache-size.tsx
@@ -2400,7 +2458,8 @@ var offthreadVideoCacheSizeInBytesOption = {
   },
   setConfig: (size) => {
     offthreadVideoCacheSizeInBytes = size ?? null;
-  }
+  },
+  id: cliFlag40
 };
 
 // src/options/offthreadvideo-threads.tsx
@@ -2449,7 +2508,8 @@ var offthreadVideoThreadsOption = {
   },
   setConfig: (size) => {
     value2 = size ?? null;
-  }
+  },
+  id: cliFlag41
 };
 var DEFAULT_RENDER_FRAMES_OFFTHREAD_VIDEO_THREADS = 2;
 
@@ -2477,7 +2537,8 @@ var onBrowserDownloadOption = {
   },
   setConfig: () => {
     throw new Error("does not support config file");
-  }
+  },
+  id: cliFlag42
 };
 
 // src/options/overwrite.tsx
@@ -2530,7 +2591,8 @@ var overwriteOption = {
   setConfig: (value3) => {
     validate2(value3);
     shouldOverwrite = value3;
-  }
+  },
+  id: cliFlag43
 };
 
 // src/options/prefer-lossless.tsx
@@ -2568,7 +2630,8 @@ var preferLosslessAudioOption = {
   },
   setConfig: (val) => {
     input = val;
-  }
+  },
+  id: cliFlag44
 };
 
 // src/options/public-dir.tsx
@@ -2616,7 +2679,8 @@ var publicDirOption = {
   setConfig: (value3) => {
     currentPublicDir = value3;
   },
-  type: ""
+  type: "",
+  id: cliFlag45
 };
 
 // src/options/public-license-key.tsx
@@ -2662,7 +2726,8 @@ var publicLicenseKeyOption = {
     }
     currentPublicLicenseKey = value3;
   },
-  type: null
+  type: null,
+  id: cliFlag46
 };
 
 // src/options/public-path.tsx
@@ -2714,7 +2779,8 @@ var publicPathOption = {
   setConfig: (value3) => {
     currentPublicPath = value3;
   },
-  type: ""
+  type: "",
+  id: cliFlag47
 };
 
 // src/options/repro.tsx
@@ -2751,7 +2817,8 @@ var reproOption = {
       source: "default"
     };
   },
-  setConfig: setRepro
+  setConfig: setRepro,
+  id: cliFlag48
 };
 
 // src/options/scale.tsx
@@ -2804,21 +2871,83 @@ var scaleOption = {
   },
   setConfig: (scale) => {
     currentScale = scale;
-  }
+  },
+  id: cliFlag49
+};
+
+// src/options/still-image-format.tsx
+import { jsx as jsx46, jsxs as jsxs34, Fragment as Fragment46 } from "react/jsx-runtime";
+var currentStillImageFormat = null;
+var cliFlag50 = "image-format";
+var stillImageFormatOption = {
+  name: "Still Image Format",
+  cliFlag: cliFlag50,
+  description: () => /* @__PURE__ */ jsxs34(Fragment46, {
+    children: [
+      "The image format to use when rendering a still. Must be one of",
+      " ",
+      validStillImageFormats.map((f) => `"${f}"`).join(", "),
+      ". Default:",
+      " ",
+      /* @__PURE__ */ jsx46("code", {
+        children: '"png"'
+      }),
+      "."
+    ]
+  }),
+  ssrName: "imageFormat",
+  docLink: "https://www.remotion.dev/docs/renderer/render-still#imageformat",
+  type: null,
+  getValue: ({ commandLine }) => {
+    if (commandLine[cliFlag50] !== undefined) {
+      const value3 = commandLine[cliFlag50];
+      if (!validStillImageFormats.includes(value3)) {
+        throw new Error(`Invalid still image format: ${value3}. Must be one of: ${validStillImageFormats.join(", ")}`);
+      }
+      return {
+        source: "cli",
+        value: value3
+      };
+    }
+    if (currentStillImageFormat !== null) {
+      return {
+        source: "config",
+        value: currentStillImageFormat
+      };
+    }
+    return {
+      source: "default",
+      value: null
+    };
+  },
+  setConfig: (value3) => {
+    if (value3 === null) {
+      currentStillImageFormat = null;
+      return;
+    }
+    if (!validStillImageFormats.includes(value3)) {
+      throw new TypeError([
+        `Value ${value3} is not valid as a still image format.`,
+        value3 === "jpg" ? 'Did you mean "jpeg"?' : null
+      ].filter(Boolean).join(" "));
+    }
+    currentStillImageFormat = value3;
+  },
+  id: "still-image-format"
 };
 
 // src/options/throw-if-site-exists.tsx
 var DEFAULT5 = false;
-var cliFlag50 = "throw-if-site-exists";
+var cliFlag51 = "throw-if-site-exists";
 var throwIfSiteExistsOption = {
-  cliFlag: cliFlag50,
+  cliFlag: cliFlag51,
   description: () => `Prevents accidential update of an existing site. If there are any files in the subfolder where the site should be placed, the function will throw.`,
   docLink: "https://remotion.dev/docs/lambda/deploy-site",
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag50]) {
+    if (commandLine[cliFlag51]) {
       return {
         source: "cli",
-        value: commandLine[cliFlag50]
+        value: commandLine[cliFlag51]
       };
     }
     return {
@@ -2831,41 +2960,42 @@ var throwIfSiteExistsOption = {
     throw new Error("Not implemented");
   },
   ssrName: "throwIfSiteExists",
-  type: false
+  type: false,
+  id: cliFlag51
 };
 
 // src/options/timeout.tsx
-import { jsx as jsx46, jsxs as jsxs34, Fragment as Fragment46 } from "react/jsx-runtime";
+import { jsx as jsx47, jsxs as jsxs35, Fragment as Fragment47 } from "react/jsx-runtime";
 var currentTimeout = DEFAULT_TIMEOUT;
 var validate3 = (value3) => {
   if (typeof value3 !== "number") {
     throw new Error("--timeout flag / setDelayRenderTimeoutInMilliseconds() must be a number, but got " + JSON.stringify(value3));
   }
 };
-var cliFlag51 = "timeout";
+var cliFlag52 = "timeout";
 var delayRenderTimeoutInMillisecondsOption = {
   name: "delayRender() timeout",
-  cliFlag: cliFlag51,
-  description: () => /* @__PURE__ */ jsxs34(Fragment46, {
+  cliFlag: cliFlag52,
+  description: () => /* @__PURE__ */ jsxs35(Fragment47, {
     children: [
       "A number describing how long the render may take to resolve all",
       " ",
-      /* @__PURE__ */ jsx46("a", {
+      /* @__PURE__ */ jsx47("a", {
         href: "https://remotion.dev/docs/delay-render",
-        children: /* @__PURE__ */ jsx46("code", {
+        children: /* @__PURE__ */ jsx47("code", {
           children: "delayRender()"
         })
       }),
       " ",
       "calls",
       " ",
-      /* @__PURE__ */ jsx46("a", {
+      /* @__PURE__ */ jsx47("a", {
         style: { fontSize: "inherit" },
         href: "https://remotion.dev/docs/timeout",
         children: "before it times out"
       }),
       ". Default: ",
-      /* @__PURE__ */ jsx46("code", {
+      /* @__PURE__ */ jsx47("code", {
         children: "30000"
       })
     ]
@@ -2874,10 +3004,10 @@ var delayRenderTimeoutInMillisecondsOption = {
   docLink: "https://www.remotion.dev/docs/timeout",
   type: 0,
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag51] !== undefined) {
+    if (commandLine[cliFlag52] !== undefined) {
       return {
         source: "cli",
-        value: commandLine[cliFlag51]
+        value: commandLine[cliFlag52]
       };
     }
     if (currentTimeout !== null) {
@@ -2895,30 +3025,31 @@ var delayRenderTimeoutInMillisecondsOption = {
   setConfig: (value3) => {
     validate3(value3);
     currentTimeout = value3;
-  }
+  },
+  id: cliFlag52
 };
 
 // src/options/video-bitrate.tsx
-import { jsx as jsx47, jsxs as jsxs35, Fragment as Fragment47 } from "react/jsx-runtime";
+import { jsx as jsx48, jsxs as jsxs36, Fragment as Fragment48 } from "react/jsx-runtime";
 var videoBitrate = null;
-var cliFlag52 = "video-bitrate";
+var cliFlag53 = "video-bitrate";
 var videoBitrateOption = {
   name: "Video Bitrate",
-  cliFlag: cliFlag52,
-  description: () => /* @__PURE__ */ jsxs35(Fragment47, {
+  cliFlag: cliFlag53,
+  description: () => /* @__PURE__ */ jsxs36(Fragment48, {
     children: [
       "Specify the target bitrate for the generated video. The syntax for FFmpeg",
       "'",
       "s",
-      /* @__PURE__ */ jsx47("code", {
+      /* @__PURE__ */ jsx48("code", {
         children: "-b:v"
       }),
       " parameter should be used. FFmpeg may encode the video in a way that will not result in the exact video bitrate specified. Example values: ",
-      /* @__PURE__ */ jsx47("code", {
+      /* @__PURE__ */ jsx48("code", {
         children: "512K"
       }),
       " for 512 kbps, ",
-      /* @__PURE__ */ jsx47("code", {
+      /* @__PURE__ */ jsx48("code", {
         children: "1M"
       }),
       " for 1 Mbps."
@@ -2928,10 +3059,10 @@ var videoBitrateOption = {
   docLink: "https://www.remotion.dev/docs/renderer/render-media#videobitrate",
   type: "",
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag52] !== undefined) {
+    if (commandLine[cliFlag53] !== undefined) {
       return {
         source: "cli",
-        value: commandLine[cliFlag52]
+        value: commandLine[cliFlag53]
       };
     }
     if (videoBitrate !== null) {
@@ -2947,33 +3078,34 @@ var videoBitrateOption = {
   },
   setConfig: (bitrate) => {
     videoBitrate = bitrate;
-  }
+  },
+  id: cliFlag53
 };
 
 // src/options/video-cache-size.tsx
-import { jsx as jsx48, jsxs as jsxs36, Fragment as Fragment48 } from "react/jsx-runtime";
+import { jsx as jsx49, jsxs as jsxs37, Fragment as Fragment49 } from "react/jsx-runtime";
 var mediaCacheSizeInBytes = null;
-var cliFlag53 = "media-cache-size-in-bytes";
+var cliFlag54 = "media-cache-size-in-bytes";
 var mediaCacheSizeInBytesOption = {
   name: "@remotion/media cache size",
-  cliFlag: cliFlag53,
-  description: () => /* @__PURE__ */ jsxs36(Fragment48, {
+  cliFlag: cliFlag54,
+  description: () => /* @__PURE__ */ jsxs37(Fragment49, {
     children: [
       "Specify the maximum size of the cache that ",
-      /* @__PURE__ */ jsx48("code", {
+      /* @__PURE__ */ jsx49("code", {
         children: "<Video>"
       }),
       " and",
       " ",
-      /* @__PURE__ */ jsx48("code", {
+      /* @__PURE__ */ jsx49("code", {
         children: "<Audio>"
       }),
       " from ",
-      /* @__PURE__ */ jsx48("code", {
+      /* @__PURE__ */ jsx49("code", {
         children: "@remotion/media"
       }),
       " may use combined, in bytes. ",
-      /* @__PURE__ */ jsx48("br", {}),
+      /* @__PURE__ */ jsx49("br", {}),
       "The default is half of the available system memory when the render starts."
     ]
   }),
@@ -2981,10 +3113,10 @@ var mediaCacheSizeInBytesOption = {
   docLink: "https://www.remotion.dev/docs/media/video#setting-the-cache-size",
   type: 0,
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag53] !== undefined) {
+    if (commandLine[cliFlag54] !== undefined) {
       return {
         source: "cli",
-        value: commandLine[cliFlag53]
+        value: commandLine[cliFlag54]
       };
     }
     if (mediaCacheSizeInBytes !== null) {
@@ -3000,7 +3132,8 @@ var mediaCacheSizeInBytesOption = {
   },
   setConfig: (size) => {
     mediaCacheSizeInBytes = size ?? null;
-  }
+  },
+  id: cliFlag54
 };
 
 // src/path-normalize.ts
@@ -3119,7 +3252,7 @@ var getExtensionOfFilename = (filename) => {
 };
 
 // src/options/video-codec.tsx
-import { jsx as jsx49, Fragment as Fragment49 } from "react/jsx-runtime";
+import { jsx as jsx50, Fragment as Fragment50 } from "react/jsx-runtime";
 var codec;
 var setCodec = (newCodec) => {
   if (newCodec === undefined) {
@@ -3143,11 +3276,11 @@ var deriveCodecsFromFilename = (extension) => {
     possible: makeFileExtensionMap()[extension] ?? []
   };
 };
-var cliFlag54 = "codec";
+var cliFlag55 = "codec";
 var videoCodecOption = {
   name: "Codec",
-  cliFlag: cliFlag54,
-  description: () => /* @__PURE__ */ jsx49(Fragment49, {
+  cliFlag: cliFlag55,
+  description: () => /* @__PURE__ */ jsx50(Fragment50, {
     children: "H264 works well in most cases, but sometimes it's worth going for a different codec. WebM achieves higher compression but is slower to render. WebM, GIF and ProRes support transparency."
   }),
   ssrName: "codec",
@@ -3170,7 +3303,7 @@ var videoCodecOption = {
     if (derivedDownloadCodecs.possible.length > 0 && derivedOutNameCodecs.possible.length > 0 && derivedDownloadCodecs.possible.join("") !== derivedOutNameCodecs.possible.join("")) {
       throw new TypeError(`The download name is ${downloadName} but the output name is ${outName}. The file extensions must match`);
     }
-    const cliArgument = commandLine[cliFlag54];
+    const cliArgument = commandLine[cliFlag55];
     if (cliArgument) {
       if (derivedDownloadCodecs.possible.length > 0 && derivedDownloadCodecs.possible.indexOf(cliArgument) === -1) {
         throw new TypeError(`The download name is ${downloadName} but --codec=${cliArgument} was passed. The download name implies a codec of ${derivedDownloadCodecs.possible.join(" or ")} which does not align with the --codec flag.`);
@@ -3215,16 +3348,78 @@ var videoCodecOption = {
     }
     return { value: DEFAULT_CODEC, source: "default" };
   },
-  setConfig: setCodec
+  setConfig: setCodec,
+  id: cliFlag55
+};
+
+// src/options/video-image-format.tsx
+import { jsx as jsx51, jsxs as jsxs38, Fragment as Fragment51 } from "react/jsx-runtime";
+var currentVideoImageFormat = null;
+var cliFlag56 = "image-format";
+var videoImageFormatOption = {
+  name: "Video Image Format",
+  cliFlag: cliFlag56,
+  description: () => /* @__PURE__ */ jsxs38(Fragment51, {
+    children: [
+      "The image format to use when rendering frames for a video. Must be one of",
+      " ",
+      validVideoImageFormats.map((f) => `"${f}"`).join(", "),
+      ". Default:",
+      " ",
+      /* @__PURE__ */ jsx51("code", {
+        children: '"jpeg"'
+      }),
+      ". JPEG is faster, but does not support transparency."
+    ]
+  }),
+  ssrName: "imageFormat",
+  docLink: "https://www.remotion.dev/docs/renderer/render-media#imageformat",
+  type: null,
+  getValue: ({ commandLine }) => {
+    if (commandLine[cliFlag56] !== undefined) {
+      const value3 = commandLine[cliFlag56];
+      if (!validVideoImageFormats.includes(value3)) {
+        throw new Error(`Invalid video image format: ${value3}. Must be one of: ${validVideoImageFormats.join(", ")}`);
+      }
+      return {
+        source: "cli",
+        value: value3
+      };
+    }
+    if (currentVideoImageFormat !== null) {
+      return {
+        source: "config",
+        value: currentVideoImageFormat
+      };
+    }
+    return {
+      source: "default",
+      value: null
+    };
+  },
+  setConfig: (value3) => {
+    if (value3 === null) {
+      currentVideoImageFormat = null;
+      return;
+    }
+    if (!validVideoImageFormats.includes(value3)) {
+      throw new TypeError([
+        `Value ${value3} is not valid as a video image format.`,
+        value3 === "jpg" ? 'Did you mean "jpeg"?' : null
+      ].filter(Boolean).join(" "));
+    }
+    currentVideoImageFormat = value3;
+  },
+  id: "video-image-format"
 };
 
 // src/options/webhook-custom-data.tsx
-import { jsxs as jsxs37, Fragment as Fragment50 } from "react/jsx-runtime";
-var cliFlag55 = "webhook-custom-data";
+import { jsxs as jsxs39, Fragment as Fragment52 } from "react/jsx-runtime";
+var cliFlag57 = "webhook-custom-data";
 var webhookCustomDataOption = {
   name: "Webhook custom data",
-  cliFlag: cliFlag55,
-  description: (type) => /* @__PURE__ */ jsxs37(Fragment50, {
+  cliFlag: cliFlag57,
+  description: (type) => /* @__PURE__ */ jsxs39(Fragment52, {
     children: [
       "Pass up to 1,024 bytes of a JSON-serializable object to the webhook. This data will be included in the webhook payload.",
       " ",
@@ -3239,11 +3434,12 @@ var webhookCustomDataOption = {
   },
   setConfig: () => {
     throw new Error("Not implemented");
-  }
+  },
+  id: cliFlag57
 };
 
 // src/options/x264-preset.tsx
-import { jsx as jsx50, jsxs as jsxs38, Fragment as Fragment51 } from "react/jsx-runtime";
+import { jsx as jsx52, jsxs as jsxs40, Fragment as Fragment53 } from "react/jsx-runtime";
 var x264PresetOptions = [
   "ultrafast",
   "superfast",
@@ -3257,63 +3453,63 @@ var x264PresetOptions = [
   "placebo"
 ];
 var preset = null;
-var cliFlag56 = "x264-preset";
+var cliFlag58 = "x264-preset";
 var DEFAULT_PRESET = "medium";
 var x264Option = {
   name: "x264 Preset",
-  cliFlag: cliFlag56,
-  description: () => /* @__PURE__ */ jsxs38(Fragment51, {
+  cliFlag: cliFlag58,
+  description: () => /* @__PURE__ */ jsxs40(Fragment53, {
     children: [
       "Sets a x264 preset profile. Only applies to videos rendered with",
       " ",
-      /* @__PURE__ */ jsx50("code", {
+      /* @__PURE__ */ jsx52("code", {
         children: "h264"
       }),
       " codec.",
-      /* @__PURE__ */ jsx50("br", {}),
+      /* @__PURE__ */ jsx52("br", {}),
       "Possible values: ",
-      /* @__PURE__ */ jsx50("code", {
+      /* @__PURE__ */ jsx52("code", {
         children: "superfast"
       }),
       ", ",
-      /* @__PURE__ */ jsx50("code", {
+      /* @__PURE__ */ jsx52("code", {
         children: "veryfast"
       }),
       ",",
       " ",
-      /* @__PURE__ */ jsx50("code", {
+      /* @__PURE__ */ jsx52("code", {
         children: "faster"
       }),
       ", ",
-      /* @__PURE__ */ jsx50("code", {
+      /* @__PURE__ */ jsx52("code", {
         children: "fast"
       }),
       ", ",
-      /* @__PURE__ */ jsx50("code", {
+      /* @__PURE__ */ jsx52("code", {
         children: "medium"
       }),
       ",",
       " ",
-      /* @__PURE__ */ jsx50("code", {
+      /* @__PURE__ */ jsx52("code", {
         children: "slow"
       }),
       ", ",
-      /* @__PURE__ */ jsx50("code", {
+      /* @__PURE__ */ jsx52("code", {
         children: "slower"
       }),
       ", ",
-      /* @__PURE__ */ jsx50("code", {
+      /* @__PURE__ */ jsx52("code", {
         children: "veryslow"
       }),
       ",",
       " ",
-      /* @__PURE__ */ jsx50("code", {
+      /* @__PURE__ */ jsx52("code", {
         children: "placebo"
       }),
       ".",
-      /* @__PURE__ */ jsx50("br", {}),
+      /* @__PURE__ */ jsx52("br", {}),
       "Default: ",
-      /* @__PURE__ */ jsx50("code", {
+      /* @__PURE__ */ jsx52("code", {
         children: DEFAULT_PRESET
       })
     ]
@@ -3322,7 +3518,7 @@ var x264Option = {
   docLink: "https://www.remotion.dev/docs/renderer/render-media",
   type: "fast",
   getValue: ({ commandLine }) => {
-    const value3 = commandLine[cliFlag56];
+    const value3 = commandLine[cliFlag58];
     if (typeof value3 !== "undefined") {
       return { value: value3, source: "cli" };
     }
@@ -3333,7 +3529,8 @@ var x264Option = {
   },
   setConfig: (profile) => {
     preset = profile;
-  }
+  },
+  id: cliFlag58
 };
 
 // src/options/index.tsx
@@ -3393,7 +3590,9 @@ var allOptions = {
   keyboardShortcutsOption,
   forceNewStudioOption,
   numberOfSharedAudioTagsOption,
-  ipv4Option
+  ipv4Option,
+  stillImageFormatOption,
+  videoImageFormatOption
 };
 
 // src/options/options-map.ts