diff --git a/packages/app/src/components/workspace-setting/general/general.tsx b/packages/app/src/components/workspace-setting/general/general.tsx
index c81578a793..d5615a1656 100644
--- a/packages/app/src/components/workspace-setting/general/general.tsx
+++ b/packages/app/src/components/workspace-setting/general/general.tsx
@@ -77,9 +77,8 @@ export const GeneralPage = ({
   const fileChange = async (file: File) => {
     const blob = new Blob([file], { type: file.type });
     const blobId = await uploadBlob({ blob });
-    const newAvatar = `/api/blob/${blobId}`;
-    currentWorkspace?.meta.setAvatar(newAvatar);
-    workspaces[workspace.id]?.meta.setAvatar(newAvatar);
+    currentWorkspace?.meta.setAvatar(blobId);
+    workspaces[workspace.id]?.meta.setAvatar(blobId);
     debouncedRefreshWorkspacesMeta();
   };
 
@@ -89,7 +88,11 @@ export const GeneralPage = ({
       <StyledSettingAvatarContent>
         <StyledSettingAvatar
           alt="workspace avatar"
-          src={workspaces[workspace.id]?.meta.avatar || ''}
+          src={
+            workspaces[workspace.id]?.meta.avatar
+              ? 'api/blob/' + workspaces[workspace.id]?.meta.avatar
+              : ''
+          }
         >
           {workspaces[workspace.id]?.meta.name[0]}
         </StyledSettingAvatar>
diff --git a/packages/app/src/components/workspace-slider-bar/WorkspaceSelector/SelectorPopperContent.tsx b/packages/app/src/components/workspace-slider-bar/WorkspaceSelector/SelectorPopperContent.tsx
index f9d31d64ef..87c44070a6 100644
--- a/packages/app/src/components/workspace-slider-bar/WorkspaceSelector/SelectorPopperContent.tsx
+++ b/packages/app/src/components/workspace-slider-bar/WorkspaceSelector/SelectorPopperContent.tsx
@@ -108,7 +108,11 @@ export const SelectorPopperContent = ({
               type={workspace.type}
               key={workspace.id}
               id={workspace.id}
-              icon={workspaces[workspace.id]?.meta.avatar || ''}
+              icon={
+                workspaces[workspace.id]?.meta.avatar
+                  ? 'api/blob/' + workspaces[workspace.id]?.meta.avatar
+                  : ''
+              }
               onClick={handleClickSettingWorkspace}
               name={
                 workspaces[workspace.id]?.meta.name ||
diff --git a/packages/app/src/components/workspace-slider-bar/WorkspaceSelector/WorkspaceItem/CreateWorkspaceItem/workspace-create/workspace-create.tsx b/packages/app/src/components/workspace-slider-bar/WorkspaceSelector/WorkspaceItem/CreateWorkspaceItem/workspace-create/workspace-create.tsx
index 73962f93c0..5801775246 100644
--- a/packages/app/src/components/workspace-slider-bar/WorkspaceSelector/WorkspaceItem/CreateWorkspaceItem/workspace-create/workspace-create.tsx
+++ b/packages/app/src/components/workspace-slider-bar/WorkspaceSelector/WorkspaceItem/CreateWorkspaceItem/workspace-create/workspace-create.tsx
@@ -66,7 +66,7 @@ export const WorkspaceCreate = ({ open, onClose }: WorkspaceCreateProps) => {
   const handleCreateWorkspace = async () => {
     setCanCreate(true);
     const blobId = await createDefaultHeadImg(workspaceName);
-    createWorkspace({ name: workspaceName, avatar: `/api/blob/${blobId}` })
+    createWorkspace({ name: workspaceName, avatar: blobId })
       .then(data => {
         // eslint-disable-next-line @typescript-eslint/ban-ts-comment
         // @ts-ignore
diff --git a/packages/app/src/components/workspace-slider-bar/WorkspaceSelector/WorkspaceSelector.tsx b/packages/app/src/components/workspace-slider-bar/WorkspaceSelector/WorkspaceSelector.tsx
index 3c7d6bc3be..e530d8753b 100644
--- a/packages/app/src/components/workspace-slider-bar/WorkspaceSelector/WorkspaceSelector.tsx
+++ b/packages/app/src/components/workspace-slider-bar/WorkspaceSelector/WorkspaceSelector.tsx
@@ -21,7 +21,14 @@ export const WorkspaceSelector = () => {
       onVisibleChange={setIsShow}
     >
       <SelectorWrapper data-testid="current-workspace">
-        <Avatar alt="Affine" src={currentWorkspace?.meta.avatar || ''}>
+        <Avatar
+          alt="Affine"
+          src={
+            currentWorkspace?.meta.avatar
+              ? `api/blob/${currentWorkspace?.meta.avatar}`
+              : ''
+          }
+        >
           <AffineIcon />
         </Avatar>
         <WorkspaceName>