Девід
Чому завантажений 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.
Коли я намагаюся відкрити це зображення на 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 і т.д. визнати чи зробити це правильно, хоча.
Іноді потрібно завантажити зображення, яке містить прозорі елементи, крізь які переглядатиме початкове тло. У цих випадках було б зручно завантажити зображення 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 використовується для редагування графіки або в інтернеті. Далі ми розглянемо кілька простих способів, завдяки яким ви зможете відкрити файл даного форматуу себе на комп'ютері
Існує кілька різних методів, які дозволяють відкривати файли PNG для перегляду та редагування. Вам досить просто дотримуватися інструкцій, наданих нижче, і відкрити зображення не складе труднощів.
Спосіб 1: Програми для перегляду зображень
На просторах інтернету існує безліч графічних редакторів та спеціального софту для перегляду та редагування зображень. Вони надають користувачам велику кількість функцій та інструментів, що робить процес роботи з картинками максимально комфортним. Розглянемо процес відкриття PNG-зображення на прикладі програми GIMP:
Якщо GIMP з будь-яких причин не влаштовує вас, пропонуємо ознайомитися з повним спискомпрограм для перегляду зображень у нашій статті за посиланням нижче. Там ви точно знайдете щось слушне.
У разі, коли потрібно здійснити різні маніпуляції з відкритим зображенням, скористайтеся спеціальними графічними редакторамиз розширеною функціональністю та наявністю великої кількості різних інструментів. Докладніше з ними ви можете ознайомитись у нашій статті за посиланням нижче.
Спосіб 2: Стандартний засіб Windows
У всіх версіях операційної системи Windowsє вбудована програма перегляду зображень. З її допомогою здійснюється відкриття файлів формату PNG. Давайте докладніше розглянемо цей процес:
Якщо вам необхідно, щоб усі зображення PNG відкривалися через стандартний засіб перегляду фотографій Windows, виконайте наступні дії:
Тепер за замовчуванням всі файли PNG будуть відкриватися за допомогою стандартного засобуперегляду фотографій. Щоб змінити програму для відкриття, просто виконайте ті ж дії, вибравши інший софт.
У цій статті ми детально розглянули прості способивідкриття картинок формату PNG. Як бачите, у даному процесінемає нічого складного і все виконується буквально за кілька дій.
