3. OPTİMİZASYON VE AKTARMA İŞLEMİ

Çalışma tamamlandıktan sonra, bunun aktarılması gerekir.Fireworks mümkün olan en küçük dosya boyutunda en kaliteli resimleri oluşturmak için çeşitli yöntemler sunar. Fireworks şu dosya türleri aktarır: GIF, JPEG, PNG, TIFF, BMP, PSD, Illustrator 7 ve WBMP (Wireless Bitmap – kablosuz Bitmap) mobil cihazlar için optimize edilen grafik dosya biçimidir.

3.1. Aktarma Sihirbazı (Export)

Aktarma sihirbazı (Export Wizard) dosyaları aktarmak için hızlı bir yol sunar. Sihirbaz çeşitli sorular sorar ve ardından dosya türleri ve optimizasyon ayarları önerir. Aynı zamanda Export Wizard için bir dosya boyutu ayarlayarak optimizasyon için bir hedef olarak kullanılabilir. Soru iletişim kutuları sonunda, optimizasyon önerileri içeren Export Preview (ihraç ön izleme) iletişim kutusu açılır.

Reklam başlıkları (banner’lar) internetin her tarafına yayılmıştır. Bir WEB sitesinde bir reklâm alanı satın alındığında, reklam için bir genişlik ve yükseklikle birlikte bir dosya boyutu verilir. Export sihirbazı ilanları optimize etmek için iyi bir araçtır, dosyanın maksimum boyutu girilir, diğer özellikleri sihirbaz yapar.

Çalışma alanı içerisine daha önceden oluşturduğumuz dosya veya yeni bir çalışma ekleriz. Çalışmamızı tamamladıktan sonra çalışmayı aktarmak için File/Export Wizard (dosya/aktarma sihirbazı) menüsü kullanılır.

File/Export Wizard menüsü kullanıldığında aşağıdaki pencere ekrana gelir.

Export Wizard Penceresi

Pencerede Target export file size seçeneği aktif yapılırsa aktarılacak dosyanın maksimum boyutu KB cinsinden yazılır, aktif yapılmaz ise dosya boyutu program tarafından ayarlanır.

Dosya boyutu ayarlandıktan sonra Continue butonuna basılarak devam edilir.

Continue butonuna tıklandığında aşağıdaki pencere ekrana gelir. Aktarılacak dosyanın çerçevesi (Frame) seçilir. Bu pencerede Single image file seçeneği seçilerek Continue düğmesi tıklanır.

Choose Desination (hedef seçimi) ile dosya aktarma seçeneği belirlenir. Bir seçenek seçilerek Continue düğmesine tıklanır.

Destination (hedef) seçimi dosyayı aktarmak için gereken boyutunu belirler. WEB veya Dreamweaver seçilirse bir GIF veya JPEG resmi oluşturulur.Bir resim düzenleme uygulaması (An image-editing application) veya bir masaüstü yayıncılık uygulaması (A desktop publishing application) seçilirse TIFF resmi olur. İşlemlerden hangisi seçilirse seçilsin seçildikten sonra Analysis Results (analiz sonuçları) ekrana gelir.

Analysis Results (analiz sonuçları) penceresi geldiğinde Exit düğmesine tıklanarak işleme devam edilir.

Analysis Results (analiz sonuçları) penceresinde Exit düğmesine tıklandıktan sonra resmi ihraç etmeden önceki ön izleme ve ayarları değiştirme penceresi gelir.

The WEB seçeneği seçildiğinden ön izleme olarak GIF ve JPEG seçenekleri gelir. GIF veya JPEG seçeneğinden birini seçmek için fare göstergeci ön izleme resimleri üzerinde iken sol tuş ile tıklanarak seçilir, seçildikten sonra istenirse ayarlar değiştirilebilir. Seçerken dosya boyutu bizim için önemli ise dosya boyutunu da göz önüne alarak seçeriz.

Ön izleme (Preview) penceresinde resmin biçimini, renk sayısını, dosya boyutunu ve resmin yüklenmesi (indirilmesi) için gereken yaklaşık süreyi görüntüler.

Export (aktarma) penceresinde dosya adı verilir, HTML ve Slice (dilim) açılır menülerinden de istenen uygun seçenek seçildikten sonra Export düğmesi tıklanarak dosya kaydedilir.

Aktif bölge Original (Normal) görünümde oluşturulduktan sonra Preview görünümüne geçerek aktif bölgenin nasıl olduğuna bakılabilir.

3.2. Resmin Dosya Türünü Seçme

Export Wizard (aktarma sihirbazı) reklam başlıklarının (banner) analizi program tarafından otomatik olarak yapılır. Fakat bazen bu ayarları kullanıcı kendisi yapmak isteyebilir.

Doğru resim türünü seçmek optimizasyon süreci için çok önemlidir. WEB grafikleri için popüler dosya türleri GIF ve JPEG’dir. GIF resimleri genellikle iki renkli ve düz renkli resimler için kullanılır. GIF resimleri saydam alanlar içerebilir. ve Animasyon dosyaları için kullanılabilir. GIF resimlerinin dezavantajı bunların 256 renkle kısıtlanmış olmasıdır. JPEG dosya türü genellikle fotoğraf türündeki resimler veya degradeli (renk tonlaması) ve çok renkli resimler için kullanılır. JPEG dosyaları saydam olamaz veya animasyonlarda kullanılamaz.

Dosya veya dilimleri aktarmak için biçimlendirme seçenekleri ayarlamak üzere Optimize paneli kullanılır. Optimizasyon sürecini daha iyi kontrol edebilmek için, her dilimin optimizasyonu ayarlanabilir.

Resim dosya türünü seçmek için Optimize paneli ekranda değilse Window/Optimize (F6) menüsü kullanılır.

Optimize panelinde Export file format (aktarma dosya türü) açılır menüsünde istenen dosya türü seçilir. Örneğin JPEG, GIF, PNG 8, PNG 24 gibi…

Export file format (aktarma dosya türü) GIF seçilirse Colors (renk) açılır menüsünde GIF en fazla desteklediği renk sayısı olan 256 seçilerek renk kayıpları azaltılabilir.

Aktarma Dosya Türünü Seçme

Indexed Palette (dizinlenmiş palet) açılır menüsündeki seçenekler şunlardır:

Adaptive:Resimdeki çoğunluk renkleri içeren özel bir palet oluşturur. Renklerin WEB uyumlu olup olmadıkları önemli değildir.

WEBSnap Adaptive: WEB 216 paleti ve Adaptive paleti arasında bir köprü oluşturur. En yakın WEB uyumlu renge yakın yedi renklik bir tolerans aralığında bulunan renklerdir.

WEB 216: Hem Windows hem de Macintosh bilgisayarlarda benzer bir görünüme sahip olan 216 renkli bir palet görüntüler.

Exact (Tam): Resim 256 veya daha az içerdiğinde renkleri olduğu gibi kapsar. Eğer resim 256 renkten fazla renk içeriyorsa, WEBSnap Adaptive paleti varsayılan olarak kullanılır.

Macintosh: Macintosh sistem renkleri tarafından tanımlanan 256 renk içerir.

Windows: Windows sistem renkleri tarafından tanımlanan 256 renk içerir.

Grayscale (Gri tonlu): 256 (veya daha az) gri tonlu renk içerir. Bu paleti kullanmak resmi gri tona dönüştürür.

Black & White ( Siyah ve Beyaz): Sadece siyah ve beyaz renkten oluşan iki renkli bir palet görüntüler.

Uniform (Tekdüze): RGB piksel değerlerine dayanan matematiksel bir palet görüntüler.

Custom (Özel): Kullanıcıya Fireworks veya Adobe Photoshop uygulamasında kaydedilen başka bir paleti ekleme seçeneği verir.

3.3. Ön İzleme Düğmesi

Fireworks programı resimleri aktarmadan ön izlemeyi sağlar. Sayfayı oluştururken aktarma ayarları değiştirilebilir ve sonuçları ön izlenebilir. Farklı ayarları görmek için belge iki veya dört ön izleme alanına bölünebilir. Aynı zamanda her ön izleme için yaklaşık yükleme sürelerini ve dosya boyutunu görüntüler.

Çalışma alanında sayfanın ön izlemesini görmek içi Preview düğmesi kullanılır.Sayfayı iki ön izlemeli görünüme ayırmak için 2-Up, dört ön izlemeli görünüme ayırmak için 4-Up düğmesi kullanılır. Normal görünüme geçmek için Original düğmesi kullanılır. Sayfa üzerinde düzenleme yapmak için normal (original) görünüme geçmek gerekir. Ön izlemede düzenleme yapılamaz.

Sayfa iki veya dört ön izlemeli görünümdeyken fare göstergeci ön izleme üzerinde iken farenin sol tuşuna tıklandığında ön izleme etrafında siyah çizgi belirir. Seçilen ön izleme optimize paleti kullanılarak yapılan değişiklikler sayfaya yansır.

Ön izleme görünümleri tek tek seçilerek optimize paleti kullanılarak değişiklik yapılır. Değişiklik yapıldıktan sonra tercih edilen ön izleme seçilerek normal (Original) görünüme geçilir.

3.4. Mevcut Optimizasyon Ön Ayarları

Resimlerin dosya türünü hızlı bir şekilde ayarlamak için kullanılabilecek birçok ön ayar bulunmaktadır. Bu ön ayarlardan birini seçtikten sonra bunları daima değiştirebilir ve resimleri düzenleyebilirsiniz.

Ön ayarlar Optimize panelindeki Saved Settings açılır menüsünde listelenir.Listenin içerisinden istenen ayar seçilebilir.

Eğer bir dilim seçili durumdaysa Properties penceresinde optimizasyon ayarlarından birini seçebileceğiniz Slice Export Settings (Dilim İhraç ayarları) açılır menüsü görüntülenir.

3.5. Aktarma İşlemleri

Resimleri aktarmak iki adımlık bir işlemdir. Önce, Optimize panelinde resim için optimize etme parametreleri ayarlanır, ardından resim optimizasyon ayarlarına göre kaydedilerek aktarılır.

Fireworks uygulamasının özgün dosya biçim PNG’dir. Her ne kadar bir WEB sayfasında optimize edilmiş bir PNG dosyası olarak kullanmak mümkün olsa da, bu her zaman en iyi seçenek değildir. Orijinal Fireworks PNG dosyalarının bir kopyasının, ihraç edilen dosyalarla saklanması gerekir. Fireworks PNG dosya türü düzenlenebilir metni, efektleri ve vektör nesneleri korur, böylece kolaylıkla değişiklik yapılabilir. Bir resimde değişiklik yapılması gerekirse, Fireworks PNG dosyası değiştirilir ve ardından WEB sayfasına yerleştirilecek grafiği elde etmek için bunu yeniden aktarmak gerekir.

3.5.1. JPEG Resimlerini Gönderme

GIF seçeneği 8 bit’lik veya en çok 256 renkli resimleri aktarır ve çizgisel, düz renkli resimlerle iyi çalışır. Fotoğraflar, veya geçişmeler ya da milyonlarca renk içeren çalışmalar, JPEG türünde gönderilir. JPEG kayıplı bir sıkıştırma yöntemine sahiptir. Yani resme bakar ve sıkıştırma algoritmasının bir parçası olarak bazı bilgileri siler.

Aktarılacak olan JPEG resmi açıldıktan sonra 4-Up düğmesi kullanılarak dört izlemeli görünüme geçilir. Dört ön izlemeli görünümde iken Optimize paneli açılır.

Dört görünümlü ön izleme panelinde üzerinde işlem yapılacak olan JPEG biçimli ön izleme seçilir. Palet grubu içerisinden Optimize paneli açılarak JPEG formatında resim üzerinde değişiklikler yapılır.

Optimize paletinde Saved Settings açılır menüsünde JPEG – Beter Quality seçilir. Quality seçeneği resmin kalitesini ifade eder. Quality düşürüldüğünde renk taklitleri yani resmi sıkıştırma oranı artar, resim netliğinde bozulmalar olabilir ve dosya boyutu küçülür. Quality değeri yükseltildiğinde resim sıkıştırma oranı azalır, resimdeki netlik bozulmaz, dosya boyutu büyür. Örneğin Quality değeri 60 olduğunda dosya boyutu 600KB ise Quality değeri 60’ ın altına düşürüldüğünde dosya boyutu da 600KB’ın altında bir değer olur.

Smooting (yumuşatma) değeri resmi bulanıklaştırır.Birbirine yakın renklerin kullanılmasını sağlar.Smooting değeri yükseltildiğinde dosya boyutu küçülür.

Dört bölüme ayrılmış olan sayfada diğer bölümlerde seçilerek Export file format (dosya aktarma biçimi) JPEG yapılır.Quality ve Smoothing değerleri değiştirilerek resmin boyutuna ve netliğine bakılır,istenen değer elde edildiğinde Normal (Original) görünüme
geçilir.

Sayfa üzerinde dört ön izlemeli görünümde iken ayarlar üzerinde değişiklik yapıldığında bu ayarları daha sonra kullanma düşünülüyor ise ayarlar kaydedilebilir.

Ayarları kaydetmek için Optimize panelindeki Options (Seçenekler) menüsünde Save Settings seçeneği seçilir, ekrana kaydedeceğimiz ayarlara verilecek olan isim penceresi gelir.

Ayarlara bir isim verilerek OK düğmesine tıklanır. Ayarları kaydettikten sonra Optimize panelindeki Saved Settings açılır menüsünden ulaşılabilir. Daha sonraki çalışmalarda kaydedilmiş olan bu optimizasyon ayarı uygulanabilir.

3.5.2. Tarayıcıda Ön izleme

Belge penceresindeki Preview (Ön izleme) düğmesi, sayfayı görüntülemek için iyi bir yöntem sağlar. Ayrıca sayfanın istediğimiz gibi olup olmadığına bakmak için aktarmadan tarayıcıdan ön izleme yapılır.

Sayfayı tarayıcıdan ön izleme yapmak için File/Preview in Browser alt menüsündeki Preview in iexplore.exe (F12) alt menüsü kullanılarak tarayıcıdan ön izleme yapılır.

Eğer birinci tarayıcı ayarlı değil ise File/Preview in Browser/ Set Primary Browser menüsü kullanılır. Gelen pencerede birinci tarayıcı olarak yapılmak istenen dosya seçilerek işlem onaylanır.

İkinci tarayıcı ayarlanmamış ise File/Preview in Browser/Set Secondary Browser menüsü kullanılarak ikinci tarayıcı ayarlanır.

3.5.3. HTML Olarak Aktarma

Çalışma tamamlandıktan sonra sayfayı HTML olarak aktarmak için File/Export (Ctrl + Shift + R) menüsü kullanılır. Menü kullanıldığında ekrana Export (aktarma) menüsü gelir. Export açılır menüsünde HTML and Images seçimi yapılır.

HTML açılır menüsünde Export HTML File seçilir.

	HTML Açılır menüsü     Slices (Dilim) açılır menüsü
Export (Aktarma) açılır menüsü                                                    Kaydedilecek dosyaya verilecek isim

Slices (dilim) açılır menüsünde Export Slices seçilir.

Dilim (her düğmenin üzerindeki yeşil yarı saydam alan), Fireworks’ün düğmeleri nasıl oluşturacağını (keseceğini) belirler. Dilimler aktarılmazsa, sayfa bir resim olarak aktarılmış olunur. Dilim aynı zamanda rollover’lar için JavaScript kodu sağlar.Eğer dilimler aktarılmazsa rollover’lar çalışmayacaktır.

Dilimsiz alanlar için bir grafik oluşturmak için Include areas without slices (dilimsiz alanları kapsa) seçimi yapılır. Bu seçenek seçilmezse HTML tablosunda boş hücreler oluşur.

Export penceresinde Put images in subfolder seçeneği işaretlenir.

Genellikle resimler HTML dosyalarından ayırmak istenir. Dosya bakımı ve organizasyonu için böyle yapılması önerilir. Fireworks varsayılan olarak Images adında bir alt klasör oluşturur. Put images in subfolder seçimi yapıldığında, Browse düğmesinin yanında varsayılan dosya adı olan Images görülür. Eğer resimleri Images klasörü dışında bir klasöre saklanmak istenirse, Browse düğmesine tıklanır ve klasörün yeri belirlenir.

NOT: Klasörlere ve dosyalara isim verirken tarayıcılarda sorun yaşanmaması için küçük harfler kullanınız, özel karakter ve Türkçeye has noktalı karakterleri kullanmayınız! Dosya adı birden fazla kelimeden oluşuyorsa araya boşluk bırakmayınız! Boşluk bırakmak istenirse alt çizgi kullanınız.

Fireworks programının kullandığı HTML seçenekleri görmek ve değiştirilmek istenirse Export penceresinde ki Options (seçenekler) düğmesi kullanılır.

Options (seçenekler) düğmesi tıklandığında HTML Setup penceresi gelir.

HTML Style açılır menüsü   Extension (uzantı) açılır menüsü

HTML Style ile dosyanın HTML stili, Extension (uzantı) ile de dosya uzantısı belirlenir.

Fireworks uygulaması HTML oluştururken kullandığı yöntem, açılır menüden seçilen HTML stiline bağlıdır. Fireworks uygulaması, Dreamweaver, Frontpage, GoLive ve genel özellikleri olan bir stili destekler.

Extension (uzantı) açılır menüsünden, çeşitli yaygın uzantılardan biri kullanılabilir. Eğer eklenecek uzantı listede yok ise metin kutusuna dosya uzantısı yazılabilir.

Lowercase file name (küçük harfli dosya adı) seçeneği Fireworks’ün dosyaları aktarırken küçük harfli dosya oluşturulmasını sağlar.

Export penceresinde HTML olarak aktarılacak sayfaya dosya adı (File name) bölüme dosyaya bir isim verilerek Export düğmesi tıklanır. Dosya HTML olarak kaydedilmiş olunur.

Fireworks programı, Optimize panelindeki optimizasyon ayarlarını kullanarak resimleri aktarır ve bir HTML dosyası oluşturur.

3.5.4. Hızlı Aktarma Düğmesi

Belge penceresinin sağ üst kısmında bulanan Quick Export (Hızlı Aktarma) düğmesi dosyaları Dreamweaver, Macromedia Flash, FreeHand ve Director gibi diğer Macromedia uygulamalarının yanı sıra Adobe Photoshop, Adobe Illustrator ve Adobe GoLive gibi uygulamalara aktarmak için bir kısa yol menüsüdür.

Quick Export (hızlı aktarma) düğmesi aynı zamanda tarayıcı veya diğer Macromedia uygulamalarını çalıştırmak için de kullanılır.

Hızlı Aktarma Düğmesi