Save For Web - 1 -2 -3

bitter_im

Admin
Admin
Genel Yönetici
Katılım
3 Aralık 2009
Mesajlar
64.633
Tepki
53.643
Puan
113
Yaş
32
Konum
kocaeli
swf-saveforweb.gif

Resimleri webde kullanmak için optimize etmek gerekir, yani olabilecek en küçük dosya boyutuna getirmek... Bunun için en pratik yol, save for web seçeneğini kullanmak... Resmin özelliğine göre neler yapmanız gerektiğini diğer derslerde anlatmaya çalıştım. Burada, farklı optimize biçimlerinin resimleri nasıl etkilendiğini bir arada görmeniz için farklı tip resimleri bir araya getirip, örnekler hazırladım.

Gif
swf-gifkaydetme.gif

Gif seçeneği seçerseniz, yukarıda pencere açılacaktır. Farklı seçeneklerden seçtiklerinize göre resimlerin görüntüsü aşagıdaki gibidir.
Degrade olan (bir renkten diğerine geçiş) resimlerde gif seçeneğinin iyi sonuç vermediğini görebilirsiniz. Çizgisel resimlerde ve ekran resimlerinde ise en iyi sonucu gif'le alırsınız... Aşağıdaki örnekler, sırasıyla 64, 125 ,256 renk seçenekleriyle hazırlanmıştır.


swf-64gif.gif

Resim 1
Gif (64)
19 K
swf-128gif.gif

Resim 2
Gif (128)
25 K
swf-256gif.gif


Resim 3
Gif (256)
31 K

Jpeg
swf-jpegkaydetme.gif

Jpeg seçeneği seçerseniz, yukarıda pencere açılacaktır. Farklı seçeneklerden seçtiklerinize göre resimlerin görüntüsü aşagıdaki gibidir.
Sıkıştırma çoksa resmin bozulma oranı doğal olarak daha fazladır. Çizgisel resimlerde bu bozulma daha belirgin görülür.
Genel olarak 50 sıkıştırma işi görecek bir sonuç verebilir.. Hem resim çok bozulmaz hem de makul bir dosya büyüklüğü elde edersiniz...

swf-low10jpg.jpg

Resim 4
Jpg (Low - 10)
11 K
swf-medium30jpg.jpg

Resim 5
Jpg (Medium - 30)
16 K
swf-high60jpg.jpg

Resim 6
Jpg (High - 60)
28 K
 
OP
bitter_im

bitter_im

Admin
Admin
Genel Yönetici
Katılım
3 Aralık 2009
Mesajlar
64.633
Tepki
53.643
Puan
113
Yaş
32
Konum
kocaeli
Save for web seçeneğinin sunduğu diğer ayrıntılara göz atalım...
Gölge yaptığınız resimler aynı zamanda tranasparan olacaksa yaşanan bir sorun vardır. Resim:1 beyaz zemin üzerinde sorunsuz görünüyor ama Resim:2 deki gibi, zemin üzerindeki görüntüsü çok kötü...
kusorijinal.jpg

Resim: 1
kusorijinal.jpg


Resim: 2


Kullanacağımız zemin rengini, photoshopta ayrı bir layer olarak da hazırlayabilirsiniz ama bundan daha pratik bir yolu, kaydederken zemin rengini vermeniz...
Aşağıdaki örnekte matte olarak FFCC33 kullanıldı, yanda gölgenin altında aynı rengin oluştuğunu görüyorsunuz..
swb-noisematte.jpg
sfw-mate.gif



FFCC00 olmasına karar verdiğim zemin için hazırladığım örnekler aşağıda...
Resim:3 hazırladığım örnek... Onu beyaz zemin üzerinde kullanmayacağım için olması gereken zeminin üzerine koyuyorum.. (Resim:4)
kus22.gif

Resim: 3
kus22.gif

Resim: 4



Gölgede ilginçlik yapmak için denenebilecek bir şey var... Diffusion, Pattern ve Noise seçenekleri arasından noise ile yaptığım örnek...(Resim 5) Matte yine seçili..
swb-noisematte.jpg
sfw-noise.gif


kus1.gif

Resim 5
Bu tür hazırladığınız resimleri farklı zeminler üzerinde de sorunsuz olarak kullanabildiğinizi görüyorsunuz.. (Resim 6 ve resim 7)
kus1.gif

Resim 6
kus1.gif

Resim 7
 
OP
bitter_im

bitter_im

Admin
Admin
Genel Yönetici
Katılım
3 Aralık 2009
Mesajlar
64.633
Tepki
53.643
Puan
113
Yaş
32
Konum
kocaeli
Save for web seçeneğinin sunduğu başka bir ayrıntı...
swf-kanal.gif

Resminizin bir bölümünü farklı oranda sıkıştırmanıza yarar. Bunun için, üstteki örnekte gördüğünüz gibi bir alfa kanalı hazırlamış olmanız gerekir. Seçtiğiniz alanı Feather verdikten sonra kayderedseniz, yumuşak bir geçiş olacaktır.
sfw2-goz-11.jpg

Resim 1
11 K
sfw2-goz-22.jpg

Resim 2
7 K

Resim 1'de herhangi bir seçim yapılmadan, doğrudan jpg olarak kaydedildi. (quality:60)
swb-111.jpg

Resim 1

Resim 2'de ise, quality'nin yanındaki bölüme tıklayın ve orada yaptığınız alfa kanalını tanıtın...
swb-11.jpg
sfw-22.gif

sfw-33.gif

Resim 2
 

Şu anda bu konu'yu okuyan kullanıcılar

    Üst