Bilinmesi Gerekenler
- Photoshop'ta bir görüntü açın. Görüntü > Görüntü Boyutu öğesini seçin. Yeni bir genişlik girin ve ardından Pixels > OK öğesini seçin.
- Seç File > Web ve Cihazlar için Kaydet. Orijinal ve optimize edilmiş görüntüleri yan yana görmek için 2-Up sekmesini seçin.
- Quality değerini değiştirin ve sonuçları görüntüleyin. Gerekirse boyut veya dosya türünde ayarlamalar yapın. Kaydet öğesini seçin ve yeni resme bir ad verin.
Bu makale, görüntüleri web'de kullanım için optimize etmek için Photoshop'un Web için Kaydet aracının nasıl kullanılacağını açıklar. Bu bilgiler Photoshop 20.0.10 ve sonraki sürümleri için geçerlidir. Komutlar ve menü seçenekleri sürümler arasında farklılık gösterebilir.
Photoshop'ta Web için Nasıl Kaydedilir
Grafik tasarımcıları, web tasarımcıları ve web için içerik oluşturan diğerleri, web siteleri için fotoğraflar ve banner reklamlar gibi web için hazır görüntüler de oluşturur. Bu görüntüleri yüklemeden önce, bir web tarayıcısında hızlı bir şekilde indirip görüntülemek için görüntüleri optimize ederler.
Görüntüleriniz için doğru görüntü kalitesi ve dosya boyutu dengesini elde etmek için Photoshop'ta Web için Kaydet aracını nasıl kullanacağınız aşağıda açıklanmıştır.
- Kaydetmek istediğiniz görüntüyü Photoshop'ta açın.
-
Seç Görüntü > Görüntü Boyutu. Veya PC için Alt+Ctrl+I, macOS için tuşlarına basın, klavyede Command+Option+I tuşlarına basın.
-
Width alanına yeni bir genişlik girin, Pixels öğesini seçin, ardından OK öğesini seçin.
Fotoğrafı bir web sitesinde kullanılabilecek küçük bir boyuta getirin.
-
Seç File > Export > Web için Kaydet (Eski). Veya klavye kısayolunu kullanın: Alt/Option+Command+Shift+S.
Photoshop'un diğer sürümlerinde yol File > Export > Web için Kaydet şeklindedir.. Öğe, Web için Kaydet veya Web ve Cihazlar için Kaydet olarak adlandırılabilir.
-
Web için Kaydet penceresinde, Orijinal, Optimized,2-Yukarı ve 4-Yukarı sekmeleri. Bu sekmeler, orijinal fotoğrafın görünümü, Web için Kaydet ayarlarının uygulandığı optimize edilmiş fotoğraf veya fotoğrafın iki veya dört sürümünün karşılaştırması arasında geçiş yapar.
Orijinal fotoğrafı optimize edilmiş fotoğrafla karşılaştırmak için
2-Up 'ı seçin. Bu, görüntünün yan yana kopyalarını gösterir.
-
Kalite değerini değiştirin. Kaliteyi düşürdükçe görüntü daha bulanık görünür ve dosya boyutu azalır. Daha küçük dosyalar, web sayfalarının daha hızlı yüklenmesi anlamına gelir.
Dosya boyutu ve kalitesi arasında mutlu bir ortam bulun. 40 ile 60 arasında bir kalite iyi bir aralıktır. Zaman kazanmak için önceden ayarlanmış kalite seviyelerini (örneğin JPEG Medium) kullanın.
-
Gerekirse dosya türünü JPEG, GIF, PNG-8, PNG-24 veya WBMP olarak değiştirin.
-
Gerekirse görüntünün boyutunu değiştirin. Bir genişlik veya yükseklik girin ya da bir yüzdeye göre ölçeklendirin.
Görüntünün oranını değiştirmek için chain link simgesine tıklayın. Aksi takdirde, diğer değeri orantılı olarak değiştirmek için farklı bir genişlik veya yükseklik girin.
-
Görüntü önizlemesinin altındaki değerler dosya türünü, boyutunu ve görüntünün bir web sitesinde açılmasının ne kadar süreceğini gösterir. Bu numaralar siz değişiklik yaptıkça güncellenir.
-
Fotoğraftan memnun kaldığınızda, Kaydet öğesini seçin.
-
Fotoğraf için bir ad yazın, ardından Kaydet'ye tıklayın.
Grafiği Web'e Hazır Yapan Nedir?
Web için hazır grafiklerin çoğu ortak özelliklere sahiptir:
- Çözünürlük 72 dpi'dir.
- Renk modu RGB'dir.
-
Daha hızlı yüklenen web sayfaları için dosyaların boyutu küçültülür.