Непрозорість зображення
Зробіть усе зображення частково прозорим, задавши непрозорість від 0 до 100 відсотків. Для зображень без прозорості спершу додається альфа-канал, а зображення з наявним альфа-каналом зберігають свою форму, тоді як значення всіх пікселів каналу масштабуються — м’які краї та вирізи залишаються цілими. Чудово підходить для водяних знаків, накладень, вицвілих фонів, примарних станів UI і багатошарових дизайнів.
Поширені запитання
Як працює налаштування непрозорості?
Непрозорість — це відсоток, на який множиться значення альфа-каналу кожного пікселя. За значення 100 зображення не змінюється, за 50 воно стає напівпрозорим, а за 0 — повністю невидимим. Можна вводити десяткові значення.
Що відбувається із зображенням JPEG без прозорості?
Спершу додається альфа-канал, а всі пікселі стають повністю непрозорими; потім застосовується задана непрозорість. Тож зображення JPEG за значення 50 відсотків перетворюється на PNG, у якому кожен піксель напівпрозорий. Кольори не змінюються.
Що відбувається із зображеннями, які вже мають прозорі ділянки?
Значення наявного альфа-каналу масштабуються, а не замінюються. Повністю прозорі ділянки залишаються прозорими, а непрозорість пікселя, який був непрозорим на 80 відсотків, зменшується до 40 відсотків за значення 50. Вирізи та м’які тіні зберігають свою форму.
Чому результат має формат PNG?
JPEG не підтримує прозорість, тому результат зберігається у форматі PNG з альфа-каналом. Відтінки сірого зображень зберігаються, і додається альфа-канал. Якщо потрібен менший прозорий файл, згодом можна конвертувати його у WebP або AVIF.
Яке значення непрозорості підходить для водяного знака?
Логотипи як водяні знаки зазвичай найкраще виглядають із непрозорістю від 20 до 40 відсотків: їх достатньо видно, щоб ідентифікувати власника, і водночас вони не закривають фото. Використовуйте логотип із прозорим тлом, щоб став блідішим лише сам знак.
Чи виглядатиме зображення блідим, коли я його відкрию?
У браузерах і програмах для дизайну воно відображається напівпрозорим поверх усього, що є позаду, часто шахового візерунка або білої сторінки. Деякі прості переглядачі зображень показують прозорі пікселі чорними, через що зображення може здаватися темнішим, ніж очікувалося.
Чи можна зробити зображення повністю прозорим?
Так, непрозорість 0 задає значення 0 для всіх пікселів альфа-каналу. Кольори залишаються у файлі, але їх не видно. Це може стати в пригоді для заповнювачів, які мають зберігати свої розміри.
Які формати можна завантажувати?
Підтримуються зображення JPEG, PNG, GIF, WebP, TIFF та AVIF розміром до 5 MB. В анімованих файлах використовується перший кадр, а зображення, у яких довжина будь-якої сторони перевищує 4000 пікселів, зменшуються до потрібного розміру.
Чи змінюються кольори, коли я змінюю непрозорість?
Ні, змінюється лише альфа-канал, а значення червоного, зеленого та синього зберігаються точно. Візуальна зміна зумовлена тим, що видно крізь зображення.
Який рушій використовується?
Інструмент використовує операції ensureAlpha та linear бібліотеки sharp, щоб додати й масштабувати альфа-канал. Результат точний і відтворюваний.