Непрозрачность изображения
Сделайте изображение частично прозрачным, задав непрозрачность от 0 до 100 процентов. Сначала изображения без прозрачности получают альфа-канал. У изображений с альфа-каналом сохраняется форма, а значения альфа-канала масштабируются, поэтому мягкие края и вырезанные области остаются нетронутыми. Подходит для водяных знаков, наложений, выцветших фонов, полупрозрачных состояний UI и многослойного дизайна.
Часто задаваемые вопросы
Как работает настройка непрозрачности?
Непрозрачность — это процент, на который умножается значение альфа-канала каждого пикселя. При значении 100 изображение не меняется, при 50 оно становится наполовину прозрачным, а при 0 — полностью невидимым. Можно указывать дробные значения.
Что происходит с JPEG без прозрачности?
Сначала добавляется альфа-канал, в котором каждый пиксель полностью непрозрачен, а затем применяется заданная непрозрачность. Поэтому JPEG с непрозрачностью 50 процентов превращается в PNG, каждый пиксель которого наполовину прозрачен. Цвета остаются неизменными.
Что происходит с изображениями, в которых уже есть прозрачность?
Существующие значения альфа-канала масштабируются, а не заменяются. Полностью прозрачные области остаются прозрачными, а пиксель, который был непрозрачен на 80 процентов, при непрозрачности 50 становится непрозрачным на 40 процентов. Вырезанные области и мягкие тени сохраняют форму.
Почему результат сохраняется в формате PNG?
JPEG не поддерживает прозрачность, поэтому результат сохраняется как PNG с альфа-каналом. Изображения в градациях серого сохраняют оттенки серого и получают альфа-канал. Если нужен файл с прозрачностью меньшего размера, позже его можно преобразовать в WebP или AVIF.
Какая непрозрачность подходит для водяного знака?
Логотипы в качестве водяных знаков обычно лучше всего выглядят при непрозрачности от 20 до 40 процентов: их достаточно хорошо видно, чтобы распознать владельца, но они не заслоняют фотографию. Используйте логотип с прозрачным фоном, чтобы сделать полупрозрачным только сам знак.
Будет ли изображение выглядеть блеклым, когда я его открою?
В браузерах и редакторах изображение отображается полупрозрачным поверх содержимого под ним — часто на клетчатом фоне или белой странице. Некоторые простые просмотрщики показывают прозрачные пиксели черными, из-за чего изображение может выглядеть темнее, чем ожидалось.
Можно ли сделать изображение полностью прозрачным?
Да, при непрозрачности 0 значение альфа-канала каждого пикселя становится равным 0. Цвета остаются в файле, но становятся невидимыми. Это полезно для заполнителей, размеры которых нужно сохранить.
Какие форматы можно загружать?
Поддерживаются изображения JPEG, PNG, GIF, WebP, TIFF и AVIF размером до 5 MB. Анимированные файлы обрабатываются по первому кадру, а изображения со стороной более 4000 пикселей уменьшаются до подходящего размера.
Меняет ли изменение непрозрачности цвета?
Нет, меняется только альфа-канал, а значения красного, зеленого и синего сохраняются в точности. Визуальное изменение вызвано тем, что начинает просвечивать содержимое под изображением.
Какой движок используется?
Инструмент использует операции ensureAlpha и linear из библиотеки sharp, чтобы добавить альфа-канал и масштабировать его значения. Результат точен и воспроизводим.