Bagaimana cara membuat PNG dengan transparansi di Adobe Photoshop (CC dan versi yang lebih tinggi)? Mengapa Photoshop tidak dapat membuka PNG ini dengan benar? Mengapa PNG dimuat tidak menampilkan transparansi di Photoshop.

Masalah yang paling umum, karena pengguna mana tidak dapat membuka file ini, adalah program yang salah ditugaskan. Untuk memperbaikinya di Windows, Anda harus mengklik kanan file, dalam menu konteks, bawa mouse untuk "buka menggunakan" item, dan pilih menu drop-down Item Pilih Program. Akibatnya, Anda akan melihat daftar program yang diinstal di komputer Anda, dan Anda dapat memilih yang cocok. Kami juga merekomendasikan untuk memeriksa kotak di depan "Gunakan aplikasi ini untuk semua file PNG".

Masalah lain yang dengannya pengguna kami juga sering terjadi - file PNG rusak. Situasi seperti itu mungkin timbul dalam kasus kasus. Misalnya: File diunduh tidak sepenuhnya sebagai hasil dari kesalahan server, file tersebut rusak pada awalnya, dll. Untuk menghilangkan masalah ini, gunakan salah satu rekomendasi:

  • Coba temukan file yang diinginkan di sumber lain di Internet. Anda mungkin beruntung menemukan versi yang lebih cocok. Contoh Pencarian Google: "File File: PNG". Cukup ganti kata "file" ke nama yang Anda butuhkan;
  • Minta Anda mengirimi Anda file sumber lagi, mungkin telah rusak selama transmisi;

Ketika saya mencoba untuk membuka gambar ini di PS (CS5), saya mendapatkan persegi panjang merah di sekitar bagian-bagian buram gambar.

Jika saya menyalin gambar dan memasukkannya ke PS, saya mendapatkan isi gambar, seperti yang terlihat dari browser, tetapi dengan latar belakang hitam built-in (tidak transparan, pada kenyataannya)

Apa yang salah dengan gambar ini?! Atau apakah itu ps saya?

Jawaban.

Les majeste.

Tidak yakin dengan contoh Anda yang akurat, tetapi saya sering menemui file PNG yang terbuka dengan warna hitam atau lainnya daripada transparansi. Biasanya ini disebabkan oleh fakta bahwa file PNG menggunakan warna yang diindeks dan memiliki palet alfa, dan tidak menggunakan topeng alfa penuh pada gambar itu sendiri.

Pada dasarnya, ketika Anda biasanya menyimpan file PNG, Anda menggunakan TrueColor 24-bit penuh (8 bit per channel) plus mask alpha di mana informasi transparansi disimpan (terutama saluran 8-bit lainnya). Ketika Anda menggunakan palet warna, itu mengindeks warna sebagai warna RGB 24-bit dan menyimpan topeng alfa 8-bit yang terpisah.

Tapi. Ini berarti bahwa setiap warna indeks Anda disimpan sebagai warna RGBA 32-bit dengan data transparansi tertanam dalam palet. Itu tidak biasa karena sulit untuk dilakukan secara wajar, dan, sayangnya, itu tidak cocok dengan mode warna Photoshop. Oleh karena itu, ketika Photoshop membukanya, hanya membaca komponen RGB dari setiap warna yang diindeks dan tidak menemukan mask alpha, sehingga semua data transparansi hilang.

Saya tidak ingat bahwa ada warna matte sewenang-wenang untuk bertemu daerah yang sebagian transparan, tetapi masih bisa menjadi variasi dari masalah yang sama.

Ilmari Caronen.

Ya, itu adalah PNG dengan warna yang diindeks, semuanya beres. Saya hanya mencoba membukanya di GIMP, dan teksnya terlihat benar-benar blok, karena menggunakan transparansi 1-bit dalam mode warna yang diindeks. Namun, perubahan sederhana dalam mode warna pada RGB memperbaikinya; Anda dapat mencoba dan melihat apakah trik yang sama dapat bekerja di Photoshop.

Gaia.

transisi ke RGB dalam PSD tidak mengungkapkan gambar sebagaimana mestinya ...

Alan Gilbertson

Lezi memaku. Ini benar-benar png 8 dengan palet yang sangat aneh. Beginilah cara penggunaannya di Fireworks, yang mengidentifikasi dan menampilkannya dengan benar. Penyebab blok jelas ketika Anda melihat meja: setiap tempat, kecuali transparan, memiliki warna yang sama. Anti-nama samaran? Kita tidak perlu smoothing bau!

Les majeste.

Ya, jadi pada dasarnya Photoshop hanya menunjukkan data palet RGB. Setiap warna yang diindeks memiliki komponen identik RGB, tetapi masing-masing memiliki nilai alfa yang berbeda antara 255 dan 0. Saya berasumsi bahwa Photoshop dikodekan secara kaku untuk menunjukkan warna apa pun dengan nilai 0 sebagai "berlian kecil) (berlian kecil), tetapi tidak Ketahuilah bahwa untuk dilakukan dengan nilai-nilai antara 1 dan 254, sehingga hanya menganggapnya sebagai merah padat.

Alan Gilbertson

Ini adalah kembang api, bukan photoshop.

Les majeste.

Oh maaf. Saya melihat palet di Photoshop, dan dia terlihat seperti itu, kecuali bahwa itu menunjukkan 119 warna tambahan setelah 137 ditampilkan di FW. Warna tambahan mengulangi nuansa abu-abu, jadi saya tidak yakin apa yang terjadi di sana. Tetapi mengubahnya pada warna RGB pasti tidak akan memperbaiki situasi seperti pada GIMP.

Alan Gilbertson

Keuntungan dari FW adalah bahwa PNG adalah format file sendiri, jadi jauh lebih pintar dengan semua "png" daripada photoshop. Gambar terbuka persis seperti yang Anda lihat di gambar. FW masih dalam daftar aplikasi saya untuk memperdalamnya. Sementara itu, nyaman untuk diagnosis semacam ini.

Gaia.

Terima kasih, itu pasti membantu mengetahui bahwa saya dapat menggunakan FW untuk membacanya dengan benar.

pTIM.

Orang-orang yang disebutkan di atas menjawab pertanyaan Anda dengan baik, tetapi setidaknya menyebutkan tindakan bagi mereka yang datang setelah - Anda dapat membuka png yang diindeks di preview.app atau pixlr.com dan simpan gambar sebagai png untuk mendapatkan akses ke gambar tanpa kehilangan . Kemudian Anda dapat mengembalikan gambar dalam format apa pun menggunakan PS.

Saya menggunakan gambar alfa dan optim gambar untuk output yang andal. Untuk informasi lebih lanjut dalam artikel: "PNG, yang berfungsi", yang menjelaskan format PNG8, dan masalah optimasi PNG lainnya secara lebih rinci.

Dan.

Desainer web kadang-kadang menggunakan Fireworks untuk menghemat file PNG 8-bit dengan saluran alfa-transparan, karena memungkinkan beberapa browser yang lebih lama untuk memproses transparansi alpha yang lebih andal tanpa peretasan mereka sendiri, yaitu filter CSS, dll. Profil warna di Photoshop tidak akan dikenali atau lakukan dengan benar.

Jika Anda memiliki komputer diinstal program Antivirus. bisa pindai semua file di komputer Anda, serta setiap file secara terpisah. Anda dapat memindai file apa pun dengan mengklik kanan file dan memilih opsi yang sesuai untuk memeriksa file untuk keberadaan virus.

Misalnya, dalam gambar ini dialokasikan file My-File.pngMaka Anda perlu mengklik kanan pada file ini, dan pilih opsi di menu File "Pindai dengan AVG". Ketika parameter ini dipilih, AVG Antivirus akan terbuka, yang akan memeriksa file ini untuk virus.


Terkadang kesalahan dapat terjadi sebagai hasilnya instalasi perangkat lunak yang tidak valid.Apa yang bisa dikaitkan dengan masalah yang terjadi selama proses instalasi. Ini dapat mengganggu sistem operasi Anda. ikat file PNG Anda dengan perangkat lunak aplikasi yang tepatberdampak pada apa yang disebut "Asosiasi Ekstensi File".

Terkadang sederhana menginstal ulang Adobe Illustrator CC Ini dapat memecahkan masalah Anda dengan benar menautkan PNG dengan Adobe Illustrator CC. Dalam kasus lain, masalah dengan asosiasi file dapat dihasilkan dari pemrograman perangkat lunak yang buruk Pengembang, dan Anda mungkin diminta untuk menghubungi pengembang untuk lebih banyak akomodasi.


Tip: Coba perbarui Adobe Illustrator CC ke versi terbaru untuk memastikan bahwa perbaikan dan pembaruan terbaru diinstal.


Mungkin tampak terlalu jelas, tetapi sering langsung file png itu sendiri dapat menyebabkan masalah. Jika Anda menerima file melalui lampiran email atau mengunduhnya dari situs web, dan proses unduhan terputus (misalnya, pemadaman listrik atau untuk alasan lain), file mungkin rusak. Jika memungkinkan, cobalah untuk mendapatkan salinan baru dari file PNG dan coba buka lagi.


Peringatan: File yang rusak mungkin memerlukan terjadinya kerusakan yang menyertainya pada malware sebelumnya atau yang sudah ada pada PC Anda, sehingga sangat penting bahwa antivirus yang diperbarui terus-menerus bekerja di komputer Anda.


Jika file png Anda terkait dengan perangkat keras di komputer AndaUntuk membuka file yang mungkin Anda butuhkan perbarui driver perangkatterkait dengan peralatan ini.

Masalah ini Biasanya terkait dengan jenis file multimediayang tergantung pada keberhasilan pembukaan perangkat keras di dalam komputer, misalnya, kartu suara atau kartu video. Misalnya, jika Anda mencoba membuka file audio, tetapi Anda tidak dapat membukanya, Anda mungkin perlu perbarui driver kartu suara.


Tip: Jika Anda mencoba membuka file PNG, Anda dapatkan pesan kesalahan yang terkait dengan file S.SYS, masalahnya cenderung terkait dengan driver perangkat yang rusak atau ketinggalan jamanyang perlu diperbarui. Proses ini dapat difasilitasi dengan menggunakan perangkat lunak untuk memperbarui driver, seperti DriverDoc.


Jika langkah-langkahnya tidak menyelesaikan masalahDan Anda masih memiliki masalah dengan membuka file png, itu mungkin terkait dengan kurangnya sumber daya sistem yang tersedia. Untuk beberapa versi file PNG, sejumlah besar sumber daya mungkin diperlukan (misalnya, memori / RAM, daya komputasi) untuk pembukaan yang tepat di komputer Anda. Masalah seperti itu terjadi cukup sering jika Anda menggunakan perangkat keras komputer lama yang cukup dan pada saat yang sama sistem operasi yang jauh lebih baru.

Masalah ini dapat terjadi ketika komputer sulit untuk mengatasi tugas, karena sistem operasi (dan layanan lain yang beroperasi di latar belakang) dapat konsumsi terlalu banyak sumber daya untuk membuka file PNG. Cobalah untuk menutup semua aplikasi di PC Anda sebelum membuka grafik jaringan portabel. Setelah membebaskan semua sumber daya yang tersedia di komputer Anda, Anda akan memberikan kondisi terbaik untuk mencoba membuka file PNG.


Jika kamu dilakukan semua langkah yang dijelaskan di atas, dan file PNG Anda masih tidak terbuka, mungkin perlu dilakukan pembaruan Peralatan. Dalam kebanyakan kasus, bahkan ketika menggunakan peralatan lama peralatan, daya komputasi masih bisa lebih dari cukup untuk sebagian besar aplikasi pengguna (jika Anda tidak melakukan banyak operasi prosesor intensif sumber daya, seperti rendering 3D, pemodelan keuangan / ilmiah atau intensif pekerjaan multimedia). Lewat sini, kemungkinan komputer Anda tidak memiliki jumlah memori yang diperlukan.(Lebih sering disebut "RAM", atau RAM) untuk melakukan tugas membuka file.

David

Mengapa PNG dimuat menampilkan transparansi di Photoshop?

Saya mencoba mengunggah foto / gambar dari internet dan mengeditnya, tetapi setiap kali saya melakukannya, latar belakang transparan menjadi putih. Saya mencoba menyalin / menyisipkan, yang tidak pernah berfungsi. Saya mencoba mengunduh sebagai png dan membukanya di Photoshop, yang terkadang berfungsi, tetapi biasanya tidak. Saya mencoba mengunggahnya, salin pratinjau dan masukkan ke Photoshop, tetapi juga tidak berfungsi. Semua gambar transparan di browser saya (saya menggunakan Chrome), tetapi ketika saya mengunduhnya, mereka sering tidak mempertahankan transparansi mereka. Saya tahu bahwa ada posting di atasnya, tetapi tidak ada jawaban yang membantu. Saya di Mac.

Foto pertama menunjukkan gambar pada chrome, dengan latar belakang transparan. Yang kedua ada di Photoshop, dengan latar belakang putih.

Di pengaturan Gambar Google sebelum mencari, saya mengubah latar belakang menjadi "transparan", yaitu, semua gambar diperoleh sebagai hasil dari pencarian memiliki latar belakang transparan. Saat mencari gambar transparan khusus dan melihat latar belakang kotak-kotak, saya yakin gambarnya transparan. Selain itu, PNG, yang selalu memiliki latar belakang transparan. Jika itu JPEG, dia akan memiliki latar belakang putih.

user287001.

Kasus ini menarik. Beri kami tangkapan layar satu gambar transparan di Chrome Anda dan dengan sangat hati-hati dan detail bagaimana Anda melihatnya dalam transparansi di Chrome, tetapi tidak setelah mengunduh.

Billy Kerr.

Tidak semua gambar PNG memiliki transparansi. Itu tergantung pada bagaimana gambar disimpan. Apakah Anda memiliki URL langsung ke gambar PNG asli sehingga kami dapat memeriksanya?

Billy Kerr.

BAIK. Saya akan menambahkan jawaban sekarang.

Jawaban.

Billy Kerr.

Harap dicatat bahwa dalam versi Photoshop CC terbaru, opsi "Artboards" diaktifkan secara default, yang tidak menampilkan grid transparansi. Anda harus keluar dari mode artboard untuk melihat transparansi lagi. Saya tidak tahu mengapa Adobe melakukannya dengan pengaturan default.

Billy Kerr.

@DAI - Pengaturan artboard default hanya diterapkan jika Anda mulai saat membuat dokumen baru, Anda mulai dari salah satu templat di bagian web atau seluler. Untuk jenis dokumen lainnya, opsi artboard dinonaktifkan secara default. Pembukaan PNG juga tidak default untuk artboard setidaknya di PS CC 2017. Screenshot saya ada di CS4, tetapi CC memiliki perilaku yang sama saat membuka PNG.

Terkadang Anda perlu mengunggah gambar yang berisi elemen transparan di mana latar belakang asli akan menembus. Dalam kasus ini, akan mudah untuk mengunduh gambar PNG, karena mereka dapat mempertahankan transparansi.

Dalam artikel ini kita akan memberi tahu cara membuat transparansi di Photoshop.

Membuat file.

Langkah pertama adalah membuat file. Untuk melakukan ini, buka Adobe Photoshop dan di menu File ( Mengajukan) Halaman atas Pilih "Buat" ( Baru).

Kemudian dalam dokumen baru "dokumen baru" muncul ( Dokumen baru) Buat file ukuran yang diinginkan, dan pastikan bahwa izin dari dokumen adalah 72 piksel per inci ( karena file dimaksudkan untuk digunakan di web). Dan juga bahwa Anda telah memilih nilai "transparan" ( Transparent.) Dalam daftar drop-down "latar belakang konten" ( Isi latar belakang.).

* Sebelum membuat PNG dengan transparansi di Photoshop, Anda perlu mengklarifikasi bahwa dalam contoh ini kami membuat gambar untuk mengunduh sebagai latar belakang untuk situs, sehingga ukuran dokumen diberikan sebagai berikut: lebar 3000 piksel, ketinggian 1730 piksel , yang direkomendasikan untuk ukuran untuk mengunduh gambar HD:

Setelah Anda menentukan nilai parameter, klik "OK" untuk membuka dokumen baru.

Kemudian di panel "Layers" ( Lapisan.) Pastikan Anda bekerja pada lapisan transparan, dan tidak pada latar belakang:

Setelah Anda selesai membuat dan siap untuk menyimpan gambar transparan, tergantung pada versi Photoshop yang digunakan, dalam menu File ( Mengajukan) Anda dapat menggunakan salah satu opsi yang mungkin:

Versi Photoshop sebelumnya dari CC 2015:

Sekarang kita akan memberitahu cara membuat gambar transparansi di Photoshopyang keluar sebelum CC 2015. Versi-versi ini menggunakan metode "Simpan untuk Web" ( Simpan untuk Web & Perangkat) Untuk menyimpan dan mengoptimalkan gambar PNG untuk digunakan di web. Untuk memanfaatkan metode ini, cukup buka menu "File" ( Mengajukan), dan selanjutnya - "Simpan untuk Web" ( Simpan untuk Web & Perangkat):

Kemudian, di jendela yang muncul, pilih PNG-24 dari menu drop-down dari nilai yang mungkin, dan kemudian pastikan opsi transparansi dipilih ( Transparansi.) dan " Konversikan ke SRGB.» ( Konversikan ke SRGB.). Ini mengkonfirmasi bahwa gambar akan berisi latar belakang transparan dan mode warnanya akan dikonversi ke SRGB, ruang warna yang disarankan untuk web.

Bidang " Ukuran gambar» ( Ukuran gambar) Secara otomatis diisi dengan nilai yang Anda tentukan saat Anda membuat file. Tetapi jika Anda ingin mengubah ukuran file sebelum menyimpan, Anda dapat melakukannya sekarang.

Photoshop Versi CC 2015:

Sebelum, cara Membuat Foto Transparansi di Photoshop, Anda perlu tahu bahwa dari opsi Versi CC 2015 "Simpan untuk Web" ( Simpan untuk Web & Perangkat) Dalam menu "File" ( Mengajukan) Ditandai seperti warisan (ketinggalan jaman). Dan diganti dengan opsi ekspor baru ( Ekspor), yang menawarkan fungsionalitas yang identik dengan penghematan lebih cepat dalam file yang lebih kecil dan dengan kualitas yang lebih baik. Untuk menggunakan opsi ekspor, klik menu File ( Mengajukan), lalu - " Ekspor sebagai» ( Ekspor sebagai).

Catatan: Adobe masih menawarkan opsi "Simpan untuk Web" ( Simpan untuk Web & Perangkat) Di Photoshop cc 2015, dan tersedia melalui file\u003e menu ekspor ( File\u003e Ekspor) atau saat menggunakan perintah + opsi + kombinasi tombol shift + (untuk mac) atau ctrl + alt + shift + s (untuk PC):

Kemudian, di jendela yang muncul, pilih PNG dari menu drop-down "Format" ( Format.) Dan pastikan bahwa opsi "transparansi" dipilih ( Transparansi.) dan " Konversikan ke SRGB.» ( Konversikan ke SRGB.).