Сценарий
Вы используете Exclaimer и создали свою электронную подпись. Вы замечаете, что изображения в вашей подписи выглядят размытыми или низкого качества.
Причина
Качество изображения зависит от нескольких факторов, таких как:
- Разрешение, с которым было создано изображение
- Размеры, с которыми было создано изображение и отображается
- Формат файла изображения
- Разрешение экрана вашего устройства
- Настройки масштабирования на вашем экране или в приложении
- Если пользовательский шрифт или фоновое изображение отображается как растровое изображение
Решение
Несколько советов, которые помогут вам решить проблемы с качеством изображения:
Проверьте, что разрешение изображения составляет от 72 до 150 точек на дюйм
Разрешение изображения влияет на четкость его отображения, особенно при отправке по электронной почте и просмотре на различных устройствах.
Мы рекомендуем, чтобы изображения имели разрешение от 72 до 150 точек на дюйм, при этом оптимальным является разрешение 96 точек на дюйм с точки зрения качества изображения и размера файла.
Вы можете использовать инструменты, такие как Photoshop, MS Paint или GIMP, чтобы проверить разрешение изображения.
Пример проверки с помощью Microsoft Paint:
Мы рекомендуем, чтобы изображения имели разрешение от 72 до 150 точек на дюйм, при этом оптимальным является разрешение 96 точек на дюйм с точки зрения качества изображения и размера файла.
Вы можете использовать инструменты, такие как Photoshop, MS Paint или GIMP, чтобы проверить разрешение изображения.
Пример проверки с помощью Microsoft Paint:
- Откройте MS Paint.
- Откройте файл изображения (Файл > Открыть, затем выберите файл изображения).
- Перейдите к Файл > Свойства изображения.
Разрешение будет отображено.
Пример:
Избегайте изменения размера изображений
Увеличение или уменьшение размера изображений также снижает качество изображения.
Пример 1 - Потеря качества после увеличения изображения:
Пример 2 - Потеря качества после уменьшения изображения:
Пожалуйста, создавайте изображения с правильным размером для использования в ваших электронных подписях.
С помощью Photoshop можно сохранить качество, преобразовав изображение в умный объект, перейдя к Слой › Умный объект › Преобразовать в умный объект.
Если вы используете Microsoft Paint или GIMP, то невозможно сохранить качество изображения при изменении размера; в этом случае убедитесь, что размеры изображения указаны правильно при его создании.
Пример 1 - Потеря качества после увеличения изображения:
Пример 2 - Потеря качества после уменьшения изображения:
Пожалуйста, создавайте изображения с правильным размером для использования в ваших электронных подписях.
С помощью Photoshop можно сохранить качество, преобразовав изображение в умный объект, перейдя к Слой › Умный объект › Преобразовать в умный объект.
Если вы используете Microsoft Paint или GIMP, то невозможно сохранить качество изображения при изменении размера; в этом случае убедитесь, что размеры изображения указаны правильно при его создании.
Используйте формат файла изображения Portable Network Graphic (PNG)
PNG - это формат файла изображения без потерь, предназначенный для передачи изображений в интернете и является идеальным форматом для использования в электронных подписях. PNG также поддерживает прозрачность, что делает его идеальным для использования с логотипами компании и другой графикой в вашей подписи.
Поскольку формат PNG имеет более высокое качество, чем другие форматы, такие как JPG, размер файла также может быть больше.
Чтобы минимизировать размер файла ваших электронных писем, вы можете рассмотреть использование инструментов, таких как TinyPNG или Squoosh, которые используют умные методы сжатия для уменьшения размера изображения с минимальной потерей качества.
Поскольку формат PNG имеет более высокое качество, чем другие форматы, такие как JPG, размер файла также может быть больше.
Чтобы минимизировать размер файла ваших электронных писем, вы можете рассмотреть использование инструментов, таких как TinyPNG или Squoosh, которые используют умные методы сжатия для уменьшения размера изображения с минимальной потерей качества.
Проверьте разрешение вашего экрана и настройки масштабирования
Некоторые устройства, такие как те, у которых установлены дисплеи Retina, имеют возможность выводить очень высокое разрешение экрана (4k).
Обычно увеличение разрешения также делает контент меньше на экране, поэтому устройства автоматически изменяют размер контента, чтобы он влез в экран.
Как мы видели в предыдущем разделе, изменение размера изображений снижает качество. Стоит проверить, какое разрешение экрана и настройки масштабирования использует ваше устройство, а также сравнить, как изображение выглядит на другом устройстве.
Лучший способ сделать изображения более качественными на дисплеях с высоким разрешением - создавать их большего размера, чтобы использовать увеличенное количество пикселей, которое предлагают дисплеи. Пожалуйста, имейте в виду, что это может оказать противоположный эффект на устройствах с более низким разрешением, поэтому вам следует внимательно обдумать, какие устройства, скорее всего, используются вашими предполагаемыми зрителями вашей электронной подписи.
Обычно увеличение разрешения также делает контент меньше на экране, поэтому устройства автоматически изменяют размер контента, чтобы он влез в экран.
Как мы видели в предыдущем разделе, изменение размера изображений снижает качество. Стоит проверить, какое разрешение экрана и настройки масштабирования использует ваше устройство, а также сравнить, как изображение выглядит на другом устройстве.
Лучший способ сделать изображения более качественными на дисплеях с высоким разрешением - создавать их большего размера, чтобы использовать увеличенное количество пикселей, которое предлагают дисплеи. Пожалуйста, имейте в виду, что это может оказать противоположный эффект на устройствах с более низким разрешением, поэтому вам следует внимательно обдумать, какие устройства, скорее всего, используются вашими предполагаемыми зрителями вашей электронной подписи.
Проверьте, отображается ли как растровое изображение
Отображение объектов как растровых изображений может быть полезным при включении фоновых изображений или пользовательских шрифтов в вашу подпись.
Пример:
При отображении текста как растрового изображения качество изображения критично для читаемости текста. Поскольку изображения могут быть автоматически изменены по размеру и сжаты устройством или почтовым клиентом, они могут подвергаться потере качества.
Вы можете избежать отображения как растрового изображения в вашей подписи. Дополнительную информацию можно найти здесь
Пример:
При отображении текста как растрового изображения качество изображения критично для читаемости текста. Поскольку изображения могут быть автоматически изменены по размеру и сжаты устройством или почтовым клиентом, они могут подвергаться потере качества.
Вы можете избежать отображения как растрового изображения в вашей подписи. Дополнительную информацию можно найти здесь