Я нашел пару полезных тем на этом форуме, касающихся проблем, связанных с (отображением) изображений в подписях электронной почты — например, здесь — и я искал по всему Интернету, но до сих пор не нашел хорошего решения, которое достаточно решает проблему. Мой клиент просто хотел бы, чтобы логотип его компании был включен в подпись его электронных писем, и проблемы, с которыми я столкнулся, можно обобщить следующим образом:
.svg
как вариант, но видимо поддержка не велика; и в этом случае я предполагаю, что подавляющее большинство пользователей, читающих электронную почту этого клиента, будут использовать Outlook, поэтому то, что правильно отображается только в iOS/webkit/etc, не является жизнеспособным вариантом.На данный момент я в растерянности и задаюсь вопросом, есть ли какой-либо другой возможный вариант. Например, я не уверен, можно ли реализовать изображение высокой плотности с резервным вариантом низкого разрешения в подписи электронной почты?
Любые предложения / идеи здесь очень ценятся. Это граничит с комическим, насколько сложной оказалась эта задача.
На вашем месте я бы отказался от Идеи. Обработка найма — наименьшая из ваших проблем, потому что поддержки по электронной почте просто нет.
Но проблемы начинаются раньше. Большинство почтовых клиентов удаляют изображения и добавляют кнопку, с помощью которой пользователь может активировать изображения. Вся эта суета только из-за логотипа слишком утомительна.
Я бы просто написал сиг открытым текстом и все.
Но, может быть, вы не хотите сдаваться, так что это может быть что-то для вас
Или используйте эту технику:
http://blog.mailchimp.com/keep-high-density-displays-from-uglifying-your-emails/
Технические решения могут быть:
Разместите изображение на сервере и просто вставьте <img>
тег с адресом. Сервер может использовать метаинформацию HTTP-запроса, который будет извлекать изображение и доставлять изображение нужного размера для устройства.
Сделайте то же самое с помощью CSS, учитывающего размер дисплея (но я не знаю, насколько хороша поддержка этого в различных клиентах электронной почты). правильное изображение (и вы даже можете указать специальное изображение для печати...)
Сегодня многие почтовые клиенты поддерживают формат SVG (масштабируемая векторная графика). Для этих клиентов покажите SVG. Он гарантированно не будет разрушен масштабированием, потому что он читается как компьютерная программа (например, рисует круг, затем рисует линию, соединенную с этим кругом под углом 120 и 240 градусов и т. д.), поэтому процессор правильно отобразит неразмытое изображение. внутри вспомогательного программного обеспечения.
Существует множество методов резервного копирования, если вы заботитесь о старых клиентах, но вам необходимо определить, какие резервные варианты, если таковые имеются, вас интересуют (например, в каких почтовых клиентах вас беспокоит отображение подписи). Лично я бы выбрал метод, дающий почти универсальное покрытие с минимальными усилиями, а не сложный 100-процентный охват или отсутствие покрытия — есть хороший метод, который поддерживает все, кроме Android 2.3, что, вероятно, редкость и состоит всего из четырех строк. код.
С другой стороны, медиаселекторы CSS, вероятно, тоже должны работать. Если разрешение экрана меньше, скажем, 800 пикселей в ширину, используйте PNG или JPEG, которые вы используете сегодня, в противном случае используйте SVG. Я совершенно уверен, что любые устройства с дисплеем Retina будут поддерживать SVG, или, по крайней мере, большинство из них.
Действительно старый пост, но поскольку я часами боролся с одной и той же проблемой и просто решил ее, я опишу, как я это сделал. Проблема, с которой я столкнулся, заключалась в том, что логотип компании, который у меня нормально отображался на настольных мониторах (даже HD). Но это выглядело размытым / нечетким, когда его видели на телефоне с дисплеем сетчатки. Изображение, которое я получил от клиента, точно соответствовало запрошенному размеру. Проблема (строго для разработчиков :) с дисплеями Retina заключается в том, что они имеют в четыре раза больше пикселей на единицу площади, чем стандартные экраны. Итак, вам нужно изображение на экране в два раза больше, чем вы хотите. Например, если вы хотите, чтобы ваш логотип имел ширину и высоту 124 x 48, создайте изображение размером 248 x 28. Это удваивает разрешение изображения и в четыре раза увеличивает количество пикселей. Затем используйте HTML, чтобы заставить ваше новое изображение отображаться с половиной его новой ширины, т.е.<img src=”your_image.jpg” width=”124” />
. Это должно устранить любую пикселизацию или размытие изображения. Ваше здоровье
У меня была такая же проблема! Очень неприятно, но я наконец обнаружил, что использование монтажной области 120 пикселей (высота) на 300 пикселей (ширина), например, в Illustrator, а затем экспорт для экранов в формате PNG 8 с разрешением 96 пикселей на дюйм хорошо работает для подписей Microsoft Outlook!
Скотт
никчемный
Скотт
никчемный
Скотт
никчемный
йновачо
джуджа