diff --git a/client/src/pages/admin-products/ui/AdminProductsPage.tsx b/client/src/pages/admin-products/ui/AdminProductsPage.tsx
index b4310ba..dc00cfd 100644
--- a/client/src/pages/admin-products/ui/AdminProductsPage.tsx
+++ b/client/src/pages/admin-products/ui/AdminProductsPage.tsx
@@ -40,6 +40,7 @@ import { getErrorMessage } from '@/shared/lib/get-error-message'
 import { invalidateQueryKeys } from '@/shared/lib/invalidate-query-keys'
 import { useEditDialogState } from '@/shared/lib/use-edit-dialog-state'
 import { EntityRowActions } from '@/shared/ui/EntityRowActions'
+import { OptimizedImage } from '@/shared/ui/OptimizedImage'
 
 type FormState = {
   title: string
@@ -416,11 +417,12 @@ export function AdminProductsPage() {
                       }}
                       title={url}
                     >
-                      <Box
-                        component="img"
+                      <OptimizedImage
                         src={url}
                         alt="Фото товара"
-                        sx={{ width: '100%', height: '100%', objectFit: 'cover', display: 'block' }}
+                        widths={[80, 160]}
+                        sizes="80px"
+                        sx={{ width: '100%', height: '100%', objectFit: 'cover' }}
                       />
                       <Button
                         size="small"
@@ -533,12 +535,15 @@ export function AdminProductsPage() {
                     />
                   }
                   label={
-                    <Box
-                      component="img"
-                      src={item.url}
-                      alt=""
-                      sx={{ width: '100%', maxHeight: 100, objectFit: 'cover', borderRadius: 1, display: 'block' }}
-                    />
+                    <Box sx={{ width: '100%', maxHeight: 100, borderRadius: 1, overflow: 'hidden' }}>
+                      <OptimizedImage
+                        src={item.url}
+                        alt=""
+                        widths={[120, 240]}
+                        sizes="120px"
+                        sx={{ width: '100%', height: '100%', objectFit: 'cover' }}
+                      />
+                    </Box>
                   }
                 />
               )
diff --git a/client/src/pages/admin/ui/AdminPage.tsx b/client/src/pages/admin/ui/AdminPage.tsx
index 2a4d34c..d33e7a2 100644
--- a/client/src/pages/admin/ui/AdminPage.tsx
+++ b/client/src/pages/admin/ui/AdminPage.tsx
@@ -46,6 +46,7 @@ import { getErrorMessage } from '@/shared/lib/get-error-message'
 import { invalidateQueryKeys } from '@/shared/lib/invalidate-query-keys'
 import { useEditDialogState } from '@/shared/lib/use-edit-dialog-state'
 import { EntityRowActions } from '@/shared/ui/EntityRowActions'
+import { OptimizedImage } from '@/shared/ui/OptimizedImage'
 
 const UNSPECIFIED_CATEGORY_SLUG = 'ne-ukazano'
 
@@ -569,11 +570,12 @@ export function AdminPage() {
                       }}
                       title={url}
                     >
-                      <Box
-                        component="img"
+                      <OptimizedImage
                         src={url}
                         alt="Фото товара"
-                        sx={{ width: '100%', height: '100%', objectFit: 'cover', display: 'block' }}
+                        widths={[80, 160]}
+                        sizes="80px"
+                        sx={{ width: '100%', height: '100%', objectFit: 'cover' }}
                       />
                       <Button
                         size="small"
@@ -686,12 +688,15 @@ export function AdminPage() {
                     />
                   }
                   label={
-                    <Box
-                      component="img"
-                      src={item.url}
-                      alt=""
-                      sx={{ width: '100%', maxHeight: 100, objectFit: 'cover', borderRadius: 1, display: 'block' }}
-                    />
+                    <Box sx={{ width: '100%', maxHeight: 100, borderRadius: 1, overflow: 'hidden' }}>
+                      <OptimizedImage
+                        src={item.url}
+                        alt=""
+                        widths={[120, 240]}
+                        sizes="120px"
+                        sx={{ width: '100%', height: '100%', objectFit: 'cover' }}
+                      />
+                    </Box>
                   }
                 />
               )