▷ PHOTOSHOP'ta BİR GÖRÜNTÜ Nasıl SIKIŞTIRILIR

Bir web sitesine sahip olmak yalnızca içeriğin kontrolsüz yüklenmesine dayanmaz, içinde barındırdığımız her öğe dahil olmak üzere web'in yapısına dikkat etmeniz gerekir. İnternet bağlantıları aracılığıyla erişildiği ve birçok yerde yüksek hızlar olmasına rağmen, diğerlerinde hala biraz gecikmeli olduğu dikkate alınmalıdır. Bütün bunlar, mobil temanın önemini ve megabaytların maliyetini hesaba katmadan. Bu nedenle, Photoshop kalitesini kaybetmeden görüntüleri sıkıştırmak, kullanıcıların çıkarlarını düşünen yaratıcılar tarafından çok aranan bir görevdir.

Yapmamamız gereken, web sitemizi insanların bir daha girmek istemeyeceği yavaş bir alana dönüştürmek, farklı unsurları hesaba katarsak ve Photoshop'ta görüntüleri sıkıştırmayı öğrenirsek kaçınabileceğimiz bir şey. Bunlardan biri ve çok önemli olan resimlerin yüklenmesidir. Çok fazla görsel içeriğe sahip bir siteniz varsa, Photoshop görüntülerini sıkıştırarak ve sayfanın çok daha hızlı ilerlemesini sağlayarak hem içten hem dıştan icabına bakmalısınız.

Gördüğümüz tüm nesnelerin çok yavaş yüklendiği bir web sitesine bağlantımızı etkilemeyen hızlı bir sayfaya girmek aynı olmadığından, web sitemizin hızı kullanıcı deneyimi için önemlidir. Ek olarak, görüntüleri görmek için sunucuya indirilmeleri gerekir, bu nedenle hacim ne kadar yüksek olursa, yükleme o kadar uzun sürer ve kullanıcı muhtemelen umutsuzluğa düşer ve ayrılır. Bu nedenle, Photoshop'ta görüntüleri düzenlemenin ve web sitemizi veya yalnızca Photoshop'ta görüntüleri nasıl sıkıştıracağımızı bilerek alanımızı iyileştirmenin önemi.

Çok ağır görseller yüklerseniz sayfanız yavaşlayacak ve kullanıcılar yorulup ayrılacaktır. Ziyaretleri kaybetmekten kaçınmak istiyorsanız, yüklediğiniz her şeye dikkat edin ve bir resmin boyutunu küçülterek Photoshop'ta nasıl sıkıştırılacağını öğrenin.

1. Photoshop'ta görüntü formatı türleri

Görüntü optimizasyonundan bahsedebilmek için elimizde ne tür bir görüntü formatı olduğunu ve hangisinin bizim için en iyisi olduğunu ayırt etmemiz gerekiyor.

JPEG.webp formatıGenel fotoğrafçılık kullanımı için, kaliteli sonuçlarla kullanılan standart formattır. 24 bit rengi destekler.

PNG-8 biçimiGIF.webp'e alternatiftir ancak animasyon içermez ve 256 renge kadar görüntüleyebilir. Web için sıkıştırması en uygun olanlardan biridir ve küçültülmüş boyutlarda iyi kaliteye olanak tanır.

PNG-24 formatıJPEG.webp gibi kaliteli görüntüleri dışa aktarmak için iyi bir seçenektir. Bu tür bir uzantı, saydamlık içeren bir görüntümüz olduğunda kullanışlıdır. Ayrıca 24 bit rengi desteklediği için 16 milyona kadar renk görüntüler.

GIF.webp formatıMükemmel animasyonlar için formattır. Çok miktarda düz renk, çizgi veya metin şeklinde 256 adede kadar rengi temsil eder.

Bu eğitimde, görüntüleri web'e yüklemek için en kullanışlı ve kullanılan formatlardan ikisini seçeceğiz: JPEG.webp ve PNG-8.

2. Photoshop'ta bir görüntü nasıl sıkıştırılır

Photoshop'ta bir çalışma alanında çalıştığımızda, bunu görüntüye bağlı olarak veya genel nitelikte belirli parametrelere göre yaparız. Bunlardan biri, üzerinde çalıştığımız görüntünün boyutları, oranlarıdır. Bir görüntünün boyutu, görüntünün boyutuna yol açan dikey ve yatay olarak içerdiği piksel sayısına karşılık gelir.

Çözünürlük dediğimiz şey, inç başına piksel veya dpi olarak adlandırılan belirli bir alandaki bilgi parçalarının sayısı anlamına gelir. Bu, inç başına piksel sayısı ne kadar yüksek olursa, çözünürlüğümüzün daha yüksek olacağı anlamına gelir.

Her iki yön de farklılaştırıldıktan sonra, iki görüntünün aynı boyuta, ancak farklı çözünürlük ve oranlara sahip olabileceğine dikkat edilmelidir. Web için görsellerse, boyutların piksel boyutunda ele alınması önerilir. Erişmek için Görüntü / Görüntü boyutuna gidin veya aşağıdaki kombinasyona basın.

Ctrl + Alt + I

NotResmi yeniden örnekle seçeneği, çözünürlüğü değiştirmeden boyutu değiştirmemize olanak tanır. İhtiyacınız olan şey için en uygun seçeneği seçin.

3. Photoshop renk profilini değiştir

Çalıştığımız renk alanı da son dosyayı etkileyecektir. sRGB ve RGB alanı arasındaki farktan bahsetmek gerekir. Adobe RGB sistemi şirket tarafından 1998'de tanıtıldı ve sRGB alanından çok daha geniş bir renk yelpazesi oluşturuyor. Bu daha kötü olduğu anlamına gelmez, ancak farklı hedeflere adandıkları anlamına gelir.

RGB sistemi, spektrumu ile baskı dünyasına yönelik CMYK'ya daha yakındır. Daha fazla renge sahip olmasına rağmen, ister cep telefonları, monitörler veya herhangi bir dijital cihaz olsun, cihazlarda dijital olarak dağıtılan standart sRGB'ninkidir. Bu cihazlardan biri RGB ile karşılaştığında fazla renkleri sıkıştırmaya çalışır ve daha kötü sonuçlarla yanlış bir sRGB oluşturur.

Aşama 1
Bu nedenle, renk uyumluluğunu iyileştirmek için fotoğrafların, çalışma alanının Photoshop'ta çekilmesi veya bu sistemle optimize edilmesi önerilir. Çalışan renk profilini değiştirmek için Düzen menünüze gidin ve Profile Dönüştür'ü seçin.

Adım 2
Bir sonraki pencerede sadece ihtiyacınız olan profili, bu durumda sRGB'yi seçmeniz gerekecek.

4. Photoshop kalitesini kaybetmeden görüntüyü sıkıştırın

JPG.webp formatı en çok kullanılan standarttır ve sıkıştırmaya izin vermesine rağmen PNG kadar düzenlenebilir parametre sunmaz. Fotoğrafımızı yeniden boyutlandırarak veya dışa aktarırken görüntümüzün son ağırlığını değiştirebiliriz.

Aşama 1
JPEG.webp olarak kaydederken iki seçeneğimiz olduğunu görüyoruz, bir yandan görüntü seçeneklerini (kalite) yapılandırırken, diğer yandan format seçeneklerini yapılandırın. Bunu yapmak için Dosya / Farklı kaydet menüsüne veya aşağıdaki kombinasyona gidin ve JPEG.webp formatını seçin.

Üst Karakter + Ctrl + S

Adım 2
Bu yapılandırma parametreleri bir sonraki pencerede görünür. Her birinin ne anlama geldiğini görelim.

Görüntü seçenekleriBurada görüntünün nihai kalitesini seçmeliyiz, kalite ne kadar yüksek olursa, dosya boyutunun o kadar büyük olduğu, Önizleme'ye tıklarsak sonunda ne işgal edeceğini görebildiğimiz açıktır. Bu değerleri değiştirebilmek için çubuğu hareket ettirin.

Poster boyutunda bir fotoğraf basmak istiyorsak, web için bir görüntü istiyorsak çok daha yüksek bir kalite seçmeliyiz, görüntü boyutu ne kadar büyük olursa, web üzerinden yüklemek için o kadar fazla kaynağa ihtiyaç duyulacağını unutmayın.

Biçim seçenekleriBurada, görüntümüze son biçimi vermek için farklı alternatifler buluyoruz. En çok önerilen, genellikle en uyumlu olan standart temeldir.

• Temel ("Standart"). Web tarayıcılarının ve programlarının büyük çoğunluğu tarafından tanınan bir formatın kullanımını kullanır. Şu anda en son programlar genellikle uyumsuzluk vermiyor.

• Optimize edilmiş temel. Bu biçim, optimize edilmiş renkler içeren bir görüntü dosyası oluşturacak ve böylece size daha küçük bir boyut verecektir.

• ilerici. Bu seçenekle, indirildikçe daha ayrıntılı olacak farklı sürümler gösterilecektir. Kaç tane oluşturulacağına kullanıcı karar verir. Süpürme taramalarının yüklenmesini gerektiren yavaş bağlantılara gittiğimizde çok kullanılan ve kullanılan bir formattır.

NotTüm tarayıcıların aşamalı veya optimize edilmiş JPEG.webp görüntülerini tanımadığı veya desteklemediği belirtilmelidir.

5. PNG görüntülerini Photoshop'ta sıkıştırın

Aşama 1
PNG olarak dışa aktarmak için diğer formatlarla aynı ilk adımı yapmalıyız, Dosya Menüsü / Farklı kaydet'e gidin ve bu durumda PNG'yi seçin.

Adım 2
Şimdi kaydetme penceresinde farklı seçeneklerin göründüğünü göreceksiniz.

Sıkıştırmaİstediğimiz sıkıştırma türünü seçebilir veya uygulanmasını istemiyorsak hiçbirini söyleyebiliriz. Seçime bağlı olarak, yükleme hızı artırılacak veya azaltılacaktır.

örgüBu seçenek, özellikle web platformlarından bahsediyorsak önemlidir. Farkı görelim:

• Hiç biri. Bu seçenek, bir görüntünün yalnızca tamamen yüklendiğinde görüntülenmesine izin verir, yani bağlantımız yavaş veya sorunluysa, görüntü İnternet aktarımına yüklenene kadar görünmeyecektir.

• iç içe. Bu seçenek, yüklenirken görüntünün küçültülmüş sürümlerini gösterdiğinden web hizmetleri için daha çok önerilir. Bu, indirme işleminin daha küçük olmasına yardımcı olur ve ayrıca kullanıcı görüntünün indirildiğini bilecektir.

6. Photoshop web için JPG.webp görüntülerini kaydedin

Aşama 1
Photoshop'ta görüntü optimizasyonu için sahip olduğumuz en avantajlı seçeneklerden biri, çeşitli parametreleri manuel olarak ayarlamamızı sağlayan Web olarak kaydedildi. Bu kaydetme, web'e yüklemeye ayrılmış görüntüler için çok kullanışlıdır, kaliteli görüntülere izin verir, ancak boyutu küçültülür. Bunun için File / Save for web'e gidiyoruz veya aşağıdaki kombinasyonu yapıyoruz.

Alt + Üst Karakter + Ctrl + S

Adım 2
JPEG.webp seçmek istiyorsak bu ayarlara sahip olacağız.

Görüntü kalitesiDüşükten Maksimuma veya sağdaki değerlerle tercih ettiğiniz görüntü kalitesini seçin. Boyut varyasyonunu soldaki resmin altında görebilirsiniz.

ilericiGörüntü azar azar yüklenecek, yani onu düşük çözünürlükte görmekten gerçek olana geçeceğiz.

geçmeliGörüntüyü yalnızca tam olarak yüklendiğinde görüntüler.

haleGörüntü şeffafsa, gömüleceği sayfanın arka planına eşdeğer bir hale rengi seçin.

Renk profilini gömResmin ICC profilini korumak için bu seçeneği seçin, bazı web tarayıcıları bunu rengi düzeltmek için kullanır.

sRGB'ye dönüştürCihazlarda ve monitörlerde renk uyumluluğunu iyileştirmek için bu profili kullanın.

Önizleme modu, meta veriler veya kısıtlamalı veya kısıtlamasız yeniden boyutlandırma gibi başka seçenekleriniz de vardır.

7. PNG görüntülerini web Photoshop için kaydedin

Aşama 1
PNG'de Web için Kaydedilmiş'e erişebileceğimizi zaten bildiğimiz için Dosya / Web için Kaydet'e gitmeliyiz. Sonuç kalite ve dosya ağırlığı arasında çok iyi bir ilişki sağladığından, bu formatın web hedefi olan görüntüler için çok iyi olduğunu unutmayın.

Adım 2
PNG olarak dışa aktarmak için açılır menüden seçin. PNG 24'ün daha fazla renk sunduğunu, dolayısıyla boyutların PNG-8'den çok daha yüksek olduğunu unutmayın. Standart web görüntüleri için ikincisini öneririz. Görünen pencere JPEG.webp penceresine benzer ve önceki bölümde görülen seçeneklere ek olarak şunları da seçebiliriz:

şeffaflıkBurada resminize en uygun şeffaflık türünü seçebilir veya kaldırabilir ve Halo ile belirli bir renk seçebilirsiniz.

Web'e SığdırBu parametre görüntünün daha fazla sıkıştırılmasına izin verir, ayar yüzdesi ne kadar yüksek olursa, sıkıştırma o kadar yüksek, kalite o kadar düşük ve boyut o kadar küçük olur.

8. Photoshop web için görüntüleri kaydedin

Aşama 1
Hem PNG hem de JPEG.webp için otomatik sıkıştırma yapabilmek için, web için kaydetmeyi Dosya / Web için Kaydet veya aşağıdaki tuş kombinasyonunda açıyoruz.

Alt + Üst Karakter + Ctrl + S

Adım 2
Ön Ayarlar seçeneğinin sağında görünen menü sekmesine tıklayın ve Dosya boyutuna göre optimize et'i seçin.

Aşama 3
Şimdi sadece sahip olmak istediğiniz görüntünün boyutunu seçmeniz gerekiyor ve program sizin için sıkıştırmayı otomatik olarak yapacak. Farklı sonuçlar elde etmek için değerleri değiştirebilirsiniz.

4. Adım
Ayrıca 4 kopya adı verilen pencereye gidip oradan size sunulan sürümlerden birini seçip kaydedebilirsiniz.

Adım 5
Boyutu ve aktarım hızını değiştirmek istiyorsanız resmin altındaki değerlere tıklayın ve otomatik olarak seçin.

Gördüğünüz gibi, amaçlarına bağlı olarak resimlerinizin boyutunu küçültmenin farklı yolları vardır. Dikkate almanız gereken birçok parametre vardır, ancak ihtiyacınız olan seviyeye bağlı olarak, Photoshop görüntüsünün nasıl sıkıştırılacağını bilmek için biri veya diğeri daha faydalı olacaktır. Aşağıdaki videoda, görüntüleri basit ve eksiksiz bir şekilde nasıl optimize edeceğinizi ve sıkıştıracağınızı grafiksel olarak göstereceğiz. Hızlı bir sıkıştırma istiyorsanız, ilk yöntem sizin için iyi olacaktır ve tüm parametreleri düzenleyebileceğiniz daha karmaşık bir şey arıyorsanız, yönteminiz ikincisidir.