diff --git a/packages/common/infra/src/atom/settings.ts b/packages/common/infra/src/atom/settings.ts
index 8ff46461d..404cf443c 100644
--- a/packages/common/infra/src/atom/settings.ts
+++ b/packages/common/infra/src/atom/settings.ts
@@ -17,6 +17,7 @@ export type AppSetting = {
   autoDownloadUpdate: boolean;
   enableTelemetry: boolean;
   showLinkedDocInSidebar: boolean;
+  disableImageAntialiasing: boolean;
 };
 export const windowFrameStyleOptions: AppSetting['windowFrameStyle'][] = [
   'frameless',
@@ -35,6 +36,7 @@ const appSettingBaseAtom = atomWithStorage<AppSetting>(
     autoDownloadUpdate: true,
     enableTelemetry: true,
     showLinkedDocInSidebar: true,
+    disableImageAntialiasing: false,
   },
   undefined,
   {
diff --git a/packages/frontend/apps/electron-renderer/src/shell/app.tsx b/packages/frontend/apps/electron-renderer/src/shell/app.tsx
index 57f9da723..24eb8d07e 100644
--- a/packages/frontend/apps/electron-renderer/src/shell/app.tsx
+++ b/packages/frontend/apps/electron-renderer/src/shell/app.tsx
@@ -32,6 +32,7 @@ export function App() {
     BUILD_CONFIG.isElectron &&
     environment.isMacOs &&
     appSettings.enableBlurBackground;
+
   return (
     <FrameworkRoot framework={frameworkProvider}>
       <ThemeProvider>
diff --git a/packages/frontend/component/src/theme/global.css b/packages/frontend/component/src/theme/global.css
index 7a1f3155c..249e3ec88 100644
--- a/packages/frontend/component/src/theme/global.css
+++ b/packages/frontend/component/src/theme/global.css
@@ -322,3 +322,7 @@ math {
 .ai-block-diff-deleted .affine-block-component {
   margin: 0 !important;
 }
+
+html[data-image-antialiasing='off'] img {
+  image-rendering: pixelated;
+}
diff --git a/packages/frontend/core/src/components/context/index.tsx b/packages/frontend/core/src/components/context/index.tsx
index 2e9bec4ff..e4c64fe56 100644
--- a/packages/frontend/core/src/components/context/index.tsx
+++ b/packages/frontend/core/src/components/context/index.tsx
@@ -6,11 +6,14 @@ import { Provider } from 'jotai';
 import type { PropsWithChildren } from 'react';
 import { useMemo } from 'react';
 
+import { useImageAntialiasing } from '../hooks/use-image-antialiasing';
+
 export type AffineContextProps = PropsWithChildren<{
   store?: ReturnType<typeof createStore>;
 }>;
 
 export function AffineContext(props: AffineContextProps) {
+  useImageAntialiasing();
   return (
     <ProviderComposer
       contexts={useMemo(
diff --git a/packages/frontend/core/src/components/hooks/use-image-antialiasing.ts b/packages/frontend/core/src/components/hooks/use-image-antialiasing.ts
new file mode 100644
index 000000000..24b58968f
--- /dev/null
+++ b/packages/frontend/core/src/components/hooks/use-image-antialiasing.ts
@@ -0,0 +1,12 @@
+import { useEffect } from 'react';
+
+import { useAppSettingHelper } from './affine/use-app-setting-helper';
+
+export function useImageAntialiasing() {
+  const { appSettings } = useAppSettingHelper();
+
+  useEffect(() => {
+    document.documentElement.dataset.imageAntialiasing =
+      appSettings.disableImageAntialiasing ? 'off' : 'on';
+  }, [appSettings.disableImageAntialiasing]);
+}
diff --git a/packages/frontend/core/src/desktop/dialogs/setting/general-setting/appearance/index.tsx b/packages/frontend/core/src/desktop/dialogs/setting/general-setting/appearance/index.tsx
index d7575a540..c7016e01c 100644
--- a/packages/frontend/core/src/desktop/dialogs/setting/general-setting/appearance/index.tsx
+++ b/packages/frontend/core/src/desktop/dialogs/setting/general-setting/appearance/index.tsx
@@ -197,6 +197,23 @@ export const AppearanceSettings = () => {
         {enableThemeEditor ? <ThemeEditorSetting /> : null}
       </SettingWrapper>
 
+      <SettingWrapper title={t['com.affine.appearanceSettings.images.title']()}>
+        <SettingRow
+          name={t['com.affine.appearanceSettings.images.antialiasing.title']()}
+          desc={t[
+            'com.affine.appearanceSettings.images.antialiasing.description'
+          ]()}
+          data-testid="image-antialiasing-trigger"
+        >
+          <Switch
+            checked={!appSettings.disableImageAntialiasing}
+            onChange={checked =>
+              updateSettings('disableImageAntialiasing', !checked)
+            }
+          />
+        </SettingRow>
+      </SettingWrapper>
+
       {BUILD_CONFIG.isWeb && !environment.isMobile ? (
         <SettingWrapper title={t['com.affine.setting.appearance.links']()}>
           <SettingRow
diff --git a/packages/frontend/i18n/src/i18n-completenesses.json b/packages/frontend/i18n/src/i18n-completenesses.json
index b4cd1013b..57bb53864 100644
--- a/packages/frontend/i18n/src/i18n-completenesses.json
+++ b/packages/frontend/i18n/src/i18n-completenesses.json
@@ -1,12 +1,12 @@
 {
   "ar": 98,
-  "ca": 100,
+  "ca": 99,
   "da": 4,
   "de": 99,
   "el-GR": 98,
   "en": 100,
   "es-AR": 98,
-  "es-CL": 100,
+  "es-CL": 99,
   "es": 98,
   "fa": 98,
   "fr": 100,
@@ -19,9 +19,9 @@
   "pl": 100,
   "pt-BR": 98,
   "ru": 100,
-  "sv-SE": 99,
+  "sv-SE": 98,
   "uk": 98,
   "ur": 2,
   "zh-Hans": 100,
-  "zh-Hant": 99
+  "zh-Hant": 98
 }
diff --git a/packages/frontend/i18n/src/i18n.gen.ts b/packages/frontend/i18n/src/i18n.gen.ts
index f9fd1f65b..56c5a59b1 100644
--- a/packages/frontend/i18n/src/i18n.gen.ts
+++ b/packages/frontend/i18n/src/i18n.gen.ts
@@ -958,6 +958,18 @@ export function useAFFiNEI18N(): {
       * `Customize Theme`
       */
     ["com.affine.appearanceSettings.customize-theme.title"](): string;
+    /**
+      * `Images`
+      */
+    ["com.affine.appearanceSettings.images.title"](): string;
+    /**
+      * `Smooth image rendering`
+      */
+    ["com.affine.appearanceSettings.images.antialiasing.title"](): string;
+    /**
+      * `When disabled, images are rendered using nearest-neighbor scaling for crisp pixels.`
+      */
+    ["com.affine.appearanceSettings.images.antialiasing.description"](): string;
     /**
       * `Reset all`
       */
diff --git a/packages/frontend/i18n/src/resources/en.json b/packages/frontend/i18n/src/resources/en.json
index 4b4e8ed97..2e4ab4fad 100644
--- a/packages/frontend/i18n/src/resources/en.json
+++ b/packages/frontend/i18n/src/resources/en.json
@@ -228,6 +228,9 @@
   "com.affine.appearanceSettings.color.title": "Colour mode",
   "com.affine.appearanceSettings.customize-theme.description": "Edit all AFFiNE theme variables here",
   "com.affine.appearanceSettings.customize-theme.title": "Customize Theme",
+  "com.affine.appearanceSettings.images.title": "Images",
+  "com.affine.appearanceSettings.images.antialiasing.title": "Smooth image rendering",
+  "com.affine.appearanceSettings.images.antialiasing.description": "When disabled, images are rendered using nearest-neighbor scaling for crisp pixels.",
   "com.affine.appearanceSettings.customize-theme.reset": "Reset all",
   "com.affine.appearanceSettings.customize-theme.open": "Open Theme Editor",
   "com.affine.appearanceSettings.font.description": "Choose your font style",