Делаю эмаилы картинки не отображаются?

Question

pologenki @pologenki

Делаю эмаилы картинки не отображаются?

Вопрос такой сделал эмаилы ! И при отправке эмаила на gmail (поменять пороль) картинки пропадают ! Пробовал и в svg их и в png ! Нифига не отображаются ! Может кто знает как сделать ?

Вопрос задан более года назад
142 просмотра

7 комментариев

Подписаться 1 Простой 7 комментариев

Сергей delphinpro @delphinpro Куратор тега PHP

каким образом вы формируете письмо, конечно же не покажете? Угадывать причину предлагаете?

Написано более года назад

pologenki @pologenki Автор вопроса

Сергей delphinpro,

<?php
use yii\helpers\Html;

/* @var $this yii\web\View */
/* @var $user common\models\User */

$resetLink = Yii::$app->urlManager->createAbsoluteUrl(['site/reset-password', 'token' => $user->password_reset_token]);
$supportEmail = "noreply@kaubaplats.ee";
$supportPhone = "+123456789";
?>

<div class="mail">
    <div class="mail-content">
        <div class="mail-message">
            <div class="mail-title">
                Password Reset
            </div>
            <div class="mail-iqonImg">
                <img class="mail-iqon-img" src="https://kaubaplats.ee/images/mail/passwordreset.png"
                    alt="here must be image">
            </div>
            <div class="mail-message-title">Hello <?= Html::encode($user->username) ?>,</div>
            <div class="mail-message-text">
                <p>
                    This email is to confirm that your password has been successfully reset for your account. Your
                    security is our priority,
                    and we are committed to ensuring the confidentiality of your information.
                    If you did not request this password reset, please contact our support team immediately at
                    <?= Html::encode($supportEmail) ?> or <?= Html::encode($supportPhone) ?>.
                    We take any unauthorized access very seriously and will investigate promptly.
                </p>
            </div>
            <div class="mail-message-button">
                <?= Html::a('Reset password', $resetLink, ['class' => 'button']) ?>
            </div>
            <div class="mail-message-subtitle">
                <p>If you didn’t request this, you can ignore this email or let us know. Your password won’t change
                    until</p>
                you create a new password.
            </div>
        </div>
    </div>
    <div class="mail-footer">
        <div class="mail-footer-content">
            <div class="mail-footer-address">
                Copyright © <?= date('Y'); ?>. Development by Alliance of Finance OÜ.
            </div>
            <div class="mail-footer-links">
                <a class="mail-footer-contact" href="#"><img src="https://kaubaplats.ee/images/mail/passwordtest.png"
                        alt=""></a>
                <a class="mail-footer-contact" href="#"><i class="fa-solid fa-envelope fa-lg"
                        style="color: white;"></i></a>
                <a class="mail-footer-contact" href="#"><i class="fa-brands fa-telegram fa-lg"
                        style="color: white;"></i></a>
            </div>
        </div>
    </div>
</div>

<?php

use frontend\assets\EmailAsset;
use yii\helpers\Html;

/* @var $this \yii\web\View view component instance */
/* @var $message \yii\mail\MessageInterface the message being composed */
/* @var $content string main view render result */

EmailAsset::register($this);

?>
<?php $this->beginPage() ?>
<!DOCTYPE html>
<html lang="<?= Yii::$app->language ?>" dir="ltr">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=<?= Yii::$app->charset ?>" />
    <title><?= Html::encode($this->title) ?></title>
    <?php $this->head() ?>
    <style>
    .mail {
        max-width: 600px;
        background-color: #F0F0F0;
        border-radius: 0.5rem;
        box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
        padding: 1.5rem;
    }

    .mail-title {
        text-align: center;
        font-size: 1.75rem;
        line-height: 1.1;
        color: #333;
        font-weight: 400;
        font-family: 'Roboto', sans-serif;
        margin-bottom: 1.0rem;
    }

    .mail-content {
        text-align: center;
        margin-bottom: 2rem;
        max-width: 600px;
        margin: 2rem auto;
        background-color: #fff;
        border-radius: 0.5rem;
        box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
        padding: 2rem;
    }

    .mail-message-text {
        font-size: 1rem;
        color: #333;
        direction: ltr;
        font-size: 15px;
        font-weight: 400;
        letter-spacing: 0;
        line-height: 150%;
        text-align: justify;
    }



    .mail-message-title {
        margin-bottom: 1.5rem;
        font-weight: bold;
        font-size: 1.25rem;
        text-align: center;
        line-height: 1.1;
        color: #333;
        font-weight: 400;
        margin-bottom: 1.0rem;
    }

    .mail-message-subtitle {
        font-size: 0.875rem;
        color: #666;
        margin-top: 2rem;
        margin-bottom: 2rem;
    }

    .mail-footer {
        text-align: center;
        border-top: 0.0625rem solid #eaeaea;
        margin-top: 2rem;
    }

    .mail-footer a {
        color: #3869d4;
        text-decoration: none;
        font-size: 0.875rem;
        margin-bottom: 0.5rem;
        display: inline-block;
    }

    .mail-footer-address {
        font-size: 0.875rem;
        color: #999;
        margin-bottom: 1rem;
    }

    .mail-message-button {
        margin-top: 1.5rem;
    }

    .mail-message-button a {
        padding: 10px 25px;
        background-color: #0099cc;
        color: #fff;
        border-radius: 3px;
        text-decoration: none;
        font-size: 1rem;
    }

    .mail-iqon {
        display: flex;
        justify-content: center;
    }

    .mail-iqon-img {
        width: 130px;
    }

    .mail-Web-Page a {
        color: #0099cc;
    }

    .mail-footer-contact {
        padding: 5px 10px;
        border: 2px solid #0099cc;
        background-color: #0099cc;
        margin-right: 10px;
        border-radius: 5px;
        width: 20px;
    }

    .icon {
        width: 24px;
        height: 24px;
        fill: #333;
    }
    </style>
</head>

<body>
    <?php $this->beginBody() ?>
    <?= $content ?>
    <?php $this->endBody() ?>
</body>

</html>
<?php $this->endPage() ?>

Написано более года назад

Ankhena @Ankhena Куратор тега CSS

pologenki, тык на картинку

Написано более года назад
rPman @rPman

Ankhena, а разве gmail отображает изображения по ссылкам из интернета? я думал он только изнутри работает, т.е. картинки должны быть во вложении или data:uri нотации... или это я уже на столько впитал нюансы приватности и мира спама что воспринимаю письма со внешними ссылками как вредоносные

Написано более года назад
ThunderCat @ThunderCat Куратор тега PHP

rPman,
а разве gmail отображает изображения по ссылкам из интернета?
Да, если это именно картинка и тип письма - хтмл. Вроде даже наоборот - дата-урл игнорится. Так же игнорится урл картинок-скриптов, по типу img src='xxx.tld/image.php'...

Написано более года назад
DIVSIDE @divside

эмаил

пороль

Вам бы с русским подружиться)
А еще, письма верстают через таблицы. Ну это так, к слову

Написано более года назад
V3XX @v3xx

rPman,
а разве gmail отображает изображения по ссылкам из интернета?
Да, но: а) если источник не в чёрных списках; б) он их кеширует и дальше толкает в письме со своего домена //xxx.googleusercontent.com/yyy/zzz.

Написано более года назад

Помогут разобраться в теме Все курсы

Skillbox

Веб-разработчик на PHP

9 месяцев

Далее
Хекслет

PHP-разработчик

10 месяцев

Далее
Stepik

Язык программирования PHP

1 неделя

Далее

Пригласить эксперта

Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы

PHP

Простой
Как отдать ответ клиенту без ожидания завершения скрипта?
- 1 подписчик
- вчера
- 182 просмотра
3

ответа
PHP

Простой
Как в PHP вернуть NULL по ссылке?
- 1 подписчик
- вчера
- 124 просмотра
1

ответ
PHP

Простой
Как декодировать/закодировать спец символы в get запросе?
- 1 подписчик
- 18 дек.
- 136 просмотров
1

ответ
PHP

Простой
Как вызвать curl и не ждать ответ?
- 1 подписчик
- 16 дек.
- 313 просмотров
2

ответа
CSS

Простой
Как найти в DOM-элементе блоки (div), которые имеют ширину больше, чем их родительский элемент (td) средставми CSS?
- 2 подписчика
- 12 дек.
- 124 просмотра
0

ответов
JavaScript

+2 ещё

Средний
Как можно реализовать что то вроде селекта внутри родителя у которого есть скрытые элементы и должна быть горизонтальная прокрутка?
- 2 подписчика
- 11 дек.
- 169 просмотров
0

ответов
CSS

Простой
Как сделать “арочный” блок адаптивным?
- 1 подписчик
- 11 дек.
- 217 просмотров
0

ответов
CSS

Простой
Как сделать вырез снизу без задания цвета?
- 1 подписчик
- 11 дек.
- 114 просмотров
0

ответов
PHP

Простой
Как сделать это?
- 1 подписчик
- 11 дек.
- 298 просмотров
2

ответа
PHP

+1 ещё

Простой
Как найти значение в XML?
- 2 подписчика
- 06 дек.
- 244 просмотра
1

ответ
Показать ещё Загружается…

Fullstack-разработчик (PHP, Vue.js)

Qwintry

от 1 200 до 2 000 $

Веб-разработчик (PHP) в продукт из сферы FinTech

ITWORK AGENCY • Москва

До 500 000 ₽

TeamLead PHP (Symfony)

AGIMA • Москва

от 210 000 ₽

каким образом вы формируете письмо, конечно же не покажете? Угадывать причину предлагаете?
Ankhena, а разве gmail отображает изображения по ссылкам из интернета? я думал он только изнутри работает, т.е. картинки должны быть во вложении или data:uri нотации... или это я уже на столько впитал нюансы приватности и мира спама что воспринимаю письма со внешними ссылками как вредоносные
rPman,
а разве gmail отображает изображения по ссылкам из интернета?
Да, если это именно картинка и тип письма - хтмл. Вроде даже наоборот - дата-урл игнорится. Так же игнорится урл картинок-скриптов, по типу img src='xxx.tld/image.php'...
эмаил

пороль

Вам бы с русским подружиться)
А еще, письма верстают через таблицы. Ну это так, к слову
rPman,
а разве gmail отображает изображения по ссылкам из интернета?
Да, но: а) если источник не в чёрных списках; б) он их кеширует и дальше толкает в письме со своего домена //xxx.googleusercontent.com/yyy/zzz.

Делаю эмаилы картинки не отображаются?

Войдите, чтобы написать ответ

Минуточку внимания

Войдите на сайт