Tarayıcı Üzerinde Görsel Boyutlandırma Nasıl Çalışır?
Hızlı Cevap: Utiliome, kaynak görselinizi yerel tarayıcı belleğine aktarır, hedef genişlik ve yükseklikte bir HTML5 Canvas 2D yüzeyi oluşturur ve donanım hızlandırmalı bikübik enterpolasyonla piksel ızgarasını yeniden örnekler; bu süreçte sunucuya hiçbir yükleme yapılmaz.
Her dijital raster görsel, sabit iki boyutlu bir piksel ızgarasından meydana gelir (örneğin 12 megapiksellik bir akıllı telefon fotoğrafı 4000 × 3000 piksel boyutundadır). 4000 piksel genişliğindeki bir fotoğrafı web sayfasında yalnızca 800 piksel genişliğinde bir alana yerleştirdiğinizde, ziyaretçinin tarayıcısı görüntüyü ekranda küçültmeden önce 12 milyon pikselin tamamını indirmek zorunda kalır.
Utiliome, piksel matrisini doğrudan tarayıcı sekmenizin içinde yerel olarak yeniden örnekler:
- Yüksek Kaliteli Enterpolasyon: HTML5 Canvas 2D üzerinde
imageSmoothingQuality = 'high' kullanılarak komşu piksel değerlerinin ortalaması pürüzsüzce alınır; böylece küçültülen tipografi, portre ve ürün kenarları son derece net kalır.
- Orantılı En-Boy Oranı Kilitleme: Oranı Kilitle aktif olduğunda Utiliome, fotoğrafınızın tam genişlik-yükseklik oranını korur (
Yükseklik = Genişlik ÷ EnBoyOranı) ve bozulmaları engeller.
- Anında Yerel Yeniden Kodlama: Orijinal formatında dışa aktarın veya anında
WebP, JPG veya PNG formatına dönüştürün.
Standart Web, Sosyal Medya ve E-Ticaret Piksel Boyutları Matrisi
Hızlı Cevap: Full HD banner'lar için 1920×1080 px, blog Open Graph önizlemeleri için 1200×630 px, kare sosyal medya gönderileri için 1080×1080 px, dikey akışlar için 1080×1350 px ve yaklaştırma özellikli ürün görselleri için 2000×2000 px kullanın.
Görselinizin piksel boyutlarını görüntüleneceği alanla tam olarak eşleştirmek, düzen kaymalarını (CLS) önler ve gereksiz bant genişliği tüketimini ortadan kaldırır. Web ve sosyal medya platformları için görsel hazırlarken aşağıdaki referans tablosundan yararlanabilirsiniz:
| Kullanım Alanı / Platform |
Hedef Boyutlar (px) |
En-Boy Oranı |
Önerilen Format |
Tipik Dosya Boyutu |
| Web Sitesi Full HD Banner / YouTube Küçük Resmi |
1920 × 1080 px |
16:9 |
WebP veya JPG |
150 KB – 320 KB |
| Open Graph (OG) / Blog Öne Çıkan Kart |
1200 × 630 px |
1.91:1 |
WebP veya JPG |
80 KB – 160 KB |
| Instagram / LinkedIn Kare Gönderi |
1080 × 1080 px |
1:1 |
JPG veya PNG |
120 KB – 250 KB |
| Instagram / Facebook Dikey Akış |
1080 × 1350 px |
4:5 |
JPG |
140 KB – 280 KB |
| Hikayeler, Reels & TikTok Kapağı |
1080 × 1920 px |
9:16 |
JPG veya WebP |
180 KB – 350 KB |
| Amazon / Shopify Ürün Yakınlaştırma |
2000 × 2000 px |
1:1 |
JPG (Beyaz Fon) |
250 KB – 450 KB |
Fotoğrafınızın şeklini nesneyi esnetmeden değiştirmek mi istiyorsunuz (örneğin 16:9 yatay bir resmi 1:1 kareye dönüştürmek)? Yeniden boyutlandırmadan önce Resim Kırpma aracımızla kadrajlayın.
Raster Görsellerde Küçültme ve Büyütme: Pikselleşmeyi Önleme
Hızlı Cevap: Küçültme (piksel genişliğini ve yüksekliğini azaltma), mevcut piksel verilerini birleştirerek kenarları net tutar ve dosya boyutunu %80'e kadar düşürür. Küçük bir raster resmi büyütmek ise pikselleri gerer; düşük çözünürlüklü grafikleri büyütmek için yapay zeka yükseltici kullanın.
Piksel enterpolasyonunun nasıl çalıştığını bilmek en net sonuçları elde etmenizi sağlar:
- Küçültme (örn.
4000×3000 → 1200×900 veya %50): Boyutları %50 küçültmek toplam piksel sayısını %75 oranında azaltır (12 megapikselden 3 megapiksele) ve netliği korurken dosya boyutunu ciddi ölçüde düşürür.
- Büyütme (örn.
300×200 → 1200×800): Standart canvas yeniden örnekleme işlemi mevcut pikseller arasına tahmini değerler yerleştirir; bu da %120'nin üzerinde büyütmelerde kenar keskinliğini azaltabilir. Küçük veya bulanık bir fotoğraftaki detayları yeniden oluşturmak için AI Resim Yükseltici aracımızı kullanın.
Mevcut piksel boyutlarını koruyup yalnızca dosya boyutunu KB veya MB cinsinden düşürmek mi istiyorsunuz? Bunun yerine Resim Sıkıştırma aracımızı kullanın.
Toplu Görsel Boyutlandırma: Sekme Başına Boyutlar ve Tek Tıkla Eşitleme
Hızlı Cevap: Utiliome, boyutlandırma ayarlarını görsel sekmesi bazında saklar; böylece her grafik için özel boyutlar ayarlayabilir veya 'Boyutları tüm görsellere uygula' butonuna tıklayarak tüm ürün klasörünü tek tıkla orantılı ölçekleyebilirsiniz.
Yeni bir web sitesi veya ürün kataloğu hazırlarken elinizde genellikle yatay afişler, dikey portreler ve kare küçük resimler bir arada bulunur. Utiliome'un çok sekmeli çalışma alanı hem tekil hem de toplu iş akışlarını kusursuz destekler:
- Sekme Başına Bağımsız Ayarlar: Yüklenen her görsel sekmesi kendi boyutlandırma modunu (
Piksel ile veya Yüzde ile), hedef genişlik/yükseklik değerini, en-boy kilidi durumunu ve çıktı formatını hatırlar.
- Orantılı Genel Eşitleme: Yüzde modundayken (örn.
%50) veya Oran Kilitli Genişlik modundayken (örn. 1200 px genişlik) Boyutları tüm görsellere uygula butonuna tıkladığınızda Utiliome, listenizdeki her fotoğraf için orantılı yüksekliği otomatik olarak hesaplar.
Ölçekleme öncesinde veya sonrasında dosyalarınızın DPI, megapiksel ve en-boy oranını incelemeniz mi gerekiyor? Değerleri Resim Boyutu İnceleyici ile kontrol edebilir veya Resim Dönüştürücü ile dosya formatlarını topluca dönüştürebilirsiniz.
