или нажмите на эту область, чтобы выбрать один или несколько файлов PNG
Это самая частая путаница. Веб-страницы и большинство просмотрщиков изображений и без того белые, поэтому картинка на белом фоне полностью сливается с ними и выглядит так, будто фон уже удалён. Белый прямоугольник проявится только тогда, когда вы положите её на тёмный плакат, цветной слайд или другую фотографию. Значит, судить о прозрачности по виду на белом нельзя: нужно поместить изображение на фон, явно контрастирующий с ним, либо прямо посчитать альфа-значения пикселей. Эта страница делает и то и другое.
Самый прямолинейный — переименовать JPG в .png: расширение поменялось, но внутри по-прежнему JPG, альфа-канала там нет вовсе, а фон — настоящий белый. Тот же результат даёт неверно выбранный формат при экспорте вырезанного объекта: стоит один раз сохранить в JPG, и прозрачные области зальются белым, а обратная смена на PNG их уже не вернёт. Третий случай — неаккуратное вырезание: вокруг объекта остаётся кайма из полупрозрачного белого или серого, которая сама по себе выглядит нормально, а на тёмном фоне превращается в заметную обводку.
У каждого пикселя PNG помимо цвета есть альфа-значение: 0 — полная прозрачность, 255 — полная непрозрачность, всё между ними — полупрозрачность. Полностью прозрачные пиксели и есть вырезанный фон. Полупрозрачные обычно располагаются по краям объекта, в тенях и на стеклянных поверхностях: они делают границы плавными, но при этом сквозь них немного просвечивает подложка. Эта страница считает две группы отдельно как раз для того, чтобы вы могли отличить «фон действительно пуст» от «просто края с растушёвкой».
Логотип поверх фотографии или цветного блока, карточка товара, которой нужен другой фон, иконка на слайде, макет с наложением печати — во всех этих случаях прозрачность должна быть настоящей, иначе вы получите белый прямоугольник. И наоборот: если изображение всегда будет появляться только на белой странице, JPG с белым фоном обычно займёт меньше места. А когда прозрачность фона подтверждена, поправить композицию можно соседним инструментом: Онлайн-обрезка изображений— обрезка не портит альфа-канал.
Каждый пиксель PNG может нести альфа-информацию о прозрачности. Инструмент считывает данные пикселей и подсчитывает полностью прозрачные, частично прозрачные и полностью непрозрачные — это и показывает, действительно ли у PNG прозрачный фон или мягкие полупрозрачные края.
Некоторые изображения лишь выглядят так, будто фон прозрачный: на деле он залит белым, серым или нарисованной шахматной клеткой, а альфа-значение этих пикселей по-прежнему равно 255, то есть полной непрозрачности. Инструмент судит о прозрачности по фактическим альфа-значениям, а не по внешнему виду, поэтому отличает «действительно прозрачно» от «выглядит прозрачным».
У полностью прозрачного пикселя альфа равна 0, и он ничего за собой не скрывает. У полупрозрачного альфа находится между 1 и 254, и он смешивается с тем, что под ним. Иконки, логотипы и края вырезанных объектов часто используют полупрозрачные пиксели, чтобы контуры оставались плавными.
На белом, чёрном, красном, зелёном или синем прозрачное изображение выдаёт разные дефекты. Белая кайма, например, на белом фоне незаметна, а на тёмном бросается в глаза. Предпросмотр на нескольких подложках помогает разглядеть рваные края вырезки, остатки старого фона и полупрозрачные участки.
Нет. Проверка прозрачности только читает изображение и строит предпросмотр; она ничего не перезаписывает, не сжимает и не экспортирует. Исходный файл остаётся нетронутым, а предпросмотр исчезает после перезагрузки или очистки страницы.
Нет. Изображения читаются и анализируются целиком внутри браузера и никуда не отправляются — поэтому здесь безопасно проверять макеты, неопубликованные логотипы, снимки товаров, скриншоты и любые другие PNG, которые не хотелось бы никуда передавать.
Инструмент сделан для проверки прозрачности PNG и принимает только файлы PNG. У JPG альфа-канала нет вовсе, а WebP и SVG устроены иначе — если нужно проверить их здесь, сначала сконвертируйте в PNG.