Photoshop'ta Web için Görüntüler Nasıl Kaydedilir

click fraud protection

Photoshop'un sunduğu en kritik işlevlerden biri, Web/Cihazlar için Kaydet özellik.

Neden kullanalım? Dosyanızı standart bir yöntemle kaydedebilirken, örneğin Dosya / Farklı Kaydet, Web/Aygıtlar için Kaydet özelliği çok önemli üç şey yapar.

  • Dosya boyutlarını optimize eder (örneğin: 150 px X 150 px), web sayfalarına daha temiz sığmasını ve daha iyi ve daha az bozuk görünmesini sağlar.
  • Dosya boyutunu optimize eder (örneğin: 23 kb), daha hızlı indirilmesini sağlar.
  • CMYK (baskı) formatının aksine RGB (veya monitör) formatında kaydeder.

Bu araç, Twitter simgelerini, Facebook profil resimlerini, ürün dosyalarını, blog resimlerini ve favikonlar için kaynak dosyaları çıkarmak için harika çalışıyor.

Kaynak Dosyanızı Açın

DosyaPhotoshop'u Aç
Dosya/Photoshop'u Aç.Bryan Haines'in ekran görüntüsü

Başlamak için şu adrese gitmeniz gerekir: Dosya/Aç Dosyanızı açmak için Herhangi bir formatta olabilir - jpg, gif, psd, png veya diğerleri. Photoshop açabildiği sürece, web için çıktısını alabilirsiniz.

Dosyanızı Web İçin Kaydetme

Dosya Kaydetme Photoshop CS5
Dosya Kaydet Photoshop CS5.Bryan Haines'in ekran görüntüsü

İstediğiniz ayarlamaları yaptığınızı varsayarak, Web için kaydetmeye geçeceğiz. Açıkçası, görüntüyü düzenlemeniz gerekirse, önce bunu yapın ve daha sonra bu adımla devam edin.

git Web/Aygıtlar için Dosya / Kaydet ve tıklayın. Açılır menünün yaklaşık yarısındadır.

Bu işlem orijinal dosyanızı hiç değiştirmez. Yeni bir dosya oluşturuyorsunuz. Bu öğreticiyi tamamladıktan ve Photoshop'ta orijinal görüntünüze geri döndüğünüzde, herhangi bir değişiklik yaptıysanız bu dosyayı kaydetmeniz gerekir. Yeni resminizi orijinal resminizden farklı bir şekilde adlandırmak önemlidir. Genellikle basitçe ekleme _ağ dosya adına iyi çalışacaktır. (örnek: dosyaadı_web.jpg)

Karşılaştırma Görünümünü 2-Üst Olarak Ayarlayın

Yan Yana Karşılaştırma Photoshop CS5
Yan Yana Karşılaştırma Photoshop CS5.Bryan Haines'in ekran görüntüsü

Ayarlarınıza bağlı olarak, görünümü burada ayarlamanız gerekebilir. İstediğiniz şey, resminizin sol ve sağ karşılaştırmasıdır. Sol taraf orijinali, sağ taraf ise mevcut ayarlardaki görüntü kalitesini gösterecektir.

Pencerenin üst kısmına bakarsanız şu seçenekleri görürsünüz: Orijinal, Optimize Edilmiş, 2'li, 4'lü. Çoğu amaç için 2-Yukarı, isteyeceğiniz şeydir.

Görüntüleme Boyutunuzu %100 olarak ayarlayın

Photoshop CS5'te görünümü %100'e ayarlama
Photoshop CS5'te görünüm %100'e ayarlanıyor.Bryan Haines'in ekran görüntüsü

%100'de görüntülediğinizden emin olmak için ekranın sol alt köşesindeki seçeneği işaretleyin.

Resminizi %100'den daha yüksek bir oranda görüntülerseniz, grenli ve hatta muhtemelen çözülemez görüneceğini unutmamak önemlidir. Görüntüyle her zaman %100'de çalışın.

Dosya Boyutlarını Seçin

Photoshop CS5'te Dosya Boyutlarını Seçme
Photoshop CS5'te Dosya Boyutlarını Seçme.Bryan Haines'in ekran görüntüsü

Web için boyutlar neredeyse her zaman piksel (px) cinsindendir. Oranları doğru tutmak önemlidir. Resim kutusunun yanında küçük bir zincir halkası resmi var. Bunun yaptığı, yüksekliği ayarladığınızda genişliği ölçeklemektir. Örneğin, 600px'e 400px olan bir resim. Genişliği 300 piksele düşürürseniz, dosya otomatik olarak 200 piksel yüksekliğe ölçeklenir. İşaretlenmezse görüntü bozulur.

Ayrıca görüntüyü yüzdelere göre ölçekleme seçeneğiniz de vardır.

Dışa Aktarma için Dosya Türünü Seçin

Photoshop CS5'te Dışa Aktarma için Dosya Türünü Seçme
Photoshop CS5'te Dışa Aktarma için Dosya Türünü Seçme.Bryan Haines'in ekran görüntüsü

Bu seçenekte, orijinal dosyanın türü önemli değildir. İhtiyacınız olan dosyayı seçebilirsiniz.

Not: işleme başlamak için sağdaki resme tıklamanız gerekecek. Görüntünün işlenmesi için seçilmesi gerekir.

Web için en yaygın olanı jpg'dir - en küçük dosya biçimidir, yani sitenizin ziyaretçileri için daha hızlı indirilir. Saydamlığınız varsa png-24'ü seçin. Şeffaflığın ne anlama geldiğini bilmiyorsanız, jpg'yi seçmelisiniz.

Görüntü Kalitesini Seçin

Photoshop CS5'te Görüntü Kalitesini Seçin
Photoshop CS5'te Görüntü Kalitesi'ni seçin.Bryan Haines'in ekran görüntüsü

Üç jpg seçeneğinin (Yüksek, Orta, Düşük) her biri, tümü manuel olarak ayarlanabilen önceden ayarlanmış kalite ayarlarına sahiptir. %100'de görüntülüyorsanız, hangi kaliteye ihtiyacınız olduğuna karar verebilirsiniz. Yakınlaştırma seviyesini ayarlamak için Adım 5'e bakın. Görüntü, çevrimiçi olarak önizleme penceresinde göründüğü gibi görünecektir.

jpg dışında bir şey seçtiyseniz, bu adımı atlayabilirsiniz.

Dosyanızı Kaydedin

Dosyanızı Photoshop CS5'te kaydedin
Dosyanızı Photoshop CS5'e kaydedin.Bryan Haines'in ekran görüntüsü

Gerekli ayarlamaları yaptıktan sonra dosyayı kaydetmeye hazırsınız. "Kaydet"e tıklayın ve bu yeni görüntü için istediğiniz klasör ve dosya adını seçin.

Tebrikler! Yeni dosyanız çevrimiçi olarak kullanılmaya hazır.

Evde Çalışmak İçin En İyi İç Mekan Ofis Bitkileri

Evden çalışmanın faydalarından biri, size ilham veren ve motive eden bir ofis alanı tasarlama yeteneğidir. Sağlıklı ve üretken bir ortam yaratmanın harika bir yolu ofis bitkilerinden geçer. Ev Ofiste Bitkilerin Faydaları Araştırmalar, bitkileri...

Devamını oku

En İyi Ücretsiz Blog Platformları

Editörlerimiz bağımsız olarak en iyi ürün ve hizmetleri araştırır, test eder ve önerir; inceleme sürecimiz hakkında daha fazla bilgiyi buradan edinebilirsiniz. Seçtiğimiz bağlantılardan yapılan satın alımlardan komisyon alabiliriz. Birçok küçük iş...

Devamını oku

Kurye İş Fırsatlarından Nasıl Yararlanılır?

Bir kurye işinin temel sorumluluğu, malları ve belgeleri A noktasından B noktasına taşımaktır, ancak bu işin kolay kısmıdır. Başarılı bir evden çalışma kurye işi fırsatı çok daha fazlasına bağlıdır. Bu işe giren pek çok kişi, kendi başlarına yola...

Devamını oku