Web Performansı için Video Formatının Önemi
Video, web üzerindeki en ağır içerik türüdür. Yanlış formatta tek bir 30 saniyelik arka plan videosu 10-50MB olabilir. Doğru format ve kodek seçimi ile bu, aynı görsel kalitede 2-5MB'a düşürülebilir.
İyi haber: WebM (VP9/AV1) gibi modern video formatları, daha eski MP4 (H.264) formatlarına göre dramatik şekilde daha iyi sıkıştırma sağlar - ancak uyumluluk değişkenlik gösterir. Bu kılavuz, her durum için doğru stratejiyi açıklar.
İki Karar: Konteyner ve Kodek
Bir video dosyasının iki bileşeni vardır: konteyner (MP4, WebM, MOV) ve kodek (H.264, H.265, VP9, AV1). Konteyner sadece bir sargıdır - kodek, sıkıştırma verimliliğini ve kalitesini belirleyen unsurdur.
H.264 kodekli MP4 konteyneri evrensel bir geri dönüş seçeneğidir. VP9 veya AV1 kodekli WebM konteyneri daha iyi sıkıştırma sağlar. İkisini de sunabilir ve tarayıcının seçmesine izin verebilirsiniz.
Kodek Karşılaştırması: H.264 vs VP9 vs AV1
H.264 (MP4 içinde): Evrensel destek, iyi kalite, %100 tarayıcı uyumluluğu. Web videosu için temel standart.
VP9 (WebM içinde): Eşdeğer kalitede H.264'ten %30-50 daha küçük. Chrome, Firefox, Edge'de destekleniyor. Eski Safari desteği sınırlı.
Web Videosu için Önerilen Strateji
Strateji 1: Sadece MP4 (Maksimum Uyumluluk)
MP4'ü H.264 ile CRF 23 (orta kalite) kullanın. Her cihaz ve tarayıcıda çalışır. Daha büyük dosyalar ama sıfır uyumluluk sorunu. Eski cihazlar kullanan basit web siteleri için en iyisidir.
Strateji 2: WebM + MP4 Geri Dönüş (En İyi Denge)
Modern tarayıcılara WebM (VP9) sunun, geri dönüş olarak MP4 (H.264) kullanın. HTML5 kaynak öğesini kullanın. Modern tarayıcılar WebM'i (30-50% daha küçük) indirirken, eski olanlar MP4 alır. Bu, çoğu web sitesi için önerilen yaklaşımdır.
Strateji 3: AV1 + WebM + MP4 (Maksimum Sıkıştırma)
Öncelikle AV1, ikinci olarak VP9 WebM, son olarak H.264 MP4 sunun. AV1, H.264'ten %50 daha küçüktür. Tarayıcı desteği artıyor (Chrome 70+, Firefox 93+, Safari 16+). Bant genişliği maliyetlerinin önemli olduğu yüksek trafik alanları için en iyisidir.
Arka Plan Videoları ve Otomatik Oynatma
Sesiz otomatik oynatma arka plan videoları için, düşük bit hızında WebM (VP9) kullanın. Bunlar MP4 eşdeğerlerinden çok daha hızlı yüklenir. Mobil otomatik oynatma için her zaman muted ve playsinline niteliklerini ekleyin.
Web için Video Nasıl Dönüştürülür
En Yüksek Kalite Kaynağı ile Başlayın
Her zaman orijinal yüksek kaliteli kaynak dosyasından dönüştürün. Zaten sıkıştırılmış bir dosyadan (MP4'ten WebM'e) dönüştürmek, mevcut sıkıştırmanın üzerine kalite kaybı ekler.
WebM'e (VP9) Dönüştürün
Kaynağınızı WebM formatına dönüştürmek için ücretsiz video dönüştürücüyü kullanın. İyi bir boyut ve kalite dengesi için VP9 kodek ve kalite ayarı 30-35'i seçin.
MP4'ü Geri Dönüş Olarak Tutun
Ayrıca H.264 MP4 versiyonunu da tutun veya oluşturun. Tarayıcıların destekledikleri en iyi formatı otomatik olarak seçmesi için her iki kaynakla birlikte HTML5 video öğesini kullanın.
Gerçek Cihazlarda Test Edin
Test your video on iOS Safari and older Android devices - these have the most varied codec support. Check that the fallback MP4 loads correctly.
Video Formatını Ücretsiz Dönüştür - Yükleme Gerekmiyor
Ücretsiz tarayıcı tabanlı video dönüştürücümüzü kullanın. Dosyalarınız asla cihazınızdan çıkmaz.
Ücretsiz Video DönüştürWeb Videosu için Profesyonel İpuçları
Maksimum Bit Hızını Ayarlayın
Web kullanımı için, 1080p video için 1-2 Mbps yeterlidir. Daha yüksek bit hızları, tipik ekranlarda ve bağlantı hızlarında görünür bir iyileştirme olmadan dosya boyutunu artırır.
Videolar için Tembel Yükleme Kullanın
Hemen görünmeyen video öğelerine preload=none ekleyin. Bu, tarayıcının kullanıcı ihtiyaç duymadan önce video verilerini indirmesini engeller.
GIF Değiştirmeyi Düşünün
Animasyonlu GIF'ler her zaman WebM videosu ile değiştirilmelidir. 2MB'lık bir animasyonlu GIF, genellikle WebM'de 200-400KB'dır - daha iyi kalite ile 5-10 kat daha küçüktür.
Sıkça Sorulan Sorular
HTML5 için en iyi video formatı nedir?
Evrensel uyumluluk için MP4 (H.264). Modern tarayıcılarda daha iyi sıkıştırma için WebM (VP9 veya AV1). En iyi sonuçlar için her ikisini de kaynak öğesi ile kullanın.
Safari WebM'i destekliyor mu?
Safari 16+ (released 2022) supports WebM with VP8/VP9. Older Safari requires MP4. Always include MP4 as fallback for older iOS devices.
Web siteme video nasıl yerleştiririm?
WebM ve MP4 için kaynak öğeleri ile HTML5 video öğesini kullanın. Gerekirse kontroller, muted ve playsinline niteliklerini ekleyin.
Web için hangi video bit hızını kullanmalıyım?
1080p için: H.264 ile 1-2 Mbps, VP9 ile 0.8-1.5 Mbps. 720p için: H.264 ile 0.8-1.2 Mbps, VP9 ile 0.6-1 Mbps.
Web sitemde GIF mi yoksa video mu kullanmalıyım?
Animasyonlar için her zaman GIF yerine video (WebM veya MP4) kullanın. Video dosyaları, daha iyi kalitede GIF'lerden 5-10 kat daha küçüktür. Oynatma, döngü, sessiz ve inline oynatma ile video öğesini kullanın.
Daha Fazla Yardıma İhtiyacınız Var mı?
Video dönüştürücümüz MP4, WebM, MOV, AVI, MKV, FLV ve 30'dan fazla video formatını destekler - hepsi ücretsiz ve tarayıcınızda, dosya yüklemesi olmadan çalışır.
Videonuzu web için sıkıştırmanız mı gerekiyor? Görsel kalitesini korurken dosya boyutunu azaltmak için ücretsiz video sıkıştırıcımızı deneyin.
Ücretsiz Video Dönüştür