Как да се поддържа прозрачност

Запазване на прозрачност на изображението по няколко начина. Трябва да се има предвид, че браузърите показва правилно и подкрепя запазването на прозрачност само в GIF и PNG формати. PSD - собствен формат на Photoshop не се появява в браузъра.

При запазване на прозрачността е необходимо също така да се вземе предвид, че форматите PNG-8 и GIF са не съхраняват повече от 256 цвята. Защото, когато запаметите снимките, които не са прозрачни и полупрозрачни, използване, за да спаси качеството на снимката, JPEG формат.

Сега по-подробно:

Ако искате да се запази прозрачността на изображението, за фон (по-ниска) слой, който има 100% непрозрачност, и на обекта (на горния слой) на този фон има секции с различна степен на прозрачност, се комбинират лесно видими слоеве и запазване на изображението в желания формат (JPEG, например) , Прозрачността на най-горния слой ще бъдат запазени.

В присъствието на 100% прозрачност на фона и 100% непрозрачност изображение върху него, запазване е възможно да се направи в PNG-8, или GIF формат. Обикновено, форматът е избран, в която записаното изображение ще има по-ниско тегло. GIF формат се използва за съхраняване на анимирани изображения, в които, като прозрачност се използва много широко известен. JPEG формат, докато тя се поддържа в изображения с прозрачност, прозрачността ще превежда на стандартния цвят - бял.

И как да се поддържа прозрачност, различна от 100%? По-точно, как да се поддържа имидж с частична прозрачност (полупрозрачност) в основния слой? Форматите PNG-8 и GIF превод прозрачна бяла, оставяйки само прозрачността на 100%. Мисля, че сте видели изображението с бяла тапицерия. Това е точно така. Ето защо, в Photoshop, за да спаси изображения с полу-прозрачност, има формат PNG-24. Благодарение на него изображение с помощта на градиент полупрозрачност полупрозрачност или някои от неговите елементи се съхраняват и се показва в браузъра, както ние ги виждаме в Photoshop. Теглото на снимката, записана в този формат ще бъде повече от PNG-8. Помислете за този факт и прилага запазване на прозрачността в PNG формат-24 е само за изображения с прозрачност в основния слой.

Както е добре, като същевременно се поддържа прозрачност, можете да използвате готови, оптимизирани настройки, записани от редовния набор (11) Photoshop. Аз препоръчвам някоя от тях не е трудно. Всеки от тях е добър в дадена задача. Но след известно експериментиране лесно можете да намерите най-добрият вариант. Още веднъж искам да ви напомня: в преследване на намаляване на теглото на изображението и по време на откриването му в браузъра (12) не се прилага за сметка на качеството!

Не забравяйте, че ние сме създали с вас цветното колело? I добавя към най-долния слой (това имахме празно) в избраната кръгова област, линеен градиент от 100% непрозрачност на 0%. За сравнение и яснота, аз продължавах това изображение в различни формати и ги поставя на контрастиращ фон. При запис в JPEG (а), че сме загубили, и прозрачност и полупрозрачност (15), на фона на останалото. Предшестващо състояние на бял (13). Запис в PNG-8 (б) и GIF (а) запазва 100% прозрачност (14), но прозрачност (15) по отношение на фона се губи. Ясно се виждат бял кант (16) около изображението и дори стрелките, сочещи към кант. Форматът PNG-24 (R) и успяхме да се запази прозрачността и прозрачност. Изображението се разглежда през фона на сайта (17). И няма никакви артефакти.

Съжалявам, че ви прекъсвам, но имам нужда от малко повече информация.

Каква е правилната фраза. супер, страхотна идея