PNG arşivi. Adobe Photoshop'ta şeffaflık ile bir png nasıl oluşturulur (CC ve daha yüksek)

05.06.16 27.2k.

Bazen orijinal arka planın nüfuz edeceği saydam elemanları içeren bir görüntü yüklemeniz gerekir. Bu durumlarda, şeffaflığı koruyabildikleri için PNG görüntülerini indirmek uygun olacaktır.

Bu makalede biz söyleyeceğiz photoshop'ta şeffaflık nasıl yapılır.

Bir dosya oluşturma.

İlk adım bir dosya oluşturmaktır. Bu keşfedil için Adobe Photoshop. ve "Dosya" menüsünde ( Dosya) Üst sayfa "Oluştur" ı seçin ( Yeni).

Sonra görünen pencerede " yeni belge » ( Yeni belge) İstediğiniz boyutta bir dosyayı oluşturun ve belgenin izninin inç başına 72 piksel olduğundan emin olun ( dosya Web'de kullanım için tasarlandığından beri). Ve ayrıca "Şeffaf" değerini seçtiniz ( Şeffaf) Aşağı açılır listede "İçerik arka planı" ( Arka plan içeriği.).

* Photoshop'ta şeffaflık ile PNG yapmadan önce, bu örnekte, sitenin bir arka plan olarak indirilecek bir resim oluşturduğumuzu açıklığa kavuşturmanız, böylece belgenin boyutu aşağıdaki gibidir: Genişlik 3000 piksel, 1730 piksel yüksekliği , indirilenler HD görüntüleri için boyutlar için önerilir:

Parametre değerlerini belirledikten sonra, yeni bir belge açmak için "Tamam" ı tıklayın.

Sonra "Katmanlar" panelinde ( Katmanlar.) Arka planda değil, şeffaf bir katman üzerinde çalıştığınızdan emin olun:

Oluşturmayı tamamladıktan sonra, Photoshop'un kullanılmış sürümüne bağlı olarak, Şeffaf bir görüntüyü kaydetmeye hazır olduktan sonra, Dosya menüsünde ( Dosya) Olası seçeneklerden birini kullanabilirsiniz:

Photoshop sürümü daha önce CC 2015'den daha önce:

Şimdi söyleyeceğiz photoshop'ta şeffaflık resimleri nasıl yapılırCC 2015'ten önce ortaya çıktı. Bu sürümler "Web için Kaydet" yöntemini kullanır ( Web ve Cihazlar için Kaydet) Tasarruf etmek ve optimize etmek Png görüntüsü Web'de kullanmak için. Bu yöntemden yararlanmak için, sadece "Dosya" menüsüne gidin ( Dosya) ve daha fazla - "Web için Kaydet" ( Web ve Cihazlar için Kaydet):

Ardından, görünen pencerede, olası değerlerin açılır menüsünden PNG-24'i seçin ve ardından saydamlık seçeneklerinin seçildiğinden emin olun ( Şeffaflık.) ve " SRGB'ye dönüştür» ( SRGB'ye dönüştür.). Bu, görüntünün içereceğini onaylar şeffaf arka plan ve o renk modu Web için önerilen renk alanı olan SRGB'ye dönüştürülecektir.
Alanlar " Görüntü boyutu» ( Görüntü boyutu) Dosyayı oluşturduğunuzda belirttiğiniz değerlerle otomatik olarak doldurulur. Ancak, kaydetmeden önce dosya boyutunu değiştirmek istiyorsanız, şimdi yapabilirsiniz.

Photoshop Versiyonu CC 2015:

Önce, photoshop'ta şeffaflık fotoğrafı nasıl yapılır, CC 2015 sürüm seçeneğinden "Web için Kaydet" (Web için "olduğunu bilmeniz gerekir ( Web ve Cihazlar için Kaydet) "Dosya" menüsünde ( Dosya) miras gibi işaretlenmiş (eski). Ve yeni ihracat seçeneği ile değiştirildi ( İhracat), daha küçük bir dosyada daha hızlı tasarruf sağlayan aynı işlevsellik sunan) en iyi kalite. İhracat seçeneğini kullanmak için, Dosya menüsünü tıklayın ( Dosya), ve sonra - " Olarak vermek» ( Olarak vermek).

Not: Adobe hala "Web İçin Kaydet" seçeneğini sunuyor ( Web ve Cihazlar için Kaydet) Photoshop CC 2015'te ve Dosya\u003e Ver Menüsü ( Dosya\u003e Dışa Aktar) veya Command + Option + Shift + S tuş kombinasyonunu (Mac için) veya CTRL + ALT + Shift + S (PC için) kullanırken:

Ardından, görünen pencerede "Biçim" açılır menüsünden PNG'yi seçin ( Biçim.) Ve "şeffaflık" seçeneklerinin seçildiğinden emin olun ( Şeffaflık.) ve " SRGB'ye dönüştür» ( SRGB'ye dönüştür.).

Alanlar " Görüntü boyutu» ( Görüntü boyutu) ve "kanvas boyutu" ( TUVAL BOYUTU) Dosyayı oluşturduğunuzda belirttiğiniz değerleri otomatik olarak doldurmanız gerekir. Ancak isterseniz, bu parametreleri daha önce değiştirebilirsiniz. photoshop'ta saydamlığın etkisi nasıl yapılır.

PNG formatında dosya özel programlarla açılır. Açmak bu format, önerilen programlardan birini indirin.

PNG formatında bir dosya nasıl açılır

PNG uzantısı, görüntüleri kalite kaybı olmadan saklamak için kullanılan bir dosya formatıdır. Bu, özellikle ağda kullanılmak üzere tasarlanmış internetteki en popüler fotoğraf formatıdır.

PNG dosyalarında ne var

Dosya uzantılı dosya PNG bir dosyadır Taşınabilir Ağ Grafikleri.. Biçim, kayıpsız sıkıştırma kullanır ve genellikle GIF'ye bir alternatif olarak kabul edilir. Ancak aksine, PNG dosyalarında bir animasyon desteklenmez.

PNG formatı, gri ve tam renkli gölgelerdeki her iki fotoğrafı vardır, şeffaf katmanlar desteklenir. PNG sıkıştırma genellikle GIF'de kullanılandan daha iyidir. JPG Bazen PNG üzerinden daha fazla avantaja sahiptir, ancak bu tür sıkıştırma yaptıktan sonra, metinlerle veya yüksek kontrastlı bölgelerdeki görüntülerde kusurlar oluşabilir.

Bir PNG dosyası nasıl açılır

PNG dosyalarını açmak için, herhangi bir İnternet tarayıcısını kullanabilirsiniz veya grafik editörü. Ve Windows işletim sistemi platformu ve Mac OS, bu görüntüleri görüntülemek için yerleşik mekanizmalara sahiptir. PNG Programı - Görünüm fotoğraflar Windows Varsayılan, genellikle png dosyalarını açmak için kullanılır, çünkü sistemik olduğundan windows programı. Ancak onları görüntülemek için başka birçok yol var.

Tüm tarayıcılar (örneğin, Chrome, Firefox, Internet Explorer. vb.) İnternette açtığınız PNG dosyalarını otomatik olarak görüntüleyecek, bu, bilgisayara görmek istediğiniz her PNG dosyasına indirmeniz gerekmediği anlamına gelir. PNG bilgisayarında zaten mevcut dosyaları bir kombinasyon kullanarak açmak için tarayıcıyı da kullanabilirsiniz. tuşlar Ctrl. + O. Bu programların çoğu, sürükle ve bırakmayı da destekler, böylece açmak için PNG dosyasını tarayıcıya sürükleyebilirsiniz.

Dönüşüm png.

Görüntü dosyaları dönüştürülebilir farklı yollarÖrneğin, çeşitli programları kullanarak PNG'ye ve Çevrimiçi hizmetler. Örneğin, bir png editörü yapmanızı sağlar - bir fotoğraf dönüştürücü.

Taşınabilir ağ grafiği (PNG) biçiminde depolanan görüntü dosyası. Renklerin biraz matrisi içerir ve dosyaya yakın, ancak kopyalamada kısıtlamalar olmadan kayıpsız sıkıştırma kullanır. Genellikle web görüntü grafiklerini saklamak için kullanılır.

PNG formatı (APG olarak okunur), özellikle renkleri desteklemek ve patent lisansı olmadan görüntü formatı sağlamak için format kısıtlamalarına cevap olarak oluşturuldu. Buna ek olarak dosyalar

Bildiğiniz gibi, popüler bir görüntü çözünürlüğü, Düzenlemek için PNG formatıdır. kişisel bilgisayar hangi var Özel Programlar Editörler, yaklaşık biri, indirme olasılığı ile, biz daha ileri ve anlatırız. Not, bu formatın daha önce popüler GIF analogunun solunduğu, ancak tasarımcıların başka bir yönünde olduğunu bilmeyenler için. Reklamcılıkla ilgi duyulan ilgi, artık ülkemizin birçok tasarımcısı ve fotoğrafçısı tarafından, ayrıca daha fazla takdir edildiği, ülkemizin birçok tasarımcısı ve fotoğrafçısı tarafından ortaya çıkan görüntülerin kullanışlı ve ferah genişlemesidir.

Toplamda, ağdaki PNG formatındaki resimlerin editoryal modifikasyonu için çeşitli sundu ücretsiz yazılımHerhangi bir kısıtlama olmadan ücretsiz kullanım hedefi ile indirebilirsiniz ve kayıt kaydetmek gerekir. Peki, temelsiz olmamak için, fotoğrafları ve sadece png formatındaki resimlerin işlenmesi için en iyi editoryal programı söyleyeceğim. Ücretsiz indirin, Çok fazla avantajlı ve neredeyse tek bir dezavantajı olan GIMP adlı bir üründür. Tabii ki, bu ürünü yüceltilmiş ve efsanevi Photoshop ile karşılaştırırsanız, eksileri bulabilirsiniz, ama biraz.

PNG Format programını bilgisayara indirin

Her türlü ayrıntıyı atlayın, PNG formatının kolayca düzenlenmesi için programın, şimdiye kadar indirebileceğiniz kişisel bir bilgisayarda kolayca düzenlenmesi ve görevlerin kütlesi ile başa çıkmasına yardımcı olabilecek, Kullanıcı. Benim tarafımdan ilan edilen bir uygulamayla çalışmada bir miktar zorluk, genişletilmiş kullanıcı ayarı olabilir, bu da birkaç dakikadan fazla bir değere eşdeğer olarak eşdeğer bir değere eşdeğerdir. Her ne kadar bence, zaten deneyimli kullanıcıBu uygulamada kim çalıştı, bir ay değil, üretilen hiçbir şey sorun değil Özel ayarlar değil.

Önceden stresli olduğum için ana şey, PNG formatını düzenlemek için bu programa bir alternatif aramanızla uğraşmaz ve bir seferde ve minimum maliyetlerde bir dağıtım indirmek için sadece ücretsiz ve herhangi bir kısıtlama olmadan Sonraki kurulum ve kullanım başlangıcı olan bir bilgisayar.

Bence hepimden yukarıdakilerden, bir çift mantıklı sonuç çıkarabilir ve bilgisayarınıza veya en uygun yapısal programın dizüstü bilgisayarınıza veya çok fazla avantaj ve eksiksiz kusurlara sahip dizüstü bilgisayarınıza indirebilirsiniz. Peki, doğrudan Dağıtımın İndirme kendisine gidin, hemen hemen aşağıdaki adres aynası bağlantılarına dikkat edin ve maksimum hızı garanti eder.

İyi günler!
PNG dosyalarının nasıl düzenlendiğini hiç bilmek istediniz mi? Değil? Ve sana zaten söyleyeceğim.
PNG formatı (taşınabilir ağ grafikleri) 1995 yılında GIF'in değiştirilmesi ve zaten 1996'da icat edildi ve 1.0 sürümüyle, tam teşekküllü bir ağ formatı olarak W3C önerildi. Bugüne kadar PNG, web grafiklerinin ana formatlarından biridir.

Kedinin altında, PNG dosyasının yapısının, belirli sayıda desen şeması, hex editöründe hazırlık ve tabii ki, şartnameye bir referans bulacaksınız.

Genel yapı

Genel formdaki PNG yapısı aşağıdaki şekilde sunulmuştur.


Yani, dosya, her biri bazı bilgileri taşıyan bir imza ve bir miktar blok (kanal, parçalar) oluşur (KO!). Fakat imzanın neden tıkanlardan biri olarak kabul edilemez? Daha ayrıntılı olarak çözelim.

İmza dosyası

PNG dosyası imzası her zaman aynıdır, 8 bayttan oluşur ve (altıgen kayıtlarda) temsil eder.

Ne anlama geliyor?

• 89 - ASCII Olmayan Sembol. PNG tanıma bir metin dosyası olarak önler ve bunun tersi de geçerlidir.
• 50 4E 47 - ASCII kaydında PNG.
• 0D 0A - CRLF (Carriage-Return, Line-Feed), DOS tarzı satır çeviri.
• Şekil 1A - Dosyanın çıkışını DOS modunda (dosya sonu) durur; böylece metin formunda çoklu KISTR bir görüntüyü düşürmeyeceksiniz.
• 0A - LF, UNIX tarzı satır transferi.

Parçaları.

Changs, dosyanın olduğu veri bloklarıdır. Her chank 4 bölümden oluşur.


Bu bölümleri sırayla analiz edeceğiz.

Uzunluk

Uzun bir uzunlukla, her şey açık görünüyor. Sadece veri bloğunun sayısal değeri.

Türü (isim)

Tür biraz daha ilginç. Tür 4 ASCII Symbol Highicitive. Karakter kayıtları (Sembol sayısal kayıttaki beşinci bit) CHANKA ADI FARKLI, ne yazık ki - bunlar kod çözücüyü bazı ek bilgileri bildiren bayraklardır.

• İlk simge kaydı, bu Canka'nın kritik olup olmadığını (üst kayıt) veya yardımcı (küçük harf) olup olmadığını belirler. Kritik yığın, her kod çözücü tarafından tanınması gerekir. Kod çözücü, türü tanıyamayan kritik bir chank karşılarsa, bir hata ile yürütmeyi tamamlamalıdır.
• İkinci sembol kayıt, "tanıtım" (büyük harf) veya "Gizlilik" (daha düşük kayıt) CHANKA'yı ister. "Kamu" CHANKI - çoğu kod çözücü tarafından tanınan, belgelenmiştir. Ancak aniden belirli bilgileri bir tür gereksinim için kodlamanız gerekirse, sadece CHANKA adına, ikinci bir sembolü küçük yapın.
• Gelecekteki başarılar için üçüncü sembol kayıt kaldı. Farklılaşma için kullanılacağı varsayılmaktadır. farklı versiyonlar Standart. 1.0 ve 1.1 sürümleri için, üçüncü sembol büyük olmalıdır. Eğer (birdenbire!) Eğer küçük olduğu ortaya çıktı, tüm mevcut kod çözücüler CHANKKI ile birlikte gelmelidir, (yani, yani chank kritik olması veya aksi takdirde yanlış gitmek).
• Dördüncü sembolün kaydı, bu yoğurma, bunu tanımayacak editörler tarafından kopyalama yeteneği anlamına gelir. Kayıt daha düşükse, CHANC, dosya modifikasyon derecesinden bağımsız olarak kopyalanabilir, aksi takdirde değişiklik yapıldığında kritik bir parça etkilenmediği durumlarda kopyalanır.

Daha iyi bir anlayış için, metni içeren bir yığın örneğinde bayraklara bakalım.

Aşağıda kısa açıklamaları olan bir yığın türlerinin bir listesi var.
Kritik chanki.

• İHDR. - Dosyanın başlığı, görüntü hakkında temel bilgileri içerir. İlk değişken olmalı.
• Plise - Palet, renklerin listesi.
• İdat. - Aslında görüntü içerir. Çekme, akış için birkaç IDAT kanalına ayrılabilir. Her dosyada en az bir IDAT Chang olmalıdır.
• İend. - Terbiye Chank, dosyada son olmalı.

Yardımcı Chanki.

• bKGD. - Bu chank ana arka plan rengini ayarlar.
• chrm. CIE 1931 renk alanını görev yapmak için kullanılır.
• gama. - Gama'yı belirler.
• hist - Bu chanka'da, bir histogram veya görüntüdeki her rengin toplam içeriği saklanabilir.
• iCCP - renk profili ICC.
• itxt. - İsteğe bağlı bir dil etiketi ile UTF-8'de, muhtemelen sıkıştırılmış metni içerir. Itxt S. anahtar kelime "XML: com.adobe.xmp" genişletilebilir meta veri platformu (XMP) içerebilir.
• pHYS. - Tahmini piksel boyutunu ve / veya görüntü tarafının tarafını içerir.
• sBIT. (Önemli bitler) - Daha basit kod çözme için "renk doğruluğu" görüntüsünü (siyah ve beyaz, tam renkli, siyah ve beyaz saydamlık vb.) Belirler.
• splt. - Tüm renkler aralığı mevcut değilse, kullanım için bir palet sunar.
• sRGB. - Standart SRGB şemasının kullanımını gösterir.
• ster - Stereoskopik görüntülerin göstergesi.
• mETİN. - ISO / IEC 8859-1 formatında metin içerebilir, her bir parça için bir isim \u003d değer çifti.
• zaman. - Tarihi saklar son değişiklik Görüntüler.
• trns. - Saydamlık hakkında bilgi içerir.
• ztxt - Sıkıştırılmış metin, metin olarak aynı kısıtlamalarla.

Özellikte daha fazla bilgi bulunabilir.

Crc.

CRC-32 Checksum. Bu arada, geçen gün, Windows'ta sayılıyor konusundaydı.

Minimum png.

Genel yapı ile birlikte. Şimdi zorunlu kanalların içeriğini analiz edeceğiz. Ancak bunlardan hangis zorunludur (kritik değil, kritik kod çözücü tarafından tanınmakla yükümlüdür ve her dosyada bulunmamalıdır) ve minimum PNG dosyası neye benziyor? Bu nasıl:

İHDR.

IHDR'deki veri bloğu aşağıdaki alanları içerir:

• Genişlik, 4 bayt
• Yükseklik, 4 bayt
• Bit derinliği (bit derinliği), her bir numunenin bit sayısını belirler (piksel değil), 1 bayt
• Renk tipi, 3 bayrak 1 (palet), 2 (renk kullanılır, tek renkli görüntüyü değil) ve 4 (Alpha kanalı mevcut), 1 bayt
• Sıkıştırma yöntemi. Şu anda, sadece değer 0 - Deflate algoritmasına göre sıkıştırma. Değer 0'dan farklı ise, CHANK tanındırılmamış olarak kabul edilir ve kod çözücü bir hata bildirir. 1 bayt
• Filtrasyon yöntemi. Ayrıca, sıkıştırma durumunda olduğu gibi, şu anda sadece sıfır olabilir. 1 bayt
• İnterlace (araya girme) yöntemi. Veri aktarım prosedürünü belirler. Şu anda, 2 değer mevcuttur: 0 (interlace yok) ve 1 (ADAM7 interlace). 1 bayt

Adam7 İnterlacing, Wikipedia'dan resmi mükemmel bir şekilde gösterir (evet, PNG ile ilgili makalede GIF):

İend.

Dosyanın sonunu işaret eder, bu yığının veri bloğu hiçbir şey içermez.

İdat.

Başlıktaki sıkıştırma yöntemi alanına göre kodlanmış veri içerir. Kod çözme algoritması bu makalenin kapsamının ötesine geçiyor (ancak isterseniz, aşağıdakilerde görünebilir), ancak açıklanan oldukça iyidir (ve Rusça).

Böylece, en basit PNG dosyası (örnekte) aşağıdaki gibidir.

Sonuç

Bu makaleyi yazarken, görevimi okuyucuyu PNG dosyasının yapısı hakkında genel bilgi vermek için, daha derin bir anlayış için, spesifikasyonların okunması önerilir.

Habré konusu JPEG'nin yapısı hakkında: habrahabr.ru/blogs/algorithm/102521
Habré konusu GIF yapısı hakkında: habrahabr.ru/blogs/algorithm/127083

Dikkatiniz için teşekkür ederim, herhangi bir eleştiriye sevindim!

Sana selamlar, Blogumun Sevgili Okuyucuları!

Geçenlerde gerekli arkaplanı kaldırın Resimden, Photoshop ile çok kolay değilim. Ve size bilgisayarda bile olmadığını söyleyeceğim. (Her şeyden önce, neden bir şeyle çalışacak bir şeyim var).

Ancak resmin geçmişi resimden kaldırılması gerekiyordu, görevimi çözerken internetin genişlemeleri ile savaşmaya başladım. Çok fazla seçenek var, ama ben daha kolay bir şey arıyordum). Resmin arka planı çıkarmak için çok kolay ve kolay bir yol buldum.

Ve böylece başlayalım. Photoshop'a ihtiyacımız var, ama sahip değilim. kullanırım Çevrimiçi Photoshop. Çok rahat bir şey, sana söyleyeceğim. Ve tabii ki resmi şeffaf yapmak istediğimiz resmi.

Size örnek göstereceğim, işte bu resim, beyaz arka planı temizleyeceğiz

Çevrimiçi Photoshop'a gidiyoruz. Bunu kullandım Pixlr.

SELECT: Resmi bir bilgisayardan indirin.

Şimdi pencerede sağda "Katmanlar" Kilidi açmanız gerekiyor

Üstüne tıkla Sol düğme ile 2 kez Fareler, bir onay işareti meydanda görünmelidir.

Şimdi biz kalan panele gidiyoruz, aracı seçin "Sihirli değnek" ve tolerans 21 koydu.

Bu hepsi öyle görünüyor, ama resimden tamamen memnun değilim, hala arka plan kalıntıları vardı, kaldırmak istediğim yere tıklıyorum. Sonra "Düzenle" ---- "Temizle". Ve ihtiyacınız olan her şeyi kaldırana kadar.