diff --git a/src/components/auto-image/single-image.tsx b/src/components/auto-image/single-image.tsx
index 183e4526..4c0faef3 100644
--- a/src/components/auto-image/single-image.tsx
+++ b/src/components/auto-image/single-image.tsx
@@ -69,16 +69,16 @@ const SingleImage: React.FC<SingleImageProps> = (props) => {
   return (
     <div
       key={uid}
-      className={classNames('single-image', { 'auto-bg-color': false })}
+      className={classNames('single-image', { 'auto-bg-color': autoBgColor })}
     >
-      {/* {autoBgColor && (
+      {autoBgColor && (
         <div
           className="mask"
           style={{
             background: `url(${dataUrl}) center center / cover no-repeat`
           }}
         ></div>
-       */}
+      )}
       <span
         className="thumb-img"
         style={{
diff --git a/src/pages/playground/components/ground-images.tsx b/src/pages/playground/components/ground-images.tsx
index c55d2388..5bfb2ca8 100644
--- a/src/pages/playground/components/ground-images.tsx
+++ b/src/pages/playground/components/ground-images.tsx
@@ -466,7 +466,7 @@ const GroundImages: React.FC<MessageProps> = forwardRef((props, ref) => {
                   flexWrap: 'unset',
                   alignItems: 'center'
                 }}
-                autoBgColor={true}
+                autoBgColor={false}
                 editable={false}
                 dataList={imageList}
                 loading={loading}