diff --git a/packages/common/src/utils/getKeyName.ts b/packages/common/src/utils/getKeyName.ts
new file mode 100644
index 00000000..e43c43ef
--- /dev/null
+++ b/packages/common/src/utils/getKeyName.ts
@@ -0,0 +1,14 @@
+import path from "path";
+
+export const frameNumber = (index: number, endIndex: number) => {
+  let result = "" + index;
+  while (result.length < endIndex) {
+    result = "0" + result;
+  }
+  return result;
+};
+
+export const getKeyName = (index: number, fileName: string) => {
+  const frame = frameNumber(index, 2);
+  return `${path.basename(fileName, ".svg")}-${frame}.png`;
+};
\ No newline at end of file