На светлой фотографии текст может читаться плохо, и увеличение шрифта не решает проблему недостаточного контраста. Добавьте изображение, отрегулируйте ползунок так, чтобы заголовок хорошо читался, и скачайте результат.
Эта страница переведена автоматически и проверена программой, а не человеком. Английский оригинал здесь.
По одной за раз: насколько затемнять — решают глазами, а не настройкой один раз на двадцать снимков.
Предпросмотр обновляется при перемещении ползунка. Чёрный слой с непрозрачностью 40% обеспечивает белому тексту достаточный контраст на большинстве фотографий; для яркого неба нужно больше, а для сумеречного снимка — гораздо меньше.
Один файл, затемнённый и сжатый за один проход, готовый под заголовок.
Чтобы текст хорошо читался. Белый текст часто теряется на светлых участках фотографии. Тёмный полупрозрачный слой создаёт контраст, которого нельзя добиться одним лишь увеличением жирности шрифта. Этот приём часто используют для главных изображений сайта, титульных слайдов и карточек для соцсетей.
Нет. По умолчанию выбран чёрный цвет, поскольку обычно изображение нужно затемнить. Белый слой осветляет фотографию под тёмный текст, а один и тот же фирменный цвет на нескольких снимках придаёт презентации единый стиль.
Нет. Браузер накладывает слой на холсте до загрузки файлов: CDN, который сжимает изображения, не умеет накладывать одно изображение на другое. Затем затемнённая копия отправляется на оптимизацию, как и любое другое изображение, обработанное здесь.
Да. Слой влияет только на непрозрачные пиксели, а не на весь прямоугольный холст. Логотип на прозрачном фоне окрашивается, но фон остаётся прозрачным.
Здесь — нет. Непрозрачность нужно подбирать для каждой фотографии: 40% подходит для пляжного снимка, но для кадра в сумерках это слишком много. Одна настройка для всей группы может дать плохой результат. Инструмент пакетного сжатия принимает по двадцать изображений.
Затемнённая копия загружается для оптимизации, хранится по случайному неугадываемому адресу и удаляется автоматически. Содержимое ничем не читается.
Бесплатный онлайн-оптимизатор изображений