aslain.dev
0%
01 Hizmetler 02 Hakkımda 03 Projeler 04 Stack 05 Blog 06 İletişim
← Tüm makaleler Tasarım

Vektör Raster Farkı: Hangisini Ne Zaman Kullanmalı

Bir logo bastırdığınızda kenarların bulanık çıkması ya da küçük bir ikonu büyütünce kareli görünmesi, çoğu zaman tek bir teknik seçimle ilgilidir: vektör raster farkı. Bu iki görüntü türü, ekranda benzer görünse de tamamen farklı şekilde saklanır. Hangisini ne zaman kullanacağınızı bildiğinizde, hem baskıda hem web'de daha temiz sonuçlar alır, gereksiz dosya boyutundan ve kalite kaybından kurtulursunuz.

Vektör ve raster nedir?

Raster (bitmap) görüntüler, piksel adı verilen küçük renkli kareciklerden oluşur. Çektiğiniz her fotoğraf, ekran görüntüsü ve taranmış belge rasterdır. Görüntünün ne kadar detay taşıyacağını çözünürlük belirler: 2000×2000 piksellik bir resimde dört milyon nokta vardır ve her birinin rengi tek tek kayıtlıdır.

Vektör görüntüler ise piksel değil, matematiksel tanımlar saklar: noktalar, çizgiler, eğriler ve bunları dolduran renkler. Bir daire "şu merkezde, şu yarıçapta, şu renkte bir daire" olarak tarif edilir. Bu yüzden vektör bir grafik, sayılarla anlatılan bir çizim tarifi gibidir; çizilirken o anki boyuta göre yeniden hesaplanır.

Vektör raster farkı: asıl ayrım ölçeklenebilirlik

İki tür arasındaki en kritik vektör raster farkı, büyütüldüklerinde ne olduğudur. Bir raster görüntüyü orijinal boyutunun üstüne çıkardığınızda, yeni piksel üretilemez; var olan pikseller büyür ve görüntü bulanıklaşır, kenarlar basamaklanır. Vektör grafik ise her boyutta yeniden hesaplandığı için çözünürlükten bağımsızdır: aynı dosya hem kartvizitte hem bina cephesindeki tabelada keskin kalır.

  • Vektör: sınırsız ölçeklenir, kenarlar her zaman keskin, dosya genelde küçüktür, kolayca düzenlenir.
  • Raster: zengin renk geçişi ve foto-gerçekçi detay taşır, ama büyütünce bozulur ve büyük çözünürlükte dosya şişer.

Ne zaman vektör kullanmalısınız?

Vektör, net şekillerden ve düz renk alanlarından oluşan her şeyde doğru seçimdir. Logolar bunun başındaki örnektir: bir marka kimliği, favicon boyutundan billboard boyutuna kadar her ölçekte aynı netlikte görünmeli. Bir logoyu vektör çizdiğinizde tek dosya tüm kullanımları karşılar.

  • Logolar ve marka kimliği her boyutta kullanılır.
  • İkonlar ve arayüz simgeleri farklı ekran yoğunluklarında keskin durmalı.
  • Tipografi ve illüstrasyon düzenlenebilir kalsın.
  • Baskı işleri (kartvizit, afiş, tabela) yüksek çözünürlük ister.

Web'de vektörün karşılığı çoğunlukla SVG'dir. SVG, tarayıcıda doğrudan render edilir, CSS ile renklendirilebilir ve retina ekranlarda ekstra dosya gerektirmeden keskin kalır:

<svg viewBox="0 0 24 24" width="24" height="24">
  <circle cx="12" cy="12" r="10" fill="#2563eb" />
</svg>

Ne zaman raster kullanmalısınız?

Foto-gerçekçi, yumuşak renk geçişli ve dokulu her görsel raster olmalıdır. Bir gün batımının binlerce renk tonunu vektörle çizmeye çalışmak hem pratik değildir hem de devasa dosyalar üretir; fotoğraf zaten doğası gereği piksel tabanlıdır.

  • Fotoğraflar ve gerçek dünya görselleri.
  • Karmaşık dijital boyamalar ve dokular.
  • Ekran görüntüleri ve taranmış içerikler.

Önemli kural: raster ile çalışırken baştan yeterli çözünürlükte üretin. Sonradan büyütmek detay eklemez. Web için ham boyutu hedef ekrana göre küçültmek hem performansı hem netliği iyileştirir.

Dosya formatları: hangisi hangi türde?

Format seçimi de doğrudan bu ayrıma bağlıdır. Yaygın kullananları gruplayalım:

  • Vektör: SVG (web için ideal), AI (Adobe Illustrator), EPS, ve vektör verisi taşıyabilen PDF.
  • Raster: JPG (fotoğraf, kayıplı sıkıştırma), PNG (saydamlık, keskin kenar), WebP ve AVIF (modern, daha küçük dosya), GIF (sınırlı renk, basit animasyon).

Bir noktaya dikkat: bir logoyu PNG olarak dışa aktarmak onu vektör yapmaz; sadece o anki boyutta bir raster fotoğrafını alırsınız. Asıl, düzenlenebilir kaynak her zaman vektör dosyasında durmalıdır. WebP'ye geçmek isteyenler tek komutla dönüştürebilir:

cwebp -q 80 foto.png -o foto.webp

Pratik iş akışı: ikisini birlikte kullanmak

Gerçek projelerde iki tür sıklıkla yan yana çalışır. Marka kimliğini vektör tutar, fotoğrafları raster işler, web sayfasında ikonları SVG, görselleri WebP olarak yayınlarsınız. İyi bir kural seti şöyle olabilir:

  • Logo, ikon ve illüstrasyonların kaynak dosyasını her zaman vektör sakla; ihtiyaç oldukça raster dışa aktar.
  • Fotoğrafları yüksek çözünürlükte arşivle, yayında hedefe göre küçült.
  • Web'de keskinlik isteyen küçük grafikler için SVG, foto-gerçekçi görseller için WebP/AVIF tercih et.
  • Baskıya giderken her zaman vektör veya yüksek çözünürlüklü raster gönder; ekran çözünürlüğü baskı için yetmez.

Bu mantığı bir kez kurduğunuzda, "bu dosya neden bulanık çıktı" sorusu büyük ölçüde ortadan kalkar.

Sık Sorulan Sorular

Bir rasteri vektöre çevirebilir miyim?

Evet ama otomatik değil. Trace (izleme) araçları basit, net hatlı görselleri vektöre dönüştürebilir; karmaşık fotoğraflarda sonuç bozuk olur. En temiz yol, logoyu sıfırdan vektör çizmektir.

SVG her zaman PNG'den iyi midir?

Hayır, türe bağlı. Düz renkli ikon ve logolarda SVG hem daha küçük hem daha keskindir. Ama foto-gerçekçi bir görseli SVG yapmaya çalışmak dosyayı şişirir; orada PNG veya WebP doğru tercihtir.

Logom için tasarımcıdan hangi dosyaları istemeliyim?

Mutlaka düzenlenebilir vektör kaynağını (örneğin SVG veya AI) ve yanında web/baskı için hazır raster dışa aktarımları isteyin. Yalnızca JPG teslim alırsanız ileride ölçekleme ve renk değişikliği yapmak zorlaşır.

Markanız her boyutta net görünsün. Logo, ikon ve görsel akışınızı vektör ve raster mantığına göre doğru kurmak istiyorsanız, birlikte planlayalım: benimle iletişime geçin.

Bu kategorideki tüm yazılar →

Devamı için