diff --git a/ng6-seed/src/app/quality-check/qc-list/qc-view/qc-view.component.html b/ng6-seed/src/app/quality-check/qc-list/qc-view/qc-view.component.html
index cd761be90..1055950f4 100755
--- a/ng6-seed/src/app/quality-check/qc-list/qc-view/qc-view.component.html
+++ b/ng6-seed/src/app/quality-check/qc-list/qc-view/qc-view.component.html
@@ -176,6 +176,7 @@
                         <!-- <button *ngIf="currentPDStatus==pdStatusCheck.DRAFT" mat-raised-button  mat-icon-button class="mr-1 mb-1 hover-icon" type="button" matTooltip="Trigger" matTooltipPosition="above" (click)="directTriggerPD(mandatoryFieldsValidations,master)"><mat-icon>flash_on</mat-icon></button>   -->
                                                      
                           <span *ngIf="userRoleID != 4 || userRoleID != 8 || userRoleID != 9"><button *ngIf="master.pd_type_name && currentPDStatus==pdStatusCheck.COMPLETED || currentPDStatus==pdStatusCheck.QC_COMPLETED" mat-raised-button mat-icon-button class="mr-1 mb-1 hover-icon" type="button" matTooltip="PD Report" matTooltipPosition="above" (click)="getPDIDReport(viewID)"><mat-icon>ballot</mat-icon></button></span>
+                          <span *ngIf="userRoleID != 4 || userRoleID != 8 || userRoleID != 9"><button *ngIf="master.pd_type_name && currentPDStatus==pdStatusCheck.COMPLETED || currentPDStatus==pdStatusCheck.QC_COMPLETED" mat-raised-button mat-icon-button class="mr-1 mb-1 hover-icon" type="button" matTooltip="Optimize Image" matTooltipPosition="above" (click)="OptimizeImage(viewID)"><mat-icon>monochrome_photos</mat-icon></button></span>
                           <button mat-raised-button mat-icon-button class="mr-1 mb-1 hover-icon"  type="button" matTooltip="Close" matTooltipPosition="above" (click)="loadPdListCompoent()"><mat-icon>close</mat-icon></button>   
                          
                         </div>
diff --git a/ng6-seed/src/app/quality-check/qc-list/qc-view/qc-view.component.ts b/ng6-seed/src/app/quality-check/qc-list/qc-view/qc-view.component.ts
index 9feeccf9f..5c87a3cd5 100755
--- a/ng6-seed/src/app/quality-check/qc-list/qc-view/qc-view.component.ts
+++ b/ng6-seed/src/app/quality-check/qc-list/qc-view/qc-view.component.ts
@@ -367,6 +367,22 @@ export class QcViewComponent implements OnInit, OnDestroy {
     this.destroyType=3;
     this.router.navigate([ '../../../pd_report',pdID,this.reportRandomString], { relativeTo: this.route });
   }
+  OptimizeImage(pdID:any)
+  {
+  
+    this._qc.optimizeImages(pdID).subscribe(result=>{
+      console.log('result');
+      console.log(result);
+      if(result['dataStatus']) {
+        this.notifier.notify("success","Image Optimized Successfully")
+      }
+      else{
+        this.notifier.notify("warning","Something went wrong")
+      }
+    },err=>{
+      this.notifier.notify("error","Network Error")
+    })
+  }
   openCusImages() {
     const dialogRef = this.dialog.open(QcCusImagesComponent, {
       data: this.pdMasterData[0],
diff --git a/ng6-seed/src/app/quality-check/qc-service/qc.service.ts b/ng6-seed/src/app/quality-check/qc-service/qc.service.ts
index bbe6b5f16..1ba559331 100755
--- a/ng6-seed/src/app/quality-check/qc-service/qc.service.ts
+++ b/ng6-seed/src/app/quality-check/qc-service/qc.service.ts
@@ -646,7 +646,11 @@ export class QcService {
         // let headers = this.createAuthorizationHeader()
         return this._http.post(this.apiUrl+'getPDImgDetails',params);
        }
-
+       optimizeImages(pdid):Observable<any> {
+          
+        // let headers = this.createAuthorizationHeader()
+        return this._http.get(this.apiUrl+'optimizeImages/'+pdid);
+       }
        auditSmartPDImages(params):Observable<any> {
         return this._http.post(this.apiUrl+'auditSmartPDImages',params);
        }