Görüntüleri en iyileştirme

Web ve diğer çevrimiçi ortamlar için görüntüler hazırlarken, sık sık görüntü görüntüleme kalitesi ile görüntünün dosya boyutu arasında ödün vermeniz gerekir.

Web ve Aygıtlar İçin Kaydet

Web ve Aygıtlar İçin Kaydet iletişim kutusundaki en iyileştirme özelliklerini kullanarak en iyileştirilen görüntülerin farklı dosya formatlarındaki ve farklı dosya niteliklerindeki görüntülerinin önizlemelerini görebilirsiniz. Görüntünün birden çok sürümünü aynı anda görüntüleyebilir ve gereksinimleriniz için en iyi ayar birleşimini seçmek üzere görüntünün önizlemesini görüntülerken en iyileştirme ayarlarını değiştirebilirsiniz. Ayrıca saydamlık ve örtülemeyi belirleyebilir, renk taklidini kontrol etme seçeneklerini belirleyebilir ve görüntüyü belirlenen piksel boyutlarında veya orijinal boyutun belirlenen yüzdesinde yeniden boyutlandırabilirsiniz.

Web ve Aygıtlar için Kaydet komutunu kullanarak en iyileştirilen bir dosyayı kaydettiğinizde, görüntü için HTML dosyası oluşturmayı seçebilirsiniz. Bu dosya görüntünüzü web tarayıcısında görüntülemek için gereken tüm bilgileri içerir.

Photoshop Farklı Kaydet ve Görüntü İşleyici

Photoshop uygulamasında Farklı Kaydet komutunu kullanarak görüntüyü GIF, JPEG veya PNG dosyası olarak kaydedebilirsiniz. Dosya formatına bağlı olarak görüntü kalitesini, arka plan saydamlığını veya örtülemesini, renk görünümünü ve yükleme yöntemini belirleyebilirsiniz. Ancak, dosyaya eklediğiniz dilimler, bağlar ve animasyonlar gibi web özellikleri korunmaz.

Ayrıca görüntü klasörünün kopyalarını JPEG formatında kaydetmek için Photoshop Görüntü İşleyici seçeneğini kullanabilirsiniz. Görüntü İşleyici'yi görüntülerin renk profilini yeniden boyutlandırmak ve web standardı sRGB'ye dönüştürmek için kullanabilirsiniz.

Web ve Aygıtlar İçin Kaydet'e genel bakış

Başa dön

Web ve Aygıtlar için Kaydet iletişim kutusunu (Dosya > Web ve Aygıtlar için Kaydet) en iyileştirme seçeneklerini belirlemek ve en iyileştirilmiş resimlerin önizlemesini görmek için kullanırsınız.

777

Web ve Aygıtlar İçin Kaydet iletişim kutusu (Photoshop sürümü)

A. Görüntü seçenekleri B. Araç Kutusu C. En İyileştir açılır menüsü D. Renk Tablosu açılır menüsü E. Animasyon kontrolleri (yalnızca Photoshop) F. Yakınlaştır metin kutusu G. Tarayıcıda Önizleme menüsü H. Orijinal görüntü I. En iyileştirilen görüntü

Görüntülerin önizlemesini iletişim kutusunda görüntüleme

Görüntü seçeneği belirlemek için görüntü alanının üstünde bir sekmeyi tıklatın:

Orijinal Görüntüyü en iyileştirme olmadan görüntüler.

En İyileştirilmiş Görüntüyü geçerli en iyileştirme ayarları uygulanarak görüntüler.

2'li Görüntünün iki sürümünü yan yana görüntüler.

4'lü Görüntünün dört sürümünü yan yana görüntüler.

İletişim kutusunda gezinme

Tüm resim Web ve Aygıtlar için Kaydet iletişim kutusunda görünmüyorsa, başka bir alanı görüntüye getirmek için El aracını kullanabilirsiniz. Görüntüyü büyütmek veya küçültmek için Yakınlaştırma aracını kullanın.

El aracını seçin (veya boşluk çubuğunu basılı tutun) ve görüntüyü kaydırmak için görüntüleme alanında sürükleyin.

Yakınlaştırma aracını seçin ve yakınlaştırmak için bir görünümün içini tıklatın; Alt (Windows) veya Option (Mac OS) tuşunu basılı tutun ve uzaklaştırmak için bir görünümün içini tıklatın.

Ayrıca bir büyütme yüzdesi yazabilir veya iletişim kutusunun altından bir yüzde seçebilirsiniz.

En iyileştirilmiş görüntü bilgilerini ve yükleme süresini görüntüleme

Web ve Aygıtlar için Kaydet iletişim kutusundaki her görüntünün altındaki ek açıklama alanı en iyileştirme bilgileri sağlar. Orijinal görüntünün ek açıklamasında dosya adı ve boyutu belirtilir. En iyileştirilen görüntü için ek açıklama geçerli en iyileştirme seçeneklerini, en iyileştirilen dosyanın boyutunu ve seçilen modem hızı kullanılarak tahmini yükleme süresini gösterir. Önizleme açılır penceresinde bir modem hızı seçebilirsiniz.

Farklı değerlerde önizleme görüntü gaması

Başa dön

Bilgisayar monitörünün gama değeri açık veya koyu görüntünün web tarayıcısında nasıl göründüğünü etkiler. Photoshop'ta, görüntülerinizin farklı gama değerleri olan sistemlerde nasıl görüneceğini önizleyebilir ve denklemek için görüntüye gama ayarlamaları yapabilirsiniz. Önizleme seçeneğini etkinleştirmek son görüntü çıktısını etkilemez.

Önizleme açılır menüsündeki Web için Kaydet/ Web ve Aygıtlar için Kaydet iletişim kutusunu kullanarak aşağıdaki seçeneklerden birini belirleyin

Monitör Rengi Görüntü aralığında ayarlama yapmaz. Monitör Rengi varsayılan ayardır.

Eski Macintosh (Renk Yönetimi Yok) Mac OS 10.5 ve önceki sürümler tarafından kullanılan 1.8'lik varsayılan gamanın benzetimini yapar. Windows (Renk Renk Yönetimi Yok) Windows ve Mac OS 10.6 ve sonraki sürümler tarafından kullanılan 2.2'lik varsayılan gamayı simüle eder. Belge Profilini Kullan Gama değerini, renkleri yönetilen bir belgede eklenen herhangi bir belge renk profiline uyacak şekilde ayarlar.

Görüntüyü web için en iyileştirme

Başa dön

778

1. Dosya > Web ve Aygıtlar İçin Kaydet'i seçin.

2. Görüntü seçeneği belirlemek için iletişim kutusunun üstündeki bir sekmeyi tıklatın: En İyileştirilmiş, 2'li veya 4'lü. 4'lü seçeneğini belirlerseniz en iyileştirmek istediğiniz önizlemeyi tıklatın.

3. (İsteğe bağlı) Görüntünüz birden çok dilim içeriyorsa, en iyileştirme istediğiniz bir veya daha çok dilim seçin.

4. Hazır Ayar menüsünden bir hazır ayar en iyileştirme ayarı seçin veya bireysel en iyileştirme seçeneklerini ayarlayın. Kullanılabilen seçenekler seçtiğiniz dosya formatına bağlı olarak değişir.

4'lü modda çalışıyorsanız, en iyileştirme ayarlarını değiştirdikten sonra otomatik olarak görüntünün düşük kaliteli sürümlerini oluşturmak

için En İyileştir menüsünden Görünümleri Yeniden Doldur'u seçin.

5. Görüntü kalitesi ve dosya boyutu dengesi istediğiniz gibi olana kadar en iyileştirme ayarlarında ince ayarlar yapın. Görüntünüz birden çok dilim içeriyorsa tüm dilimleri en iyileştirdiğinizden emin olun.

En iyileştirilmiş bir önizlemeyi orijinal sürümüne geri yüklemek için önizlemeyi seçin ve Hazır Ayar menüsünden Orijinal'i seçin.

6. sRGB haricinde gömülü renk profili olan bir görüntüyü en iyileştiriyorsanız, görüntüyü Web'de kullanmak üzere kaydetmeden önce görüntünün renklerini sRGB'ye dönüştürmeniz gerekir. Böylece, en iyileştirilmiş görüntüde gördüğünüz renklerin farklı web tarayıcılarında aynı görüntülenmeleri sağlanır. sRGB'ye Dönüştür seçeneği varsayılan olarak seçilidir.

7. (Yalnızca Photoshop) Meta Veri menüsünden en iyileştirilmiş dosyayla hangi meta verilerinin kaydedileceğini seçin. (Belge meta verilerini görüntülemek veya girmek için Dosya > Dosya Bilgileri'ni seçin.) Meta veriler JPEG dosya formatı tarafından tamamen desteklenir ve GIF ve PNG dosya formatları tarafından kısmen desteklenir.

Not: Çıktı meta verileri Meta Veri Çalışma Grubu standartları ile uyumlu olduğundan bazı JPEG meta veriler XMP yerine EXIF ve IIM formatlarında saklanır.

Yok Hiçbir meta veri kaydedilmez (JPEG dosyalarındaki EXIF telif hakkı bildirimi hariç). En küçük dosya boyutunu üretir.

Telif hakkı Telif hakkı bildirimi, hakları kullanma şartları, telif hakkı durumu ve telif hakkı bilgi URL'sini kaydeder.

Telif Hakkı ve Bağlantı Kişi Bilgileri Tüm telif hakkı bilgilerine ek olarak şu bilgileri de kaydeder: oluşturan, oluşturan iş unvanı, e-postalar, adres, şehir, il, posta kodu, ülke, telefonlar ve web siteleri.

Kamera Bilgileri Dışında Tümü Enstantane hızı, tarih ve saat, odak uzaklığı, pozlama telafisi, ölçüm deseni ve flaş kullanımı kamer ayarları ile ilgili EXIF verileri dışındaki tüm meta verileri kaydeder.

Tümü Dosyadaki tüm meta verilerini kaydeder.

8. Kaydet'i tıklatın.

9. En İyileştirileni Farklı Kaydet iletişim kutusunda aşağıdakileri yapın ve ardından Kaydet'i tıklatın:

Dosya adı girin ve elde edilen dosya veya dosyalar için bir konum seçin.

Hangi dosya türlerini kaydetmek istediğinizi belirlemek için bir Format seçeneği belirleyin: HTML dosyası ve görüntü dosyaları, sadece görüntü dosyaları veya sadece HTML dosyası.

(İsteğe bağlı) HTML ve görüntü dosyaları için çıktı ayarlarını yapın.

Görüntünüz birden çok dilim içeriyorsa, dilimleri Dilimler menüsünden kaydetmek için bir seçenek belirleyin: Tüm Dilimler veya Seçilen Dilimler.

En iyileştirme ayarlarını son kaydedilen sürüme sıfırlamak için Alt (Windows) veya Option (Mac OS) tuşuna basın ve Sıfırla'yı tıklatın.

Web ve Aygıtlar için Kaydet iletişim kutusunu bir sonraki açışınızda aynı ayarları korumak için Alt/Option tuşuna basın ve Hatırla'yı tıklatın.

Web için dosyaları Illustrator'da kaydetme hakkında bir video için bkz. www.adobe.com/go/vid0063_tr.

En iyileştirme hazır ayarlarını kaydetme veya silme

Başa dön

En iyileştirme ayarlarını adlandırılmış bir küme olarak kaydedebilir ve ayarları diğer görüntülere uygulayabilirsiniz. Kaydettiğiniz ayarlar Hazır Ayar menüsünde diğer önceden tanımlanmış adlandırılmış ayarlarla birlikte görünür. Adlandırılmış bir kümeyi veya önceden tanımlanmış bir kümeyi düzenlerseniz, Hazır Ayar menüsünde “Adlandırılmamış” görüntülenir.

1. En iyileştirme ayarlarını istediğiniz şekilde yapın ve En İyileştir palet menüsündenAyarları Kaydet seçeneğini belirleyin.

2. Ayarları adlandırın ve bunları ilgili klasöre kaydedin:

Photoshop (Windows XP) Document and Settings\[Kullanıcıadı]\Application Data\Adobe\AdobePhotoshop CS5\Optimized Settings (Windows Vista) Users\[Kullanıcıadı]\AppData\Roaming\Adobe\Adobe Photoshop CS5\Optimized Settings

(Mac OS) Users/[Kullanıcıadı]/Library/Preferences/Adobe Photoshop CS5 Settings/Optimized Settings

Illustrator (Windows XP) Document and Settings\[Kullanıcıadı]\Application Data\Adobe\AdobeIllustrator CS5 Settings\[Dil]\Save for Web Settings\Optimize

(Windows Vista) Users\[Kullanıcıadı]\AppData\Roaming\Adobe\Adobe Illustrator CS5 Settings\[Dil]\Save for Web Settings\Optimize (Mac OS) Users/[Kullanıcıadı]/Library/ApplicationSupport/Adobe/Adobe Illustrator CS5/[Dil]/Save for Web Settings/Optimize

Not: Ayarları başka bir konuma kaydederseniz bunlar Hazır Ayar açılır menüsünden görünmez.

779

3. Hazır ayarı silmek için hazır ayarı Hazır Ayar menüsünden seçin ve En İyileştir menüsünden Ayarları Sil'i seçin.

Web ve Aygıtlar İçin Kaydet iletişim kutusunda dilimlerle çalışma

Başa dön

Görüntünüz birden çok dilim içeriyorsa en iyileştirilecek dilimleri belirlemeniz gerekir. Dilimleri bağlayarak ek dilimler için en iyileştirme ayarları uygulayabilirsiniz. GIF ve PNG-8 formatındaki bağlı dilimler, dilimler arasında ek yeri görünümlerini önlemek için aynı renk paletini ve renk taklidini paylaşır.

Tüm dilimleri göstermek veya gizlemek için Dilim Görünürlüğünü Değiştir düğmesini .

Web ve Aygıtlar için Kaydet iletişim kutusunda dilimleri seçmek için Dilim Seçme aracını seçin ve ardından bir dilimi tıklatarak seçin. Birden çok dilim seçmek için Shift tuşuyla birlikte tıklatın veya Shift tuşuyla birlikte sürükleyin.

Not: Web ve Aygıtlar İçin Kaydet iletişim kutusunda seçilmemiş dilimler gri olarak görünür. Bu, son görüntünün rengini etkilemez.

Web ve Aygıtlar için Kaydet iletişim kutusundaki dilim seçeneklerini görüntülemek için Dilim Seçme aracını seçin ve bir dilimi çift tıklatın.

Dilimleri bağlamak için iki veya daha fazla dilim seçin ve En İyileştir açılır menüsünden (Hazır Ayar menüsünün sağında) Dilimleri Bağla'yı seçin. Bağlanan dilimlerde bağ simgesi görünür.

Dilimin bağını kaldırmak için dilimi seçin ve En İyileştir menüsünden Dilimin Bağını Kaldır'ı seçin.

Görüntüdeki tüm dilimlerin bağını kaldırmak için En İyileştir menüsünden Tüm Dilimlerin Bağını Kaldır'ı seçin.

Web grafiğini belirli bir dosya boyutuna sıkıştırma

Başa dön

1. Dosya > Web ve Aygıtlar için Kaydet seçeneğini belirleyin.

2. Görüntü seçeneği belirlemek için Web ve Aygıtlar için Kaydet iletişim kutusunun üstündeki bir sekmeyi tıklatın: En İyileştirilmiş, 2'li veya 4'lü. 4'lü seçeneğini belirlerseniz en iyileştirmek istediğiniz önizlemeyi seçin.

3. (İsteğe bağlı) En iyileştirmek istediğiniz dilimleri ve kullanmak istediğiniz dosya formatını seçin.

4. En İyileştir menüsünden (Ayarlar menüsünün sağında) Dosya Boyutuna En İyileştir'i seçin.

5. İstediğiniz dosya boyutunu girin.

6. Birlikte Başla seçeneği belirleyin:

Geçerli Ayarlar Geçerli dosya formatını kullanır.

Otomatik GIF/JPEG Seç Görüntü içeriğine bağlı olarak en iyi formatı otomatik olarak seçer.

7. Belirtilen dosya boyutunu sadece geçerli dilime mi, görüntüdeki her dilime mi veya tüm dilimlere mi uygulamak istediğinizi belirtmek için bir Kullan seçeneği belirleyin. Tamam'ı tıklatın.

En iyileştirmeden önce resmi yeniden boyutlandırma

Web ve Aygıtlar için Kaydet iletişim kutusunda görüntüyü belirlenen piksel boyutlarına veya orijinal boyutun bir yüzdesine yeniden boyutlandırabilirsiniz.

1. Web ve Aygıtlar İçin Kaydet iletişim kutusunda Görüntü Boyutu sekmesini tıklatın.

2. Ek seçeneklerden birini ayarlayın:

Oranları Koru Geçerli piksel genişliği ve piksel yüksekliği oranlarını korur.

Başa dön

Kalite (Sadece Photoshop) Enterpolasyon yöntemini belirler. Bikübik Altörnekleme genellikle görüntü boyutunu küçültürken daha iyi sonuçlar üretir.

Kenar Yumuşatma (Sadece Illustrator) Kenar yumuşatma uygulayarak resimdeki pürüzlü kenarları giderir.

Çalışma Yüzeyine Kırp (Sadece Illustrator) Resmi belgenin Resim sınırı ile eşleşecek şekilde kırpar. Çalışma Yüzeyi sınırının dışındaki tüm resimler silinir.

Not: Görüntü Boyutu paletindeki özelliklerin hiçbiri (Çalışma Yüzeyine Kırp dışında) SWF ve SVG dosya formatları için kullanılamaz.

3. Yeni piksel boyutları girin veya görüntünün yeniden boyutlandırılacağı bir yüzde belirleyin ve Uygula'yı tıklatın.

Web grafikleri için CSS katmanları oluşturma

Başa dön

Illustrator resminizdeki katmanları kullanarak sonuç HTML dosyasında CSS katmanları oluşturabilirsiniz. CSS katmanı mutlak bir konumu olan ve web sayfasındaki diğer öğelerle çakışabilen bir öğedir. CSS katmanlarını dışa aktarmak, web sayfanızda dinamik efektler oluşturmayı planladığınızda yararlıdır.

Web ve Aygıtlar için Kaydet iletişim kutusundaki Katmanlar paleti, resminizdeki hangi üst düzey katmanların CSS katmanları olarak dışa aktarıldığını ve dışa aktarılan katmanların görünür veya gizli olduğunu kontrol edebilmenizi sağlar.

1. Web ve Aygıtlar İçin Kaydet iletişim kutusunda Katmanlar sekmesini tıklatın.

2. CSS Katmanları Olarak Dışa Aktar'ı seçin.

780

3. Katman açılır menüsünden bir katman seçin ve aşağıdaki seçeneklerden istediğinizi ayarlayın:

Görünür Sonuç HTML dosyasında görünür bir CSS katmanı oluşturur.

Gizli Sonuç HTML dosyasında gizli bir CSS katmanı oluşturur.

CSS katmanları GoLive katmanları ile aynıdır. Adobe GoLive uygulamasını kullanarak CSS katmanını animasyonlu yapabilir ve etkileşimli efektler oluşturmak için yerleşik JavaScript eylemlerini kullanabilirsiniz.

En iyileştirilmiş görüntüleri web tarayıcısında önizleme

Başa dön

Web ve Aygıtlar için Kaydet iletişim kutusunda (Dosya > Web ve Aygıtlar için Kaydet), sisteminizde yüklü olan herhangi bir web tarayıcısındaki en iyileştirilmiş görüntünün önizlemesini görebilirsiniz. Tarayıcı önizlemesi görüntüyü, görüntünün dosya türünü, piksel boyutlarını, dosya boyutunu, sıkıştırma özelliklerini ve diğer HTML bilgilerini listeleyen bir resim yazısı ile görüntüler.

Görüntünün önizlemesini varsayılan web tarayıcınızda görmek için Web ve Diğer Aygıtlar için Kaydet iletişim kutusunun altındaki tarayıcı simgesini tıklatın.

Farklı bir tarayıcı seçmek için tarayıcı açılır menüsünden (tarayıcı simgesinin yanında) Diğer'i seçin.

Tarayıcı açılır penceresinde bir tarayıcı eklemek, düzenlemek veya kaldırmak için tarayıcı açılır menüsünden Listeyi Düzenle'yi seçin. Tarayıcılar iletişim kutusunda bilgisayarınızdaki tüm tarayıcıları bulabilir ve görüntünüzün önizlemesini görmek için varsayılan tarayıcıyı ayarlayabilirsiniz.

E-postaya dosya kaydetme

Başa dön

1. Dosya > Web ve Aygıtlar için Kaydet seçeneğini belirleyin.

2. Web ve Aygıtlar İçin Kaydet iletişim kutusunun üstündeki En İyileştir sekmesini tıklatın.

3. Hazır Ayar menüsünden JPEG Düşük'ü seçin.

4. Görüntü Boyutu alanında, görüntü boyutlarını korumak için G ve Y kutularının sağ tarafındaki zincir bağlantı simgesini tıklatın. Daha sonra bir genişlik girin.

E-posta için 400 piksel iyi bir boyuttur. Alıcınızın düşük bir Internet bağlantısı varsa daha küçük bir boyut kullanın.

5. Kaydet'i tıklatın. Dosya adı ve dosyanın kaydedileceği bir konum girin. Format altında Sadece Görüntüler'in seçildiğinden emin olun. Tekrar Kaydet'i tıklatın.

Artık dosyayı e-posta ile göndermek için hazırsınız. Bazı e-posta programlarında dosyayı mesajın gövdesine sürükleyebilirsiniz. Diğer programlarda İliştir veya Ekle komutunu kullanabilirsiniz.

Daha fazla Yardım konusu

Illustrator'da web için kaydetme videosu

781

< Önceki | İçerik | Sonraki >