Dilimlere genel bakış

Web için grafik tasarlarken, bir görüntünün farklı bölümlerinin genellikle birbirinden bağımsız davranması gerekir. Bir alan bir URL'ye bağlantı verebilir, bir diğeri daha hızlı yüklenebilir ve başka bir alan farklı geliştirme ayarlarına ihtiyaç duyabilir. Dilimler, tek bir görüntüyü, web sayfası olarak birlikte çalışan ve her birinin kendi bölümü üzerinde kontrol sahibi olmasını sağlayan daha küçük parçalardan oluşan bir ızgaraya böler.

Photoshop, dilimlenmiş görüntüleri web sayfalarında HTML tabloları veya CSS katmanları kullanarak yeniden birleştirir. Dosya > Dışa Aktar > Web İçin Kaydet komutuyla dilimlenmiş bir görüntüyü dışa aktardığınızda, Photoshop her dilimi ayrı bir dosya olarak kaydeder. Ayrıca görüntüyü bir tarayıcıda tek bir kompozisyon olarak görüntülemek için gereken HTML veya CSS kodunu da oluşturur.

Dilimler nasıl çalışır

Dilimler, bir görüntüyü görünmez ızgara çizgileri boyunca bölerek, bağımsız dosyalar gibi işlev gören dikdörtgen bölümler oluşturur. Her dilim, kendi özellikleri, geliştirme ayarları ve davranışlarıyla ayrı bir öğe olarak işlev görürken genel düzendeki konumunu korur.

Bu yaklaşım birkaç pratik avantaj sunar:

• Tıklanabilir gezinme öğeleri oluşturmak için farklı URL bağlantıları atayın
• Alanlar arasında kalite ve dosya boyutunu dengelemek için farklı sıkıştırma ayarları uygulayın
• Tüm kompozisyonu yeniden dışa aktarmadan tek tek bölümleri güncelleyin

Oluşturulma şekline göre dilim türü

Photoshop, dilimleri nasıl oluşturulduklarına göre sınıflandırır ve her tür, görüntü düzenlenirken farklı şekilde davranır.

• Kullanıcı dilimleri: Dilim aracını kullanarak elle tanımladığınız bölümler. Boyutları, konumları ve özellikleri üzerinde tam kontrol sağlanır ve taşınana veya değiştirilene kadar yerlerinde kalırlar.
• Katman tabanlı dilimler: Bu dilimler, bir katmandaki tüm pikselleri içerir. Katman taşındığında veya düzenlendiğinde sınırları otomatik olarak güncellenir. Sık değişen içerikler için iyi çalışırlar, ancak kullanıcı dilimlerine kıyasla hassas konumlandırma üzerinde daha az kontrol sağlarlar.
• Otomatik dilimler: Kullanıcı dilimleri veya katman tabanlı dilimler tarafından kaplanmayan, bir görüntüdeki kalan alanı dolduran dilimler. Photoshop bunları otomatik olarak oluşturur ve başka dilimler eklendiğinde, kaldırıldığında veya değiştirildiğinde yeniden oluşturur.Bir görüntüdeki tüm otomatik dilimler aynı geliştirme ayarlarını paylaşır.
• Alt dilimler: Dilimler üst üste bindiğinde ortaya çıkan özel bir otomatik dilim türüdür.Alt dilimler, geliştirilmiş dosya kaydedildiğinde Photoshop'un örtüşen alanları nasıl böleceğini gösterir.Alt dilimler, temelindeki dilimlerden bağımsız olarak seçilemez veya düzenlenemez.

İçeriğe göre dilim türü

Dilimler ayrıca içerdikleri içerik türüne göre de sınıflandırılır.

• Görüntü dilimleri: Photoshop belgesindeki görüntü verilerini içeren, görsel içerik için varsayılan dilim türüdür.
• Görüntüsüz dilimler: HTML metni veya düz renkler için boş tablo hücreleridir.Photoshop bunları görüntü dosyası olarak dışa aktarmaz, bu da onları canlı ve seçilebilir metin için kullanışlı kılar.
• Tablo dilimleri: Dilimlenmiş bir görüntüyü tarayıcıda yeniden birleştirmek için kullanılan HTML tablosunun Photoshop tarafından nasıl yapılandırıldığını tanımlayan dilimlerdir.

Dilim görsel ipuçları

Photoshop, çalışma sırasında dilim türlerinin birbirinden ayırt edilmesine yardımcı olmak için görsel ipuçları kullanır.

• Dilim çizgileri: Düz çizgiler kullanıcı dilimlerini veya katman tabanlı dilimleri, noktalı çizgiler ise otomatik dilimleri işaret eder.
• Dilim renkleri: Mavi simgeler kullanıcı dilimlerini ve katman tabanlı dilimleri tanımlar, gri simgeler ise otomatik dilimleri işaret eder.
• Dilim numaraları: Her dilimin sol üst köşesindeki numaralar soldan sağa ve yukarıdan aşağıya doğru sıralanır ve dilimler yeniden düzenlendiğinde veya değiştirildiğinde otomatik olarak güncellenir.
• Dilim rozetleri: Küçük simgeler dilim içeriğini ve türünü tanımlar.Örneğin, bir görüntü simgesi görüntü içeriği olan bir kullanıcı dilimini, üzeri çizili bir görüntü simgesi görüntü içeriği olmayan bir kullanıcı dilimini ve bir katman simgesi katman tabanlı bir dilimi işaret eder.

Web sayfalarını dilimlerken, bu görsel farklılıkların tanınması dilim türlerinin hızlıca tanımlanmasına ve karmaşık dilim düzenleriyle daha verimli çalışılmasına yardımcı olur.