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

Question

pologenki @pologenki

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

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

Вопрос задан 19 июн.
111 просмотров

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

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

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

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

Написано 19 июн.

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() ?>

Написано 19 июн.

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

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

Написано 19 июн.
rPman @rPman

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

Написано 19 июн.
ThunderCat @ThunderCat Куратор тега PHP

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

Написано 19 июн.
DIVSIDE @divside

эмаил

пороль

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

Написано 19 июн.
RE:[ALT]ER @re-alter

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

Написано 20 июн.

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

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

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

Войти через центр авторизации

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

HTML

+2 ещё

Средний
Как менять иконку у отмеченной Radiobutton?
- 1 подписчик
- 5 часов назад
- 20 просмотров
1

ответ
JavaScript

+2 ещё

Средний
Запомнить позицию скрола в блоке при смене или перезагрузке страницы?
- 1 подписчик
- 10 часов назад
- 65 просмотров
1

ответ
CSS

Средний
Как сделать полукруглый вырез в квадратном блоке чтоб не было острых углов?
- 1 подписчик
- 10 часов назад
- 41 просмотр
1

ответ
PHP

+1 ещё

Средний
Присвоить значение массива переменной?
- 1 подписчик
- 11 часов назад
- 82 просмотра
1

ответ
JavaScript

+1 ещё

Простой
Как скрыть если стоит после?
- 2 подписчика
- 12 часов назад
- 120 просмотров
1

ответ
JavaScript

+2 ещё

Простой
Почему окно браузера двигается вверх при открытии попапа?
- 1 подписчик
- 16 часов назад
- 58 просмотров
1

ответ
PHP

+3 ещё

Простой
Как ОТВЕТИТЬ на письмо через PHPMailer?
- 1 подписчик
- 16 часов назад
- 131 просмотр
1

ответ
JavaScript

+2 ещё

Простой
Как при нажатии на кнопку сделать плавное перемещение блока div?
- 1 подписчик
- 19 часов назад
- 99 просмотров
1

ответ
HTML

+2 ещё

Простой
Как сделать кнопки по местоположению на AMP?
- 1 подписчик
- вчера
- 44 просмотра
1

ответ
PHP

Простой
Как наложить текст прихожей с сервера на изображение?
- 1 подписчик
- вчера
- 74 просмотра
2

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

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

Creative Code

от 100 000 до 160 000 ₽

Бэкендер (PHP)

Клиники «Чайка» • Москва

от 150 000 до 220 000 ₽

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

FunPay

от 300 000 до 500 000 ₽

Ошибка в 1с при обмене товарами с сайтом на Битрикс (скриншот)

27 июн. 2024, в 04:31

3000 руб./за проект

Убрать темные полосы, выровнять изображения под формат

27 июн. 2024, в 03:40

8000 руб./за проект

Создание рекламных баннеров в Figma и Blender на постоянной основе

27 июн. 2024, в 01:10

3000 руб./за проект

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

пороль

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

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

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

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

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