Коли я намагаюся відкрити це зображення на PS (CS5), я отримую червоні прямокутники навколо непрозорих частин зображення.

Якщо я копіюю зображення і вставляю його в PS, я отримую вміст зображення, як видно з браузера, але з вбудованим чорним фоном (не прозорим, як насправді)

Що не так із цим зображенням?! Чи це мій PS?

Відповіді

Ліз Мажесте

Не впевнений щодо вашого точного екземпляра, але я часто зустрічав файли PNG, які відкриваються чорним або іншим кольором замість прозорості. Зазвичай це відбувається через те, що файл PNGвикористовує індексовані кольори та має альфа-палітру, а не використовує повну альфа-маску на самому зображенні.

В основному, коли ви зберігаєте файл PNG, ви використовуєте повний 24-бітний truecolor (8 біт на канал) плюс альфа-маску, в якій зберігається інформація про прозорість (в основному, інший 8-бітний канал). Коли ви використовуєте палітру кольорів, вона індексує кольори як 24-бітові кольори RGB і зберігає окрему 8-бітну альфа-маску.

Проте. Це означає, що кожен із ваших проіндексованих кольорів зберігається як 32-бітовий колір RGBA з даними прозорості, вбудованими в палітру. Це незвичайно, оскільки це важко зробити розумно, і, на жаль, це не вписується в режими кольорів Photoshop. Тому, коли Photoshop відкриває його, він читає лише компоненти RGB кожного індексованого кольору і не знаходить альфа-маски, тому всі дані прозорості втрачаються.

Я не пригадую, щоб зустрічався файл, в якому до частково прозорих областей застосований довільний матовий колір, але це все ж таки може бути варіацією тієї ж проблеми.

Ілмарі Каронен

Так, це PNG з індексованим кольором, все гаразд. Я тільки-но спробував відкрити його в GIMP, і текст виглядає дійсно блоковим, тому що він використовує 1-бітну прозорість в режимі індексованого кольору. Проте звичайна зміна колірного режиму на RGB виправляє це; Ви можете спробувати та подивитися, чи може той самий трюк спрацювати і у Photoshop.

Gaia

перехід на RGB в PSD не виявив зображення, як воно має виглядати...

Алан Гілбертсон

Лезі прибив це. Це дійсно PNG 8 з дійсно дивною палітрою. Ось як він відкривається у Fireworks, який правильно ідентифікує та відображає його. Причина блочності очевидна, коли ви дивитеся на таблицю: кожне місце, крім прозорого, має однаковий колір. Антипсевдонім? Нам не потрібне смердюче згладжування!

Ліз Мажесте

Так, так в основному Photoshop показує лише дані RGB палітри. Кожен індексований колір має ідентичний компонент RGB, але кожен має різне альфа-значення між 255 і 0. Я припускаю, що Photoshop жорстко закодований, щоб показати будь-який колір зі значенням 0 як «прозорий» (маленький діамант), але з знати, що робити зі значеннями A між 1 та 254, тому він просто сприймає його як суцільний червоний.

Алан Гілбертсон

Це феєрверк, а не фотошоп.

Ліз Мажесте

Ах, вибач. Я подивився на палітру у Фотошопі, і вона чимось схожа, за винятком того, що вона показує 119 додаткових кольорів після 137, що відображаються у Fw. Додаткові кольори повторюють відтінки сірого, тому я не впевнений, що там відбувається. Але зміна його на колір RGB безумовно не виправить ситуацію, як у Gimp.

Алан Гілбертсон

Перевага FW полягає в тому, що PNG - це власний формат файлів, тому він набагато розумніший з усіма "png", ніж Photoshop. Зображення відкривається так, як ви бачите його на знімку. FW все ще в моєму списку програм, щоб заглибитися в нього. Тим часом це зручно для такого роду діагностики.

Gaia

Спасибі, це безумовно допомагає знати, що я можу використовувати FW, щоб прочитати його правильно.

ptim

На ваше запитання добре відповіли вищезгадані люди, але я хоча б згадав курс дій для тих, хто прийде після – ви можете відкрити індексований png у Preview.app або pixlr.com та зберегти зображення як png, щоб отримати без втрат доступ до зображення. Потім можна відновити зображення в будь-якому форматі за допомогою PS.

Я використовую Image Alpha та Image Optim для надійного виведення. Більше Детальна інформаціяу статті: «PNG, який працює», який пояснює формат PNG8, та інші питання оптимізації PNG докладніше.

Ден

Веб-дизайнери іноді використовують Fireworks для збереження 8-бітових файлів PNG з альфа-прозорим каналом, оскільки це дозволяє деяким старішим браузерам надійніше обробляти альфа-прозорість без власних хаків, фільтрів IE CSS і т.д. Колірні профіліу Photoshop не визнають або зробити це правильно, хоча.

Формат зображень PNG є одним з найпопулярніших і пропонує користувачам зберігати стислі картинки, не втративши їх якості. Найбільш PNG застосовується для редагування графіки або в інтернеті. Далі ми розглянемо кілька простих способів, завдяки яким ви зможете відкрити файл цього формату у себе на комп'ютері.

Існує кілька різних методів, що дозволяють відкривати файли формату PNGдля перегляду та редагування. Вам досить просто слідувати інструкціям, наданим нижче, і відкрити зображення не складе труднощів.

Спосіб 1: Програми для перегляду зображень

На просторах інтернету існує безліч графічних редакторів та спеціального софту для перегляду та редагування зображень. Вони надають користувачам велику кількість функцій та інструментів, що робить процес роботи з картинками максимально комфортним. Розглянемо процес відкриття PNG-зображення на прикладі програми GIMP:

Якщо GIMP з будь-яких причин не влаштовує вас, пропонуємо ознайомитися з повним спискомпрограм для перегляду зображень у нашій статті за посиланням нижче. Там ви точно знайдете щось слушне.

У випадку, коли потрібно зробити різні маніпуляції з відкритим зображенням, скористайтеся спеціальними графічними редакторамиз розширеною функціональністю та наявністю великої кількості різних інструментів. Докладніше з ними ви можете ознайомитись у нашій статті за посиланням нижче.

Спосіб 2: Стандартний засіб Windows

У всіх версіях операційної системи Windowsє вбудована програма для перегляду зображень. З її допомогою здійснюється відкриття файлів формату PNG. Давайте докладніше розглянемо цей процес:

Якщо вам потрібно, щоб усі PNG-зображення відкривалися через стандартний засіб перегляду фотографій Windows, виконайте такі дії:

Тепер за замовчуванням всі файли PNG будуть відкриватися за допомогою стандартного засобуперегляду фотографій. Щоб змінити програму для відкриття, просто виконайте ті самі дії, вибравши інший програмний продукт.

У цій статті ми докладно розглянули прості способивідкриття картинок формату PNG. Як бачите, у цьому процесі немає нічого складного, і все виконується буквально за кілька дій.

Іноді потрібно завантажити зображення, що містить прозорі елементи, крізь які переглядатиме початковий фон. У цих випадках було б зручно завантажити зображення PNG, оскільки вони здатні зберігати прозорість.

У цій статті ми розповімо, як зробити прозорість у Фотошопі.

Створення файлу

Перший крок – створення файлу. Для цього відкрийте Adobe Photoshopта в меню «Файл» ( File) угорі сторінки виберіть «Створити» ( New).

Потім у вікні «Новий документ» ( New Document) створіть файл потрібного розміру, і переконайтеся, що роздільна здатність документа становить 72 пікселя на дюйм ( оскільки файл призначений для використання у веб). Також, що ви вибрали значення «Прозорий» ( Transparent) у випадаючому списку «Вміст фону» ( Background Contents).

*Перед тим, як зробити PNG з прозорістю у Фотошопі, потрібно уточнити, що в цьому прикладі ми створюємо зображення для завантаження як фон для сайту, тому розмір документа заданий таким чином: ширина 3000 пікселів, висота 1730 пікселів, що є рекомендованими розмірами для завантаження HD зображень:

Після встановлення параметрів натисніть «OK», щоб відкрити новий документ.

Потім на панелі «Шари» ( Layers) переконайтеся, що працюєте на прозорому шарі, а не на фоновому:

Після того, як ви завершили створення і готові зберегти прозоре зображення, залежно від версії Photoshop, що використовується, в меню «Файл» ( File) Ви можете використовувати один з можливих варіантів:

Photoshop версії раніше, ніж CC 2015:

Зараз ми розповімо, як зробити прозорість картинки у Фотошопіякий вийшов раніше CC 2015 . У цих версіях використовують метод «Зберегти для Web» ( Save for Web & Devices), щоб зберегти та оптимізувати PNG зображення для використання у вебі. Щоб скористатися цим методом, просто зайдіть у меню «Файл» ( File), і далі – «Зберегти для Web» ( Save for Web & Devices):

Потім у вікні виберіть PNG-24 з меню можливих значень, а потім переконайтеся, щоб вибрані опції «Прозорість» ( Transparency) та « Перетворити на sRGB» ( Convert to sRGB). Це підтверджує, що зображення міститиме прозорий фоні його колірний режим буде перетворено на sRGB , рекомендований колірний простір для Інтернету.

Поля « Розмір зображення» ( Image Size) автоматично заповнюються значеннями, які ви задали, коли ви створювали файл. Але якщо ви хочете змінити розмір файлу перед збереженням, можна зробити це зараз.

Photoshop версії CC 2015:

Перед тим, як зробити прозорість фото у Фотошопі, потрібно знати, що з версії CC 2015 опція «Зберегти для Web» ( Save for Web & Devices) у меню «Файл» ( File) позначена як Legacy (застаріла). І заміщена на нову опцію «Експорт» ( Export), яка пропонує ідентичну функціональність з швидшим збереженням у файлі меншого розміру та в найкращій якості. Щоб скористатися опцією «Експорт», натисніть меню «Файл» ( File), а потім - " Експортувати як» ( Export As).

Примітка: Adobe, як і раніше, пропонує опцію «Зберегти для Web» ( Save for Web & Devices) у Photoshop CC 2015 , і вона доступна через меню Файл > Експорт ( File > Export) або при використанні комбінації клавіш Command+Option+Shift+S (для Mac) або Ctrl+Alt+Shift+S (для ПК):

Потім у вікні виберіть PNG з випадаючого меню «Формат» ( Формат) і переконайтеся, що вибрано опції «Прозорість» ( Transparency) та « Перетворити на sRGB» ( Convert to sRGB).

За наявності на комп'ютері встановленої антивірусної програми можна, можливо сканувати всі файли на комп'ютері, а також кожен файл окремо. Можна виконати сканування будь-якого файлу, натиснувши правою кнопкоюмиші на файл і вибравши відповідну опцію для перевірки файлу на наявність вірусів.

Наприклад, на цьому малюнку виділено файл my-file.png, далі необхідно клацнути правою кнопкою миші по цьому файлу, і в меню файлу вибрати опцію "сканувати за допомогою AVG". При виборі цього параметра відкриється AVG Antivirus, який виконає перевірку даного файлунаявність вірусів.

Іноді помилка може виникнути в результаті неправильної установки програмного забезпечення що може бути пов'язане з проблемою, що виникла в процесі установки. Це може завадити вашій операційній системі пов'язати ваш файл PNG з правильним прикладним програмним засобом , впливаючи на так звані "Асоціації розширень файлів".

Іноді проста перевстановлення Adobe Illustrator CCможе вирішити вашу проблему, правильно зв'язавши PNG з Adobe Illustrator CC. В інших випадках проблеми з файловими асоціаціями можуть виникнути в результаті поганого програмування програмного забезпеченнярозробником, і вам може знадобитися зв'язатися з розробником для отримання додаткової допомоги.

Порада:Спробуйте оновити Adobe Illustrator CC до останньої версії, щоб переконатися, що встановлені останні виправлення та оновлення.

Це може здатися надто очевидним, але часто безпосередньо сам файл PNG може бути причиною проблеми. Якщо ви отримали файл через вкладення електронної поштиабо завантажили його з веб-сайту, і процес завантаження був перерваний (наприклад, відключення живлення або з іншої причини), файл може зашкодити. Якщо можливо, спробуйте отримати нову копіюфайлу PNG і спробуйте відкрити його знову.

Обережно:Пошкоджений файл може спричинити виникнення супутніх збитків попередньої або вже існуючої шкідливої ​​програми на вашому ПК, тому дуже важливо, щоб на вашому комп'ютері постійно працював оновлений антивірус.

Якщо файл PNG пов'язаний з апаратним забезпеченням на вашому комп'ютері, щоб відкрити файл, вам може знадобитися оновити драйвери пристроїв, пов'язаних із цим обладнанням.

Ця проблема зазвичай пов'язана з типами мультимедійних файлів, які залежать від успішного відкриття апаратного забезпечення всередині комп'ютера, наприклад, звукової картиабо відеокарти. Наприклад, якщо ви намагаєтеся відкрити аудіофайл, але не можете його відкрити, вам може знадобитися оновити драйвери звукової карти.

Порада:Якщо при спробі відкрити файл PNG ви отримуєте повідомлення про помилку, пов'язану з .SYS file, проблема, ймовірно, може бути пов'язана з пошкодженими або застарілими драйверами пристроїв, які потрібно оновити. Цей процес можна полегшити за допомогою програмного забезпечення для оновлення драйверів, таких як DriverDoc .

Якщо кроки не вирішили проблему, і у вас все ще виникають проблеми з відкриттям файлів PNG, це може бути пов'язано з відсутністю доступних системних ресурсів. Для деяких версій файлів PNG може знадобитися значний обсяг ресурсів (наприклад, пам'ять/ОЗУ, обчислювальна потужність) для належного відкриття на вашому комп'ютері. Така проблема зустрічається досить часто, якщо ви використовуєте досить старе комп'ютерне апаратне забезпечення і одночасно нову операційну систему.

Така проблема може виникнути, коли комп'ютеру важко впоратися із завданням, оскільки операційна система(та інші служби, що працюють у фоновому режимі) можуть споживати надто багато ресурсів для відкриття файлу PNG. Спробуйте закрити всі програми на вашому ПК, перш ніж відкривати Portable Network Graphics. Звільнивши всі доступні ресурси на вашому комп'ютері, ви забезпечите найкращі умови для спроб відкрити файл PNG.

Якщо ви виконали всі описані вище кроки, а ваш файл PNG, як і раніше, не відкривається, може знадобитися виконати оновлення обладнання. У більшості випадків, навіть при використанні старих версій обладнання, обчислювальна потужність може бути більш ніж достатньою для більшості програм користувача (якщо ви не виконуєте багато ресурсоємної роботи процесора, такий як 3D-рендеринг, фінансове/наукове моделювання або інтенсивна мультимедійна робота) . Таким чином, цілком імовірно, що вашому комп'ютеру не вистачає необхідного обсягу пам'яті(частіше званої «ОЗУ», або оперативною пам'яттю) виконання завдання відкриття файла.

Девід

Чому завантажений PNG не відображає прозорість у фотошопі?

Я намагався завантажити фотографії / картинки з Інтернету та відредагувати їх, але кожного разу, коли я роблю це, прозоре тло стає білим. Я пробував копіювати/вставляти, що ніколи не працює. Я спробував завантажити як PNG і відкрити його у Photoshop, який іноді працює, але зазвичай ні. Я спробував завантажити його, скопіювати попередній перегляді вставити його у Photoshop, але це також не працює. Всі зображення прозорі в моєму браузері (я використовую хром), але коли я їх завантажую, вони часто не зберігають своєї прозорості. Я знаю, що на це є піст, але жодна з відповідей не допомогла. Я на Mac.

Перша фотографія показує зображення на Chrome з прозорим фоном. Друге – це у фотошопі, з білим тлом.

В налаштуваннях Google Images перед пошуком я змінюю фон на «прозоре», тобто всі зображення, отримані в результаті пошуку, мають прозоре тло. При пошуку спеціально прозорих зображень і бачачи картатий фон, я впевнений, що зображення прозорі. Крім того, це PNG, який завжди має прозоре тло. Якби це був JPEG, він мав би біле тло.

user287001

Цей випадок цікавий. Дайте нам скріншот одного прозорого зображення у вашому Chrome і дуже ретельно та докладно вкажіть, як ви переконалися у його прозорості у Chrome, але не після завантаження.

Біллі Керр

Не всі зображення PNG мають прозорість. Це залежить від того, як було збережено зображення. У вас є пряма URL-адреса до вихідного зображення PNGщоб ми могли перевірити його?

Біллі Керр

Добре. Я збираюся додати відповідь зараз.

Відповіді

Біллі Керр

Зверніть увагу, що в останніх версіях Photoshop CC за замовчуванням увімкнено опцію «Артборди», яка взагалі не відображає сітку прозорості. Ви повинні вийти з режиму Artboard, щоб знову побачити прозорість. Я не знаю, чому Adobe зробила це за замовчуванням.

Біллі Керр

@Dai - налаштування Artboard за замовчуванням застосовується лише в тому випадку, якщо при створенні нового документа ви починаєте з одного із шаблонів у розділах Web або Mobile. Для інших типів документів опція Artboard за замовчуванням вимкнена. Відкриття PNG також не за замовчуванням для артбордів, принаймні в PS CC 2017. Мій скріншот був у CS4, але CC має таку ж поведінку при відкритті PNG.

Планшети