Kaliteyi kaybetmeden dosya boyutunu küçültün

Dosyaları Photoshop'a kaydetmek, ancak mümkün olduğunca küçük tutmak istiyorum.

Web için Kaydet (ve Aygıtlar) kullanıyorum ve JPEG olarak kaydediyorum. Kullandığım ayarlar şunlardır:

Gerçekten kalite ayarlarını düşürmek istemiyorum çünkü metin kullanıyorum ve bazen ayar çok düşükse yapay öğeler görüyorum.

Bu, görüntünün boyutuna bağlı olarak birkaç yüz kilobayt dosya boyutu üretir. Bu büyük bir sorun olmasa da, bu görüntüler web için kullanılır ve daha küçük daha iyidir. Dosya boyutunu azaltmak için kaliteyi düşürmeden teknikler nelerdir?

Güncelleme:

Buraya daha fazla bilgi eklemek için:

Kullandığım ve oluşturduğum görüntülerin çoğu e-posta ile gönderiliyor. Bu, HTML ve CSS kullanarak görüntünün üzerine metin yerleştirerek yapabileceğimi birkaç kez sınırlar.

Ayrıca çeşitli yazı tipleri kullanıyorum. Bazıları CSS'leri kullanarak web için kullanabilirim, @font-faceancak büyük dosya boyutlarında çalışabilir ve bazı durumlarda yazı tipini yasal olarak web'e yükleyemezsiniz. Typekit gibi bir hizmet kullanabilirdim ama yine de kullandığım birçok yazı tipi Typekit'te mevcut değil.

İşte bir örnek resim:

En iyi sıkıştırma yönteminin seçimi resim içeriğinize bağlıdır. Görüntüyü çok sayıda renk ve aralarında yumuşak geçişlerle kaydetmeye çalışıyorsanız, seçiminiz JPEG olacaktır. Aksi takdirde, birkaç renkle çizim, metin, resim varsa, bunun yerine PNG'yi denemelisiniz.

Spesifik sıkıştırma şeması, parametreler, renk azaltma vb. Özel duruma bağlıdır. 30 veya 40'a ayarlanmış JPEG sıkıştırma "kaydırıcısı" ile yapaylığı belirgin hale getirmeden güvenle kaydedebileceğiniz bazı görüntüler vardır. Bazıları 80 veya daha fazla ayar gerektirir. Gözün hakim olmalı.

JPEG sıkıştırması hakkında konuştuğumuzda, örneğin "Aşamalı" seçeneğini kullanmaya veya "Bulanıklaştırma" yı sıfırdan farklı bir değere ayarlamaya çekinmeyin (hafif bulanıklaştırma, ciddi sıkıştırma yapaylıklarını maskeleyebilir).

PNG durumunda, kullanılan renklerin miktarını mümkün olduğunca azaltmaya çalışmalısınız (bunun için PNG-8 kullanın). Bazı "yumuşatma" gerektiğinde farklı renk taklidi algoritmaları deneyin.

İşte birkaç örnek:

Soldan sağa, yukarıdan aşağıya, parametreleri şunlardır:

1. JPEG, Aşamalı, Kalite: 40, Bulanıklık: 0.18, Boyut: 9 672 bayt
2. JPEG, Optimize edilmiş, Kalite: 60, Bulanıklık: 0, Boyut: 16 898 bayt
3. JPEG, Aşamalı, Kalite: 60, Bulanıklık: 0, Boyut: 11104 bayt
4. PNG-8, Renk taklidi: dağınık, Renkler: 256, Boyut: 4 528 bayt

Bunları görsel olarak karşılaştırın ve ardından ilgili veri boyutlarına iyi bakın. İlk çift, 16.9 kB'ye karşı yaklaşık 9.7 kB'dir. İkincisi 11,1 kB ve 4,5 kB'dir. Bütün bunlar (IMHO) tarafından göz ardı edilebilir görsel fark.

İşte bazı seçenekler:

• JPEG dışında başka bir biçim kullanın (PNG veya GIF); hem dosya boyutu hem de görüntü kalitesi açısından sonuçlar görüntünüzün içeriğine bağlı olacaktır; her biri belirli içerik türlerinde daha iyidir
• Görüntüyü piksel olarak daha küçük yapın - bunun çok önemli bir etkisi olacaktır ve genel düzen üzerinde kontrolünüz varsa kesinlikle dikkate alınmalıdır.
• Mümkünse resim dışı öğeler kullanın, örn. Resimlerdeki metni HTML metniyle değiştirmeyi deneyin; renk bloklarını HTML öğeleriyle değiştirmeyi deneyin.

Son iki noktayı genişleterek, mevcut görüntülerin dosya boyutunu küçültmek için zaman harcamadan önce mizanpajlarınızdaki görüntülerin kapsamını bir bütün olarak en aza indirmeye çalışmalısınız.

Şimdiye kadar cevaplanmamış bazı soruları cevaplamaya çalışacağım:

Kullandığım ve oluşturduğum görüntülerin çoğu e-posta ile gönderiliyor. Bu, HTML ve CSS kullanarak görüntünün üzerine metin yerleştirerek yapabileceğimi birkaç kez sınırlar.

Html e-postaları gönderebilirsiniz (bültenlerin oluşturulma şekli). Html ve satır içi CSS ile (uyumluluk için). Görüntülerin bir sunucuda olması ve tam URL'yi stil / img etiketlerine koymanız gerekir. Here'sa liste farklı e-posta istemcileri çalışır ne.

Ayrıca çeşitli yazı tipleri kullanıyorum. Bazıları CSS @ font-face kullanarak web için kullanabilirim, ancak büyük dosya boyutlarına girebilir ve bazı durumlarda yazı tipini yasal olarak web'e yükleyemezsiniz.

Google web yazı tiplerini deneyin , en iyi webfont kaynağı. Tüm kullanımı ücretsiz. Bir diğeri Font Squirrel olurdu . (@ Font-face de kullanır).

Bunu yapmanın bir yolu yok. JPEG kayıplı biçimdedir. Her zaman kalite ve dosya boyutu arasında bir ticaret vardır.