Увеличение размера отображения изображения в кодировке base64, вставляемого через innerHTML в угловой компонент

Question

Я показываю изображение PNG в кодировке base64, возвращенное API-интерфейсом колбы из моей локальной системы разработки на компоненте Angular.Но это вызывает потерю разрешения, так как я не могу увеличить размер изображения.Есть ли обходной путь или что я делаю неправильно?

Код колбы

@app.route("/showImage")
def Obj_image():
    for img in glob.glob("./input_process/*.png"):
        img = mpimg.imread(img)
        print(img)
    plt.imshow(img)
    plt.axis('off')
    buf = BytesIO()
    plt.gcf()
    plt.savefig(buf, format='png')
    buf.seek(0)
    string = base64.b64encode(buf.read())
    uri = 'data:image/png;base64,' + urllib.parse.quote(string)
    html = '<img src = "%s"/>' % uri
    return html 

Угловой код HTML

<div class="main-div">
<mat-card class="example-card">
        <mat-card-header>
          <mat-card-title class="heading"><h1>Uploaded Workflow</h1></mat-card-title>
     </mat-card-header>
     <mat-card-content [style.overflow]="'auto'" [style.height.px]="'600'">
        <span id="object-image" [innerHTML]="str | safe" class="e2e-inner-html-bound"></span>
     </mat-card-content>
    </mat-card>

Отображаемое изображение