Makale Başlıkları
Kısaca
Resim formatı, bir görüntünün bilgisayarda nasıl saklanacağını ve sıkıştırılacağını belirleyen dosya türüdür. Web için doğru format seçmek, sayfa hızını ve kaliteyi doğrudan etkiler: fotoğraflarda JPG/AVIF, şeffaflık gerektiren grafiklerde PNG, ölçeklenebilir çizimlerde SVG öne çıkar. Video tarafında ise MP4 (H.264/H.265) günümüzün fiili standardıdır.
- Web sitesi hızı için en verimli formatlar WebP ve AVIF‘tir; JPG’ye göre çok daha küçük dosya boyutu sunarlar.
- Şeffaf arka plan gerektiren logo ve grafiklerde PNG, keskin çizgili vektörel işlerde SVG tercih edilir.
- Videoda MP4 neredeyse her platformda çalışır; arşiv ve düzenleme için MOV/AVI kullanılır.
Resim formatı, bir görselin bilgisayar ya da mobil ortamda nasıl kaydedileceğini, sıkıştırılacağını ve görüntüleneceğini belirleyen dosya standardıdır. Her formatın kendine has bir sıkıştırma yöntemi, renk desteği ve kullanım amacı vardır. Doğru formatı seçmek yalnızca estetik bir tercih değildir; özellikle web sitelerinde sayfa yükleme hızını, arama motoru sıralamasını ve kullanıcı deneyimini doğrudan etkileyen teknik bir karardır. Bu rehberde en çok kullanılan 15 görsel ve video formatını, hangi durumda hangisini seçmeniz gerektiğiyle birlikte ele alıyoruz.
Bir görselin kalitesi kadar dosya boyutu da önemlidir. Aynı fotoğrafı JPG, PNG veya WebP olarak kaydettiğinizde, boyutlar arasında birkaç kat fark oluşabilir. Web sitenizde onlarca yüksek boyutlu görsel kullanıyorsanız, bu fark sayfanın saniyelerce daha geç açılması anlamına gelir. İşte bu yüzden format seçimi, web performansının en sık gözden kaçan ama en etkili adımlarından biridir.
Resim Formatı Nedir ve Neden Önemlidir?
Bir resim ya da fotoğraf, bir yüzey üzerine çizgi ve renklerle oluşturulur. Bu görüntülerin bilgisayar ortamında görüntülenebilmesi için belirli bir dosya yapısında saklanması gerekir. Formatlar temelde iki gruba ayrılır:
- Raster (piksel tabanlı) formatlar: Görüntüyü minik renk noktalarından (piksel) oluşturur. JPG, PNG, GIF, WebP ve BMP bu gruba girer. Büyütüldüğünde bozulma (pikselleşme) yaşanır.
- Vektör tabanlı formatlar: Görüntüyü matematiksel eğri ve şekillerle tanımlar. SVG ve EPS bu gruptadır. Ne kadar büyütülürse büyütülsün keskinliğini korur; logolar ve ikonlar için idealdir.
Bir diğer önemli ayrım da sıkıştırma türüdür. Kayıplı (lossy) sıkıştırmada dosya küçültülürken bir miktar veri atılır (JPG, WebP-lossy). Kayıpsız (lossless) sıkıştırmada ise hiçbir görüntü verisi kaybedilmez (PNG, GIF). Web için genellikle kayıplı formatlar tercih edilir çünkü çok daha küçük dosyalar üretirler.
JPG (JPEG)
Resim ve fotoğraf kullanımında çok sayıda rengin bir arada bulunduğu görüntülerde en çok tercih edilen resim formatı türüdür. Görüntü çizgisel ya da grafiksel bir yapıya sahip değilse, yani doğal bir fotoğrafsa JPG ideal seçimdir. Bir görüntü JPG olarak kaydedildiğinde kayıplı sıkıştırma uygulanır; bu sayede dosya boyutu ciddi biçimde küçülür ancak kaliteden az da olsa fedakârlık edilir. JPG, tüm web tarayıcıları, e-posta istemcileri ve işletim sistemleri tarafından desteklendiği için en yaygın uyumluluğa sahip formattır. Şeffaflık (transparan arka plan) desteklemez.

PNG
Patentsiz ve açık bir standart olan PNG formatı, kayıpsız sıkıştırma prensibiyle çalışır. İnternet ortamında en sık kullanılan formatların başında gelir. GIF formatının daha gelişmiş bir alternatifidir; ancak GIF’in aksine hareketli (animasyonlu) görüntüleri desteklemez. PNG’nin en güçlü yanı şeffaf (alfa kanallı) arka plan desteğidir. Bu yüzden logolar, ikonlar, ekran görüntüleri ve keskin metin içeren grafiklerde JPG’ye göre çok daha başarılıdır. Bunun karşılığında dosya boyutu fotoğraflarda JPG’den büyük olabilir.
GIF
CompuServe tarafından geliştirilen GIF formatı, güçlü ve hızlı sıkıştırmasıyla bilinir. En fazla 256 renk desteklediği için fotoğraflarda değil, basit grafiklerde ve özellikle kısa animasyonlarda tercih edilir. Şeffaf renk tanımlama özelliği ve birden çok kareyi tek dosyada tutabilmesi sayesinde hareketli görsellerde uzun yıllar standart oldu.

Günümüzde animasyonlu içeriklerde GIF’in yerini büyük ölçüde kısa MP4/WebM videolar ve animasyonlu WebP almaya başladı; çünkü aynı hareketi çok daha düşük dosya boyutuyla ve daha fazla renkle sunabiliyorlar. Yine de yaygın uyumluluğu nedeniyle GIF hâlâ çok kullanılan bir resim formatı çeşididir.
WebP
Google tarafından geliştirilen yeni nesil görsel formatı WebP, JPEG ve PNG’ye kıyasla çok daha yüksek sıkıştırma gücüne sahiptir. Aynı görsel kaliteyi korurken JPG’ye göre ortalama %25-35 daha küçük dosyalar üretir. Hem kayıplı hem kayıpsız sıkıştırmayı, hem şeffaflığı hem de animasyonu tek formatta destekler; yani JPG, PNG ve GIF’in üç işlevini birden görebilir. 2026 itibarıyla WebP, tarayıcıların yaklaşık %97’sinde (Chrome, Firefox, Safari, Edge dâhil) sorunsuz çalışır. Web sitesi hızı için en pratik ve güvenli modern seçenektir.

AVIF
AVIF (AV1 Image File Format), açık AV1 video kodeğine dayanan en yeni nesil görsel formatlardan biridir. Sıkıştırma verimliliğinde bugün en iddialı format olup, aynı kalitede JPG’den yaklaşık %50, WebP’den yaklaşık %20 daha küçük dosyalar üretebilir. Şeffaflık, HDR, geniş renk gamı ve animasyon desteği sunar. 2026 itibarıyla tarayıcı desteği %93’ün üzerine çıkmıştır (Chrome, Firefox, Safari ve Edge). Kodlama süresi WebP’den biraz daha uzun olsa da, dosya boyutunun kritik olduğu görsel ağırlıklı sitelerde güçlü bir alternatiftir. En sağlıklı yaklaşım; önce AVIF, olmazsa WebP, en son çare olarak JPG sunacak şekilde bir yedekleme (fallback) kurmaktır.
HEIC / HEIF
Apple’ın iPhone ve iPad cihazlarında fotoğrafları varsayılan olarak kaydettiği formattır. JPG’ye göre yaklaşık yarı boyutta, benzer kalitede görüntü saklar. Ancak tarayıcı desteği oldukça sınırlıdır (temelde yalnızca Safari). Chrome, Firefox ve Edge patent karmaşası nedeniyle HEIC’i desteklemez. Bu nedenle iPhone’dan aldığınız HEIC fotoğrafları web sitenizde yayınlamadan önce JPG veya WebP’ye dönüştürmeniz önerilir.
TIFF
Neredeyse tüm görüntü programlarının desteklediği TIFF formatı, özellikle çok renkli ve yüksek çözünürlüklü görsellerde tercih edilir. Matbaacılık ve profesyonel baskı için tasarlanmıştır; renkleri RGB ve CMYK olarak ayrıştırabilir. Birden fazla sayfayı tek dosyada tutabildiği için çok sayfalı dokümanların arşivlenmesinde kullanışlıdır. Dosya boyutu çok büyük olduğu ve tarayıcılar tarafından doğrudan görüntülenmediği için web’de kullanılmaz; baskı öncesi hazırlık ve arşivleme formatıdır.
SVG
SVG, iki boyutlu vektörel grafiklerin görüntülenmesini sağlayan XML tabanlı bir formattır. Piksel değil, matematiksel şekiller kullandığı için ne kadar büyütülürse büyütülsün hiç bozulmadan keskin kalır. Bu özelliği sayesinde logolar, ikonlar, çizgi grafikler ve responsive web tasarımlarında vazgeçilmezdir. Dosyaları genellikle çok küçüktür ve CSS ile renklendirilip animasyonlanabilir. Fotoğraf gibi karmaşık görüntüler için uygun değildir.
BMP (Bitmap)
En basit resim formatı olarak bilinen BMP, Windows’un klasik Paint programında kullanılan formattır. Görüntüyü hemen hiç sıkıştırmadan, piksel piksel saklar. Bu nedenle kalite yüksektir ama dosya boyutu devasa olur. Sıkıştırmasız yapısı web için elverişsizdir; günümüzde daha çok basit düzenlemeler ve eski yazılım uyumluluğu için karşımıza çıkar.
PSD
Adobe Photoshop’un kendi çalışma dosyası formatıdır. İçinde çok sayıda katman (layer) ve alfa kanalı barındırır. PSD ile kaydedilen bir görsel, sonradan tekrar açılıp katmanlar üzerinden düzenlenebilir; bu yüzden tasarım sürecinde ana çalışma dosyası olarak kullanılır. Broşür, logo, afiş ve web arayüzü tasarımlarında yaygındır. Web’de doğrudan gösterilmez; yayınlanmadan önce JPG, PNG veya WebP’ye dışa aktarılır.

Adobe tarafından geliştirilen PDF, aslında bir yayıncılık ve belge formatıdır ancak içinde metin ve görselleri bir arada saklayabildiği için çoğu zaman görsel formatlarla birlikte anılır. Windows, macOS, Linux ve mobil dâhil her platformda aynı görünmesiyle bilinir. Broşür, katalog, teklif ve baskıya hazır dosya paylaşımında standarttır.
EPS
EPS (Encapsulated PostScript), vektörel çizim ve grafikler için kullanılan bir baskı formatıdır. Özellikle matbaa ve profesyonel baskı süreçlerinde logoların ve grafiklerin sorunsuz aktarılmasını sağlar. SVG’ye benzer şekilde ölçeklenebilir ama daha çok baskı iş akışına yöneliktir.
RAW
Dijital fotoğraf makinelerinin sensörüne düşen işlenmemiş ham veriyi içeren formattır (CR2, NEF, ARW gibi markaya özel uzantıları vardır). Aslında tek başına bir görüntü formatı değil, tüm görüntü verisini barındıran bir “dijital negatif” gibidir. Profesyonel fotoğrafçılar, renk, pozlama ve detay üzerinde maksimum kontrol istedikleri için RAW ile çeker; ardından bu dosyaları JPG veya TIFF gibi formatlara dönüştürür.

Görsel Formatları Karşılaştırma Tablosu
| Format | Sıkıştırma | Şeffaflık | Animasyon | Web İçin Uygun mu? | En İyi Kullanım |
|---|---|---|---|---|---|
| JPG | Kayıplı | Hayır | Hayır | Evet | Fotoğraflar |
| PNG | Kayıpsız | Evet | Hayır | Evet | Logo, ikon, şeffaf grafik |
| GIF | Kayıpsız (256 renk) | Evet | Evet | Evet | Basit animasyon |
| WebP | Kayıplı/Kayıpsız | Evet | Evet | Evet (%97 destek) | Modern web, hız |
| AVIF | Kayıplı/Kayıpsız | Evet | Evet | Evet (%93 destek) | En yüksek sıkıştırma |
| SVG | Vektörel | Evet | Evet (CSS/SMIL) | Evet | Logo, ikon, çizim |
| TIFF | Kayıpsız | Evet | Hayır | Hayır | Baskı, arşiv |
| BMP | Sıkıştırmasız | Kısmi | Hayır | Hayır | Basit/eski yazılım |
| RAW | İşlenmemiş | — | Hayır | Hayır | Profesyonel çekim |
Video Formatları Nelerdir?
Görsel formatlarının hareketli görüntüdeki karşılığı video formatlarıdır. Burada iki kavramı ayırmak gerekir: konteyner (MP4, MOV, AVI gibi dosyayı kapsayan yapı) ve kodek (H.264, H.265/HEVC, AV1 gibi görüntüyü sıkıştıran algoritma). Örneğin bir MP4 dosyası, içinde H.264 kodeğiyle sıkıştırılmış görüntü taşıyabilir.
MP4
Günümüzün fiili video standardıdır. Yüksek sıkıştırma verimliliği, küçük dosya boyutu ve neredeyse tüm cihaz, tarayıcı ve platformlarda çalışabilmesi sayesinde web ve sosyal medyada varsayılan formattır. Web sitenize video ekleyecekseniz ilk tercihiniz MP4 (H.264 kodek) olmalıdır.
MPEG
Hareketli görüntü ve ses dosyalarını sıkıştırıp açmak için geliştirilen bir standarttır. Güçlü sıkıştırma oranına sahiptir ve DVD gibi ortamlarda video saklamak için uzun süre kullanılmıştır. MP4, MPEG standartlarının modern ve web’e uygun bir uzantısıdır.

AVI
Microsoft tarafından geliştirilen köklü bir video formatıdır. Yüksek kaliteyi koruyabilir ancak sıkıştırması modern formatlara göre zayıf olduğu için dosya boyutu büyüktür. Bugün daha çok arşivleme ve eski sistem uyumluluğu için kullanılır; web yayını için ideal değildir.
MOV (QuickTime)
Apple’ın geliştirdiği QuickTime formatıdır. AVI’ye benzer özellikler taşır ancak çok geniş platform desteğiyle avantaj sağlar. Özellikle video düzenleme aşamasında yüksek kaliteyi korumak için tercih edilir; yayına alırken genellikle MP4’e dönüştürülür.
WebM
Google’ın açık kaynaklı web video formatıdır. VP9 ve AV1 kodekleriyle çalışır, yüksek sıkıştırma sunar ve modern tarayıcılarda telifsiz çalışması nedeniyle web’de MP4’ün güçlü bir tamamlayıcısıdır. Genellikle MP4 ile birlikte yedek (fallback) olarak sunulur.
Web Siteniz İçin Doğru Formatı Nasıl Seçersiniz?
Görsel formatı seçimi, sitenizin hızını ve dolayısıyla SEO performansını doğrudan etkiler. Pratik bir yol haritası:
- Doğal fotoğraf mı? WebP veya AVIF kullanın; yedek olarak JPG bırakın.
- Şeffaf arka plan gerekli mi? PNG ya da WebP tercih edin.
- Logo, ikon veya çizim mi? SVG en doğru seçimdir; her ekranda keskin görünür.
- Basit animasyon mu? GIF yerine kısa MP4/WebM veya animasyonlu WebP kullanın.
- Baskıya gidecek mi? TIFF veya EPS/PDF hazırlayın.
Görselleri optimize etmenin yanında, sitenizin barındığı sunucu altyapısı da hız için belirleyicidir. Alastyr’ın hosting paketlerinde LiteSpeed web sunucusu ve LSCache önbellek teknolojisi, optimize edilmiş görsellerinizi ziyaretçilere en hızlı biçimde ulaştırır. Görsel ağırlıklı, yüksek trafikli projeler için ise bulut sunucu çözümleriyle esnek kaynak ölçeklendirmesi yapabilirsiniz. WordPress ile çalışıyorsanız, görsel dönüştürme eklentileriyle sorunsuz uyum için WordPress hosting paketleri de değerlendirilebilir.
Sıkça Sorulan Sorular
Resim formatı nedir?
Resim formatı, bir görüntünün bilgisayarda ya da mobil cihazda nasıl saklanacağını, sıkıştırılacağını ve görüntüleneceğini belirleyen dosya standardıdır. JPG, PNG, WebP, SVG gibi her formatın farklı bir sıkıştırma yöntemi, renk desteği ve kullanım amacı vardır.
Web sitesi için en iyi resim formatı hangisidir?
2026 itibarıyla web için en verimli formatlar WebP ve AVIF’tir. Bu formatlar, aynı kalitede JPG ve PNG’ye göre çok daha küçük dosyalar üreterek sayfa hızını artırır. En sağlıklı yaklaşım, önce AVIF veya WebP sunup, desteklemeyen tarayıcılar için JPG’yi yedek olarak bırakmaktır.
JPG ile PNG arasındaki fark nedir?
JPG kayıplı sıkıştırma kullanır, dosya boyutu küçüktür ve çok renkli fotoğraflar için idealdir; ancak şeffaflığı desteklemez. PNG ise kayıpsız sıkıştırma yapar, şeffaf arka planı destekler ve logo, ikon, keskin metinli grafiklerde daha başarılıdır. Fotoğrafta JPG, grafik ve şeffaflıkta PNG tercih edilir.
WebP ve AVIF arasındaki fark nedir?
Her ikisi de yeni nesil, yüksek sıkıştırmalı web formatlarıdır. AVIF genellikle daha küçük dosya üretir (WebP’den yaklaşık yüzde 20 daha küçük) ve HDR ile geniş renk desteği sunar. WebP ise daha hızlı kodlanır ve tarayıcı desteği bir miktar daha geniştir. Pek çok sitede önce AVIF, ardından WebP sunulur.
SVG ne zaman kullanılmalı?
SVG, logolar, ikonlar ve çizgi grafikler gibi vektörel işlerde kullanılmalıdır. Matematiksel şekillere dayandığı için hiç bozulmadan istenildiği kadar büyütülebilir ve dosya boyutu küçüktür. Ancak karmaşık, çok renkli fotoğraflar için uygun değildir.
Şeffaf arka plana sahip görseller için hangi format kullanılır?
Şeffaf (transparan) arka plan gerektiren görsellerde PNG, WebP veya SVG kullanılır. JPG şeffaflığı desteklemediğinden logo ve ikon gibi işlerde tercih edilmez.
iPhone’dan aldığım HEIC fotoğrafları web sitesinde nasıl kullanırım?
HEIC formatı yalnızca Safari tarafından geniş biçimde desteklenir; Chrome, Firefox ve Edge bu formatı görüntülemez. Bu yüzden HEIC fotoğrafları web sitenizde yayınlamadan önce JPG veya WebP formatına dönüştürmeniz gerekir.
Web için en iyi video formatı hangisidir?
Web’de en yaygın ve güvenli seçim MP4’tür (H.264 kodek). Neredeyse tüm cihaz ve tarayıcılarda çalışır, dosya boyutu makuldür. Daha yüksek sıkıştırma için WebM (VP9/AV1) yedek olarak birlikte sunulabilir.
Görsel formatı seçimi SEO’yu etkiler mi?
Evet. Doğru format seçimi dosya boyutunu küçültüp sayfa yükleme hızını artırır. Sayfa hızı, Google’ın Core Web Vitals kriterleri arasında yer aldığı için hem kullanıcı deneyimini hem de arama sıralamasını olumlu etkiler. WebP/AVIF kullanmak bu açıdan doğrudan fayda sağlar.
Web Projeniz İçin Hızlı ve Güvenli Altyapı
Optimize edilmiş görselleriniz, ancak hızlı bir sunucuda gerçekten fark yaratır. Alastyr; İzmir’deki kendi veri merkezi, LiteSpeed + LSCache teknolojisi, ücretsiz SSL ve 7/24 Türkçe destek ile web projenizi en iyi performansla yayına taşır. %100 Türk sermayeli, 14 gün para iade garantisi.





