Laravel 电子邮件在 Mailtrap 中显示图像正常但在 Gmail 中不可见

Question

我在下方使用了一个简单的 Laravel Mailable，并在电子邮件的顶部显示了 header 图像 - 这在浏览 Mailtrap.io 时显示正常，但当使用同一封电子邮件时在实时环境中发送到我的 Gmail 帐户但不显示 - 我做错了什么？

class TwoFactorMail extends Mailable
{
    use Queueable, SerializesModels;

    public $code;

    public function __construct($code)
    {
        $this->code = $code;
    }

    /**
     * Build the message.
     *
     * @return $this
     */
    public function build()
    {
        return $this->markdown('emails.twofactor');
    }
}

Blade 文件

@component('mail::message')
<html>
<head>
    <title>Two Factor</title>
    <link rel="preconnect" href="https://fonts.gstatic.com">
    <link href="https://fonts.googleapis.com/css2?family=Poppins|Roboto&display=swap" rel="stylesheet">
</head>
<body>
<img src="data:image/png;base64,{{base64_encode(file_get_contents(resource_path('img/header.jpg')))}}" alt="">
        <h1 class="header padded-margin">Authentication code</h1><hr class="divider">
        <p>Your Two-Factor Authentication is below. Add the code into your browser to complete your CrowdControlHQ Sign In.</p>
        <div class="code padded-margin">{{ $code }}</div>
        <p>If you didn’t request this code there is nothing to worry about - you can safely ignore it.</p>
</body>
</html>
@endcomponent

Answer 1

最好为您的图片标签使用基于标准 url 的 src。

只需确保在 url 中包含域名，如下所示。

<img src="http://www.example.com/image.jpg" alt="img" />

大多数现代电子邮件客户端不接受 base64 图像。

您可以在此处阅读更多相关信息

https://blog.mailtrap.io/embedding-images-in-html-email-have-the-rules-changed/

搜索页面并阅读有关这两个主题的信息

1. 电子邮件中的内联嵌入或 base64 图像
1. HTML 电子邮件中的链接图片或托管图片

Laravel 电子邮件在 Mailtrap 中显示图像正常但在 Gmail 中不可见

Laravel email shows images fine in Mailtrap but not visible in Gmail

php

laravel

laravel-mail

mailtrap