@adstage/web-sdk 2.3.7 → 2.4.1

package/src/renderers/base-renderer.ts

@@ -108,24 +108,20 @@ export abstract class BaseAdRenderer implements AdRenderer {
   protected getImageStyles(slot?: AdSlot): Record<string, string> {
     const styles: Record<string, string> = {
       display: 'block',
+      'max-width': '100%',
+      height: 'auto',
       'object-position': 'center', // 🎯 이미지 항상 중앙 정렬
     };
     
-    // 사용자가 컨테이너 크기를 지정했는지 확인
+    // 사용자가 컨테이너 크기를 지정한 경우에만 크기 제한
     const parsedWidth = this.parseSizeValue(slot?.width);
     const parsedHeight = this.parseSizeValue(slot?.height);
-    const hasUserDefinedSize = parsedWidth || parsedHeight;
     
-    if (hasUserDefinedSize) {
-      // 🎯 사용자가 크기를 지정한 경우: 컨테이너에 꽉 차도록 설정
+    if (parsedWidth && parsedHeight) {
       styles.width = '100%';
       styles.height = '100%';
-      styles['object-fit'] = 'cover'; // 컨테이너에 꽉 찬 상태로 비율 유지
-      styles['object-position'] = 'center';
-    } else {
-      // 사용자가 크기를 지정하지 않은 경우: 원본 이미지 크기 유지
-      styles['max-width'] = '100%';
-      styles.height = 'auto';
+      styles['object-fit'] = 'cover';
+      styles['object-position'] = 'center'; // 🎯 크기 조정 시에도 중앙 정렬
     }
     
     return styles;