Проблема масштабування зображень у Outlook
Коли я верстав HTML листи для електронної пошти, я зіткнувся з тим, що в настільному Outlook (виявляється, ним хтось ще користується) картинки відображалися в дивному масштабі. Всі картинки були збільшені. Я вирішив цю проблему наступним чином. Я додав спеціальний код Outlook до розділу head і додав деякі атрибути до тегу html. Після додавання коду зображення в настільному Outlook почали відображатися нормально.
HTML
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office"> <head> <!--[if gte mso 9]><xml> <o:OfficeDocumentSettings> <o:AllowPNG/> <o:PixelsPerInch>96</o:PixelsPerInch> </o:OfficeDocumentSettings> </xml><![endif]--> </head>
Outlook (особливо версії для настільних ПК, як-от Outlook 2016, 2019 і Office 365) масштабує зображення завдяки налаштуванням DPI (точок на дюйм). Багато версій Outlook використовують Word як механізм візуалізації, який обробляє зображення інакше, ніж браузери. Якщо ваше зображення виглядає розмитим або зміненого розміру, це, ймовірно, пов’язано з автоматичним масштабуванням DPI Outlook (125% або 150% на дисплеях із високою роздільною здатністю).
Схожі записи:
-
Як додати favicon (фавікон) на сайт
Favicon (фавікон) – це значок веб-сайту. Найпростіший спосіб додати його на сторінку - розмістити в корені сайту іконку з назвою favicon.ico 16x16 пікселів. Або встановіт...
-
Як центрувати елемент по вертикалі за допомогою CSS (вертикальне вирівнювання)
Існує декілька способів вертикального вирівнювання. У різних ситуаціях підходять різні способи. Розглянемо деякі з них. 1. Використання Flexbox Найпростіший і поширений...
-
Як сховати скроллбар за допомогою CSS
Існує декілька способів приховати скроллбар (смугу прокрутки) за допомогою CSS, залежно від того, чи хочете ви повністю видалити прокручування чи просто приховати візуаль...
Залишити відповідь