Vektör ve raster farkı kısaca şudur: raster görseller küçük renkli noktalardan (piksellerden) oluşur ve büyütüldükçe bulanıklaşır; vektör görseller ise matematiksel çizgi ve eğrilerle tanımlanır ve kalite kaybı olmadan istediğiniz boyuta büyütülebilir. Fotoğraflar raster, logolar ise vektör olmalıdır. Çünkü aynı logo bir gün kartvizitte, ertesi gün araç giydirmesinde ya da fuar standında kullanılır.
Kısaca
- Raster (bitmap) görsel piksellerden oluşur: JPEG, PNG, GIF, TIFF, PSD.
- Vektör görsel çizgi ve eğrilerden oluşur: SVG, AI, EPS; PDF ise içeriğine göre ikisi de olabilir.
- Fotoğraf için raster, logo, ikon ve yazı içeren tasarımlar için vektör uygundur.
- Logonuzun vektör ana dosyası yoksa, her yeni baskı işinde sorun yaşarsınız.
- Bir JPEG'i "Illustrator'da açıp kaydetmek" onu vektöre çevirmez.
Vektör ve raster farkı nedir?
Raster (bitmap da denir) görsel, bir ızgaradaki binlerce küçük kareden, yani piksellerden oluşur. Her pikselin bir rengi vardır. Örneğin telefonunuzla çektiğiniz her fotoğraf rasterdır. Bu yüzden görselin kalitesi, içerdiği piksel sayısıyla sınırlıdır. Adobe'nin açıklamasıyla, raster görsel büyütüldüğünde bulanık ya da pikselli görünür.
Vektör görsel ise piksel içermez. Görsel; noktalar, bu noktaları birleştiren çizgiler ve eğrilerle, yani matematiksel tanımlarla saklanır. Görseli büyüttüğünüzde bilgisayar bu tanımları yeni boyuta göre yeniden çizer, bu yüzden kenarlar her boyutta keskin kalır.
Nasıl çalışır? Basit bir benzetme
Raster görseli bir mozaik gibi düşünün. Uzaktan bakınca resmi görürsünüz; yaklaştıkça tek tek taşlar belirir. Mozaiği büyütmek isterseniz taşları da büyütmeniz gerekir ve resim kaba görünmeye başlar.
Öte yandan vektör görsel bir tarif gibidir: "Şu noktadan başla, şu eğriyle şu noktaya git, içini lacivert boya." Bu tarifle ister bir pul, ister bir bina cephesi büyüklüğünde çizim yapabilirsiniz; sonuç aynı keskinlikte olur.
Hangi dosya hangi türde?
| Raster | Vektör | |
|---|---|---|
| Nasıl oluşur? | Piksellerden | Nokta, çizgi ve eğrilerden |
| Yaygın dosya türleri | JPEG (.jpg), PNG, GIF, TIFF, PSD | SVG, AI, EPS |
| Büyütünce | Bulanıklaşır, piksellenir | Kalite kaybı olmaz |
| En uygun kullanım | Fotoğraf, doku, detaylı gölgelendirme | Logo, ikon, illüstrasyon, yazı içeren grafik |
| Düzenleme | Fotoğraf düzenleme programları | Vektör çizim programları |
| Dosya boyutu | Çözünürlük arttıkça büyür | Genellikle küçüktür |
İki önemli not:
- PDF bir kap gibidir; içinde vektör de, raster de olabilir. Adobe'nin belirttiği gibi, bir fotoğraf düzenleme programından kaydedilen PDF raster olarak kaydedilir. Yani "PDF verdim" demek, "vektör verdim" anlamına gelmez.
- SVG, web için vektör formatıdır. MDN'nin tanımıyla SVG, iki boyutlu vektör grafikleri tanımlayan, XML tabanlı bir işaretleme dilidir ve W3C tarafından 1999'dan beri geliştirilmektedir. SVG'yi web sitenizde kullandığınızda logonuz yüksek çözünürlüklü ekranlarda da net görünür.
İşinize etkisi: logonuz neden vektör olmalı?
Logonuz, işletmenizin her yerde kullanılan tek görselidir. Aynı logo şu yerlerde karşınıza çıkar:
- Kartvizit, antetli kâğıt ve zarf
- Web sitesi, sosyal medya profili, e-posta imzası
- Ambalaj, etiket ve ürün kataloğu
- Tabela, araç giydirmesi, fuar standı
- Brode iş kıyafeti, promosyon ürünleri
Bu ürünlerin çoğunu farklı tedarikçiler üretir: matbaa, tabelacı, nakış atölyesi, lazer kesimci. Üstelik bunların önemli bir kısmı üretim için vektör dosya ister. Folyo kesim ya da lazer kesim gibi işlerde makine bir çizgiyi takip eder; pikselden oluşan bir görsel ise ona doğrudan bir kesim yolu vermez.
Logonuzun yalnız küçük bir PNG'si varsa, her yeni işte şu senaryolardan biri yaşanır:
- Tedarikçi dosyayı kabul eder, sonuç bulanık ve kenarları tırtıklı çıkar.
- Tedarikçi logoyu "yeniden çizer". Her firma kendi yorumunu yaptığı için zamanla logonuzun birbirinden farklı sürümleri dolaşmaya başlar.
- Siz her seferinde bir tasarımcıya yeniden çizim yaptırırsınız ve aynı iş için tekrar ödeme yaparsınız.
İkinci senaryo, marka tutarlılığı açısından en sinsi olanıdır. Kurumsal kimlik tasarımında dikkat edilmesi gerekenler yazımızda da anlattığımız gibi, kimliğin gücü tutarlılıktan gelir.
Raster ne zaman doğru seçimdir?
Vektör her işin cevabı değildir. Fotoğraflar, doğal dokular, yumuşak geçişli dijital boyamalar ve gerçekçi ürün görselleri raster olarak üretilir ve öyle kalmalıdır. Hatta bir fotoğrafı vektöre çevirmeye çalışmak çoğu zaman detay kaybına yol açar.
Asıl önemlisi, raster görselin kullanılacağı boyuta yetecek çözünürlükte olmasıdır. Web'de küçük bir haber görseli için yeterli olan bir fotoğraf, broşürde ya da afişte yetersiz kalabilir. Kısacası:
- Logo, ikon, piktogram, harita, şema, yazı içeren grafik → vektör
- Fotoğraf, doku, gerçekçi görsel → yeterli çözünürlükte raster
- Broşür, katalog, ambalaj gibi işler → çoğu zaman ikisinin birlikteliği
Sık yapılan hatalar
- JPEG'i vektör programında açıp AI ya da EPS olarak kaydetmek. Dosya uzantısı değişir ama içindeki görsel hâlâ pikseldir.
- Logoyu yalnız web sitesinden indirip kullanmak. Sitedeki görsel genellikle küçük boyutlu bir rasterdır.
- Otomatik vektöre çevirme (trace) sonucunu kontrol etmeden kullanmak. Otomatik araçlar köşeleri yuvarlar, harfleri bozabilir; özellikle yazı içeren logolarda sonucu bir tasarımcının düzeltmesi gerekir.
- Yazı tiplerini çevirmeden göndermek. Logo içindeki yazı, karşı tarafın bilgisayarında aynı font yoksa farklı görünebilir. Teslim dosyasında yazıların çizgiye (outline) çevrilmiş olması gerekir.
- Yalnız tek bir renk sürümüne sahip olmak. Koyu ve açık zeminler için, ayrıca tek renk baskı için ayrı sürümler gerekir.
Logo tesliminde neleri istemelisiniz?
Bir logo tasarımı yaptırdığınızda teslim paketinde en az şunlar olmalıdır:
- Vektör ana dosya (AI, EPS ya da vektör PDF) ve web için SVG
- Web ve sosyal medya için PNG (şeffaf zeminli) sürümler
- Renkli, tek renk (siyah) ve ters (açık renk) sürümler
- Renk kodları (baskı ve ekran için ayrı ayrı) ve kullanılan yazı tipleri
Böylece ileride hangi tedarikçiyle çalışırsanız çalışın, logonuzu aynı kalitede kullanabilirsiniz. Logo ile kimlik sisteminin ilişkisini merak ediyorsanız marka kimliğinin neden önemli olduğunu anlattığımız yazıya da göz atabilirsiniz. Web sitenizde logo ve görsellerin nasıl teslim edileceği konusunda da kurumsal web sitesi yaptırmadan önce dikkat edilecekler yazımız yardımcı olabilir.
Bizim deneyimimiz
Marka ve kimlik projelerimizde logoyu baştan vektör olarak çiziyor, teslim paketine vektör ana dosyayı, web için SVG'yi ve farklı zeminler için renkli, tek renk ve ters sürümleri ekliyoruz. Müşteri elinde yalnız düşük çözünürlüklü bir logo varsa, otomatik çevirme yerine logoyu elle yeniden çizmeyi ve sonucu müşteriyle birlikte orijinaliyle karşılaştırmayı tercih ediyoruz. Dijital çizim ve illüstrasyon tarafında ise fotoğraf gerçekçiliği gereken işlerde raster, ölçeklenmesi gereken işlerde vektör çalışıyoruz.
Sık sorulan sorular
Elimdeki JPEG logoyu vektöre çevirebilir miyim?
Teknik olarak otomatik araçlarla çevirebilirsiniz, ama sonuç genellikle temiz olmaz: köşeler yuvarlanır, harfler bozulur. Profesyonel kullanım için en sağlıklı yol, logoyu bir tasarımcının vektör olarak yeniden çizmesidir.
PNG ile SVG arasındaki fark nedir?
PNG bir raster formattır; şeffaf zemini destekler ama belirli bir piksel boyutu vardır. Buna karşılık SVG vektördür ve her boyutta keskin görünür. Web sitenizdeki logo ve ikonlar için SVG, fotoğraflar için JPEG ya da PNG gibi raster formatlar uygundur.
Matbaa neden benden vektör dosya istiyor?
Logo ve yazı gibi keskin kenarlı öğelerin baskıda net çıkması için vektör dosya en güvenli seçenektir. Ayrıca kesim, kabartma, yaldız gibi bazı işlemler doğrudan vektör çizgiler üzerinden hazırlanır.
Vektör dosyayı açmak için hangi programa ihtiyacım var?
SVG dosyalarını tarayıcılar açabilir. AI ve EPS gibi dosyaları düzenlemek için ise vektör çizim programları gerekir. Logonuzu kendiniz düzenlemeyecekseniz, dosyaları güvenli bir yerde saklamanız ve tedarikçilere iletmeniz yeterlidir.
Sonuç
Raster ve vektör, birbirinin rakibi değil, farklı işler için tasarlanmış iki araçtır. Kısacası fotoğraflarınız raster, logonuz ise vektör olmalıdır. Logonuzun vektör ana dosyasına sahip olmak, her yeni baskı ve üretim işinde zaman, para ve marka tutarlılığı kazandırır.
Logonuzun ya da kimlik dosyalarınızın eksiksiz olup olmadığından emin değilseniz, marka ve kurumsal kimlik ile ambalaj ve baskı tasarımı hizmetlerimize göz atabilir ya da bize yazabilirsiniz.
Grafik Sanat'ta öğrenin: Konuyu görselli anlatım ve testlerle öğrenmek için → grafiksanat.com.tr/terim/vektor-raster
Kaynaklar3
- Adobe — Raster vs. vector adobe.com
- MDN Web Docs — SVG: Scalable Vector Graphics developer.mozilla.org
- Wikipedia — Logo (ölçekleme ve sadelik notları) en.wikipedia.org
