Photoshop: Web kullanımı için bir PNG'nin boyutunu küçültme


10

Ben 2042 x 1250 ve 6.1 MB olan bir PNG dosyası var. Photoshop ile açıp "Farklı Kaydet> PNG 24" i seçip iki seçeneğin sıkıştırılmış dosya boyutunu (diğeri sıkıştırma yok) seçtiğimde hala birkaç MB boyutunda bir görüntü alıyorum. bir web varlığı olacak, ben MB değil MB istiyorum. Bu resmi akıllıca birkaç bin KB'lik bir basketbol sahası yelpazesine sıkıştırmaya nasıl gidebilirim?


1
Bunun yerine file -> web için save komutunu kullanın ve dosya formatları listesinden png 24'ü seçin (JPG genellikle varsayılan değerdir).
AndrewH

Bir dosyanın istediğiniz kadar sıkıştırılabileceğini düşündüren nedir? Daha Düşük Kalite ayarlarıyla JPEG ve tamircilik moduna geçmek isteyebilirsiniz.
usr2564301

Yanıtlar:


13

Geeky ayrıntıları (siz istemediniz)

JPG gibi bazı görüntü formatları Kayıplı Sıkışmayı destekler . Kayıplı bir Sıkıştırılmış görüntü kaydedilip geri dönüştürüldüğünde, görüntü tam olarak tasarladığınız gibi% 100 değil, bir taslaktır. Orijinal detaylardan bazıları kaybolur . Doğruluk beklentisi olmadığından, Lossy Sıkıştırılmış görüntüler orijinal tasarım hakkında çok az bilgi saklama lüksüne sahiptir ve bu da küçük dosyalara neden olur. Hatta sonucun ne kadar doğru olması gerektiğini belirtmenize bile izin verir: sonuç ne kadar az doğru olursa, dosya o kadar küçük olur.

Öte yandan, PNG formatı tasarım gereği Kayıpsız Sıkışmayı destekler . Bu, görüntü bir dosyaya kaydedildikten sonra, geri işlendiğinde tüm piksellerin hiçbir ayrıntıyı kaybetmeden tasarladığınız gibi işlendiği anlamına gelir . Bu harika, ancak maalesef, görüntüyü mükemmel hale getirmek ve büyük dosyalara neden olmak için çok fazla bilgi depolaması gerektiği anlamına geliyor.

PNG, bir dosyayı kaydetmeden önce ihtiyaç duyduğu bilgileri optimize etmek için akıllıca bir şey yapar, ancak JPG'lerde yaptığınız gibi dosyanın ne kadar sıkıştırılmasını veya doğru olmasını istediğinizi belirtemezsiniz. Sonuç olduğu gibi ve dosyanın ne kadar büyük olacağı konusunda hiçbir kontrole sahip değilsiniz.

Bazı öneriler

Bunu söyledikten sonra, daha küçük bir dosya elde etmek için yapabileceğiniz birkaç şey var.

  • Düz renklerin büyük alanları karmaşık desenli alanlardan daha iyi sıkıştırır. Görüntünüzü basitleştirip basitleştiremeyeceğinize bakın.
  • Resmin etrafında çok fazla negatif alan var mı? Minimum düzeye indirmeye çalışın.
  • Şeffaflık kullanıyor musunuz? Değilse, görüntüyü bir JPG olarak kaydetmeyi düşünün.
  • Herhangi bir nedenle JPG olarak kaydedemeseniz ancak saydamlık kullanmıyorsanız, kaydetme seçeneklerinden "saydamlık" seçeneğinin işaretini kaldırın. Bu, nihai sonucunuzdan biraz ısırık alacak.
  • Görüntüyü parçalara ayırmayı ve bir tür bulmaca gibi son HTML'de oluşturmayı düşünün. Şeffaflık gerektiren parçaları PNG olarak ve diğer parçaları yüksek oranda sıkıştırılmış JPG olarak kaydedebilirsiniz. Toplam sonuç daha az ağır olmalıdır.
  • Bir PNG sıkıştırma aracı kullanın (örn. Https://tinypng.com/ ). Dikkat edin, bu araçlar kayıplı bir algoritma kullanır. Daha küçük bir dosya olarak kaydedebilmek için resminizi basitleştirmeye çalışırlar. Dosyanızın boyutunu önemli ölçüde azaltırlar, ancak sonuç çok fazla ayrıntı kaybedebilir. Her zaman bunları deneyebilir ve uygulamaya bağlı olarak sonucu değerlendirebilirsiniz.

Resminizi paylaşırsanız, size bazı önerilerde bulunabilirim.


TinyPNG, bir GIF'e benzeyen 8 bit PNG'ye dönüşür.
Hannes Schneidermayer

@Heanz. Doğru. 8-bit'e dönüştürür. Ama yine de bir GIF değil. Alfa saydamlığını destekler. Deneyimlerime göre, tam şişirilmiş PNG ile ürettikleri arasındaki farkı hiç fark etmedim.
cockypup

@cokcypup Doğru olduğum logolar için, ama insan yüzü için, hiçbir şekilde.
Hannes Schneidermayer

@Heanz hiç insan yüzleri için kullanmadım ama düzenli olarak kozmetik ambalaj fotoğrafları için kullanıyorum. Bunlardaki farkı söyleyemem. Yine de alfa hakkındaki yorumum doğru. GIF formatı alfa saydamlığını desteklemez.
cockypup

2

Görüntüye Posterize ayar katmanı eklemeyi ve renk sayısını azaltmayı deneyin. Bu yöntemle yüksek kaliteyi koruyabileceğinizi ve dosya boyutunu azaltabileceğinizi düşünüyorum.


Tıkır tıkır çalışıyor!
Christian Strang

0

6.1MB PNG, KBs aralığından uzaktır, bu nedenle Cokypup'ın önerileri en iyi olur.

Oluşturabileceğiniz diğer PNG'ler için, bunları web kullanımından kurtarmanın en iyi yolu Photoshop'ta "Farklı Kaydet" yerine "Web İçin Kaydet" ile kaydetmek. Photoshop'un "Web için Kaydet" özelliği, dosya boyutunu önemli ölçüde azaltacak bazı optimizasyonlar yapar.

Sonra Tiny PNG gibi PNG'ler için bir sıkıştırma aracı kullanarak bunu takip ediyorum Tiny PNG
bir JPG kaydederken olduğu gibi kayıplı bir sıkıştırma kullanır. Dosya boyutunu önemli ölçüde azaltır ve sitedeki örnekte görebileceğiniz gibi, gerçekleştirdiği kayıplı sıkıştırma zar zor fark edilir.


Ancak farkedilirlik , bulduğum algoritma ile beslediğiniz görüntüye büyük ölçüde bağlıdır, dikkatli kullanın ve orijinal dosyanızın üzerine asla yazmayın.
PieBie

8-bit'e dönüştürüyor ve renkli resimlerde bir GIF'e benziyor.
Hannes Schneidermayer

-1

muhtemelen söylemeye gerek yok, ancak birçok kişi çözünürlüklerini web varlıkları için 72 piksel / inç olarak ayarlamayı unutuyor.

Görüntü> Görüntü boyutu> çözünürlüğü 72 ppi olarak ayarlayın.


için kullanılan resimler üzerinde hiçbir etkisi olmayan, yalnızca piksel cinsinden boyutu
Luciano
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.