Перейти к основному содержимому
忆云竹

Генератор CSS-фильтров для изображений

Проверяйте размытие, яркость, цвет и прозрачность на примере или локальном изображении и экспортируйте filter CSS.

Пример изображения для CSS-фильтров

PNG, JPEG, WebP или GIF: до 20 MiB, 20 мегапикселей и 8192 px по каждой стороне. Экспортируется CSS, а не изменённое изображение.

CSS

Обработка в браузере. Данные не отправляются и не сохраняются.

Об инструменте

Попробуйте обработку на примере или локальной картинке перед применением к сайту.

Как пользоваться

Используйте пример либо выберите PNG, JPEG, WebP или GIF. Настройте размытие, яркость, контраст, насыщенность, оттенок, оттенки серого, сепию, инверсию и непрозрачность. Сравните с оригиналом или сбросьте фильтры; предпросмотр обновляется сразу.

Локальное изображение ограничено 20 МиБ, 20 мегапикселями и 8192 пикселями по каждой стороне, без загрузки на сервер. Копирование и скачивание дают CSS, а не обработанный файл изображения. Показ оригинала меняет только предпросмотр и сохраняет настройки фильтров.

Частые вопросы

Можно ли скачать картинку с фильтром?

Результат — CSS, а не изменённые пиксели. Просмотр оригинала сохраняет настройки. Изображения остаются локальными и должны укладываться в указанные ограничения.

Почему изображение отклоняется, хотя открывается в других программах?

Предпросмотр принимает PNG, JPEG, WebP и GIF размером до 20 МиБ, до 20 миллионов пикселей и до 8 192 пикселей по каждой стороне. Даже небольшой сжатый файл может превышать ограничение по пикселям. Уменьшите изображение или преобразуйте неподдерживаемый формат, затем выберите файл ещё раз.

Комментарии

0
, чтобы присоединиться к обсуждению.
Комментариев пока нет.
Ветка ответов

Просматривайте беседу в хронологическом порядке; у каждого ответа указано сообщение, на которое он дан.