Saydam bir GIF'i dışa aktarırken kenarlardaki beyaz pikselleri nasıl kaldırabilirim?


11

Yükleyicileri xooplate.com'dan aldım ve dahil edilen eylemin yardımıyla bir GIF'e dışa aktardım . Ancak yükleyicinin etrafında, karanlık bir arka plan üzerinde görüntülendiğinde gerçekten can sıkıcı bazı beyaz pikseller var. Burada, gif'ten çıkardığım bir çerçevede görebilirsiniz:

resim açıklamasını buraya girin

Bu beyaz pikselleri nasıl engelleyebilir ve şeffaf arka planı nasıl koruyabilirim?


Hangi yazılımı kullandığınızı belirtmek isteyebilirsiniz. Photoshop'u varsayabilirim, ancak sorunuzu doğru bir şekilde etiketlemek ve kullandığınız yazılımdan bahsetmek asla acıtmaz.
Scott

photoshop. Şeffaflığı değil, beyaz pikselleri kaldırmakla ilgileniyorum (KMSTR)
Ryan

1
kontur pürüzlülüğün nedeni hakkında doğrudur (örn. açık / kapalı ikili şeffaflık durumu). Bağlama bağlı olarak, alfa saydamlığı olan bir PNG olarak kaydedilen biraz daha büyük, neredeyse aynı bir görüntü oluşturarak biraz aldatabilir ve üzerinde düşük renkli animasyonlu gif ile statik bir arka plan görüntüsü olarak yerleştirebilirsiniz. Bu şekilde mat rengin (kontur cevabında açıklandığı gibi) daha yüksek bir kesinlik ile bilinmesini sağlayabilirsiniz.
horatio

Yanıtlar:


19

Şeffaflığın 8 bit gif / png'lerle çalışma şekli, bir pikselin tamamen şeffaf veya tamamen opak olmasıdır .

Dairenin arka planla şeffaf bir şekilde karıştığı bir dairenin köşelerinde, geçişi yumuşatmak için genellikle yarı saydam pikseller vardır. Bu yumuşak geçiş, 8 bit gif / png'lerle tam olarak çoğaltılamaz.

Bunu taklit etmenin bir yolu, tüm bu yarı saydam pikseller için bir arka plan matı seçmektir . Bu, tamamen saydam olmayan piksellerin renklerini mat rengin üstündeymiş gibi hesapladıkları anlamına gelir.

Daire gifinizdeki beyaz pikseller böyle olur, çünkü gif beyaz arka plana karşı kullanılmak üzere yapılmıştır. Orijinal dairenin yarı saydam pikselleri beyaz mat renge karşı rasterleştirildi ve köşelerde neredeyse beyaz ancak tamamen opak pikseller oluştu.

Yolu bu durumu düzeltmek için Orijinali varsa, tamamen şeffaf bir daire için save for web & devicesbir örtü rengi o takım elbise arka plan seçin. Bu şekilde, potansiyel olarak yarı saydam pikseller mat renge karşı tamamen opak piksellerle birleştirilecek ve web sitenizde benzer arka plan rengiyle görüntülenecek, tamamen pürüzsüz görünecek . A) küçük yarı saydam alanlar (piksel cinsinden) aralığına sahip grafiklerin en iyi sonucu verdiğini ve b) bunun, gifin gösterildiği arka planın, matınız için seçtiğiniz tutarlı bir renkte olmasını gerektirdiğini unutmayın.

resim açıklamasını buraya girin

Bu resimde:

  • Sol üst, kenarları yumuşatılmış, yani düzgünleştirilmiş köşelere sahip orijinal yuvarlak grafiktir.
  • Sağ üstte görüldüğü gibi png-24 ile elde ettiğiniz aynı sonuç - ancak bu animasyon için çalışmaz.
  • Sol alt görünüm, grafiğin yarı saydam piksellerinin seçilen kırmızı mat renge nasıl aktarıldığını gösterir. Ayrıca tamamen şeffaf olan piksellerin nasıl tamamen şeffaf kaldığını da unutmayın. Oysa yalnızca biraz saydamlığı olan pikseller mat renkle "alt katman" haline gelir ve tamamen opak pikseller saydamlık ayarlarından tamamen etkilenmez (ancak renk taklidi türü ve renklerindeki seçimlerden etkilenir).
  • Sağ alttaki örnek resminiz için kullanılan dışa aktarma seçeneklerine benzer. Beyaz bir mat seçiliyken, sol alt resimde kırmızı gösterilen aynı pikseller, sağ alt resimde beyaz gösterilir. Beyaz arka plana karşı gösterirseniz bu mükemmel kabul edilebilir. Diğer, daha koyu arka planlar ile beyaz pikseller, tam şeffaf olmayan herhangi bir piksel için tamamen opak pikseller oluşturmak için yanlış mat renk kullanıldığından gösterilir.

Bu resimde kırmızı ve beyaz mat ile farklı arka plana karşı ihraç edilen her iki gif görün. Bu, kırmızı matın kırmızı bir arka planla nasıl güzel bir şekilde karıştığını, aynı zamanda beyaz matın siyah bir arka plana karşı nasıl rahatsız edici olduğunu gösterir.

resim açıklamasını buraya girin


Talihsiz durumdaysanız, tam kenar yumuşatılmış alfalara sahip orijinal dosyanız yoksa (yani sadece 8 bit gifiniz var), bu mat rasterlemeyi tersine çevirmek zordur - kaldırmanız gereken piksel piksel yarı saydam piksellerden mat rengi seçin ve daha uygun ayarlarla yeniden dışa aktarın.


5

Web İçin Kaydet iletişim kutusunda, pencerenin sağındaki Örtü rengini web sayfası arka planınızın rengine ayarladığınızdan emin olun.

GIF'ler tam 8 bit şeffaflığı desteklemez, sadece 1 bit şeffaflığı destekler. Yapabileceğiniz en iyi şey, görüntünün bu renge kolayca karışması için web sayfasının arka planıyla eşleşen bir renk kullanmaktır.

Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.