Photoshop Eğitimi: Görüntüleri Web Kullanımı İçin En İyileştirme

web görüntü optimizasyonu

Amaca bağlı olarak fotoğraflarımız bir işlem gerektirecektir. Basılacak, dijital projektörde görüntülenecek veya web sayfasında görünecek bir fotoğrafı yapılandırmak aynı şey değildir. Her ortamın farklı eksiklikleri, özellikleri veya ihtiyaçları vardır. Bu nedenle, bu tür yönlere özel dikkat göstermemiz gerekiyor, aksi takdirde dolaylı olarak ve bilmeden kompozisyonlarımızın kalitesini düşürebiliriz.

Bu durumda, aşağıdaki eğitimde Adobe Photoshop'un görüntülerimizi web sayfalarında ve internette çoğaltılabilecek en uygun işleme sahip olacak şekilde kaydetmemiz için sunduğu ayarları göreceğiz. Böylece en ucuz seçeneği bulmaya çalışacağız Kalite (kesme ve pikselleştirme) ve diğer yandan dosyanın boyutu gibi hususları hesaba katarak, web sitemize fotoğraf veya dosya yükleyeceğimizde, web sitemizin mümkün olduğu kadar hafif olması gerektiğini zaten biliyorsunuz. çok daha çevik çalışır. Bu temel seçenekleri hesaba katmanız ilginçtir, parmaklarımızın ucundaki tüm ayrıntılarla ilgilenmeye çalışmamız gerektiğini zaten biliyorsunuz.

JPEG görüntü optimizasyonu

Başlamak için başvurumuza başlayacağız ve çalışacağımız fotoğrafı, bu durumda orta boy bir görüntü ve JPEG formatında alacağız.

optimizasyon-1

Bu fotoğrafı web'de çalışmaya uygun özelliklerle kaydetmek için Dosya menüsü> Web için Kaydet… seçeneğine gitmemiz gerekecek (bu seçeneğe Alt + Shift + Ctrl + S ile de erişebiliriz).

optimizasyon-2

Web için Kaydet iletişim kutusunun üstündeki "dört kopya" adlı sekmeyi tıklayacağız. Dosyadaki dört farklı ayara bakarak, hangi ayarın amaçlarımıza en uygun olduğuna dair iyi bir fikir edinebiliriz. 4 kopya görünümünü kullanarak, bir görüntünün birden fazla sürümü aynı görüntü penceresinde görüntülenebilir. Bunu yapacağız, farklı formatlar uygulayacağız ve hangisinin iddialarımıza en uygun olduğunu göreceğiz. Ardından, en iyi atama kombinasyonunu seçmek için görüntünün her sürümü için optimizasyon atamalarını ayarlayabilirsiniz.

optimizasyon-3

İletişim kutusunun sol alt tarafındaki Yakınlaştırma seviyesi açılır menüsünü kullanarak, fotoğrafımızı iyi analiz edebilmemiz ve görüntünün ayrıntılarını takdir edebilmemiz için büyütmeyi% 200 veya daha fazlasına değiştireceğiz.

optimizasyon-4

Fare imlecini görüntünün sağ üst versiyonunun üzerine yerleştireceğiz (en koyu sınırla gösterilen aktif versiyon). İmleç bir el şeklini alacaktır, bu da görüntüyü hareket ettirmek için sürükleyebileceğimizi gösterir. Görüntünün konumunu değiştirmek için sürükleyeceğiz, böylece görüntünün en uygun alanını, en fazla nüans ve kontrastı bulduğumuz alanı bulacağız.

optimizasyon-5

En İyileştirilmiş panelindeki Hazır Ayar açılır menüsünden Renk Taklidi ile GIF 128'i seçeceğiz. Seçtiğimiz görüntünün versiyonunda (bu durumda sağ üstte) karanlık alanları daha görünür kılan değişikliklerin ne kadar hızlı olduğuna dikkat edin. Ardından aşağıdaki panellerde JPEG ve PNG ayarlarını görmeye devam edeceğiz.

optimizasyon-6

Seçmek için resmin sol alt versiyonuna tıklayacağız. Ön ayarlar menüsünde Düşük JPEG sürümünü seçeceğiz. Görüntü oldukça pikselli görünecek ve kalitesi kabul edilemez, özellikle metin alanında çok belirgindir. Kabul edilemez bir dosya boyutu elde etmeden görüntünün kalitesini artırmaya çalışacağız.

optimizasyon-7

Ayarlar açılır menüsünden tekrar JPEG Yüksek seçeceğiz. Bu, görüntü kalitesini büyük ölçüde iyileştirir, ancak aynı zamanda dosya boyutunda önemli bir artışa neden olur.

optimizasyon-8

Son olarak, en iyi seçenek orta yol olacaktır. Preset açılır menüsünden JPEG Media'yı tekrar seçeceğiz. Dosya boyutu JPEG Yüksek sürümden veya GIF sürümünden önemli ölçüde daha küçükken, görüntü kalitesi artık kabul edilebilir.

optimizasyon-9

Son olarak sağ alt paneli seçeceğiz. Bir kez daha açılır menüden taramalı PNG-8 128'i seçeceğiz. Bu seçenek, orijinal görüntüden daha küçük bir dosya boyutu sağlasa da, görüntü kalitesi, daha küçük bir dosya boyutuna sahip olan JPEG Orta sürüm kadar iyi değildir.

optimizasyon-10

Son olarak JPEG versiyonunu, yani sol altta bulunan versiyonunu tıklayacağız. Optimize Edilmiş Panel'de (iletişim kutusunun sağında) Aşamalı seçeneğinin etkinleştirildiğinden emin olun (bu, görüntünün birkaç geçişte indirilmesine neden olur, her biri görüntü kalitesini artırır) ve Tamam'ı tıklayın.

optimizasyon-11

Son olarak, En İyileştirilmiş Olarak Kaydet iletişim kutusunda, orijinal adı kullanacağız ve Kaydet'e tıklayacağız. Bu şekilde orijinal dosyanın JPEG versiyonunu istenen klasöre kaydedeceğiz. Son olarak değişiklikleri kaydetmeden bu projeyi kapatacağız.


Yorumunuzu bırakın

E-posta hesabınız yayınlanmayacak. Gerekli alanlar ile işaretlenmiştir *

*

*

  1. Verilerden sorumlu: Miguel Ángel Gatón
  2. Verilerin amacı: Kontrol SPAM, yorum yönetimi.
  3. Meşruiyet: Onayınız
  4. Verilerin iletilmesi: Veriler, yasal zorunluluk dışında üçüncü kişilere iletilmeyecektir.
  5. Veri depolama: Occentus Networks (AB) tarafından barındırılan veritabanı
  6. Haklar: Bilgilerinizi istediğiniz zaman sınırlayabilir, kurtarabilir ve silebilirsiniz.