图像未出现在 html 电子邮件模板中

如何解决图像未出现在 html 电子邮件模板中

我有一个节点服务器，我正在针对特定操作向用户生成一封电子邮件。我链接了一些图像以使 html 更易于展示，问题是我在电子邮件中收到了一些图像，而另一个是不来，然后当我在 gmail 中检查控制台时，例如我看到这个

您可以看到一些图像正在出现，而其他图像则没有。我检查了网址，它们很好，所以没问题。

html 代码中的 url 是我在服务器中链接公共文件夹的实时服务器 url 有没有人知道为什么会这样？

如果有人有任何建议，即使使用不同的方法 这是我用 pug 编写的 html 代码：

head
style(type='text/css').
    @font-face {
        font-family: "Averta Bold";
        src: url(url + 'fonts/Averta-Bold.ttf') format("truetype");
    }
    @font-face {
        font-family: "Averta Regular";
        src: url(url + 'fonts/Averta-Regular.ttf') format("truetype");
    }
    .container {
        background: #FDFDFD 0% 0% no-repeat padding-Box;
    }
    .header {
        font-size: 18px;
        font-family: "Averta Regular";
        text-align: left;
        background: #FDFDFD 0% 0% no-repeat padding-Box;            
        border-radius: 6px;
        opacity: 1;  
    }
    .top_bar {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 7px;
        background: #F75237;
    }
    .img_animated {
        width: 300px;
        height: 300px;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    .img_pattern {
        position: absolute;
        left: 0;
        top: 43px;
        padding-left: 20px;
    }
    .img_logo {
        display: block;
        padding-top: 20px;
        margin-left: auto;
        margin-right: auto;
    }
    .welcome_text {
        margin: 0 28px;
        color: #181818;
    }
    .footer {
        background: #F9F9F9 0% 0% no-repeat padding-Box;
        font-family: "Averta Regular";
        width: 100%;
    }
    .footer_container {
        text-align: center; 
        font-size: 12px;
        margin-top: 28px;
    }
    .image_row {
        display: flex;
        width: 50%;
        margin: 0 auto;
        justify-content: center;
    }
    .image_column {
        height: 24px;
        padding: 0 5px;
    }
    .social_media_image {
        
    }

body
div.container
    div.header
        div.top_bar
        img.img_logo(src= url + '/logo.png' alt='logo')
        img.img_animated(src= url + '/welcomeGif.gif' alt='welcome')
        img.img_pattern(src= url + '/pattern.svg' alt='pattern')
        ....