Tuval 1000 × 1000 pixel ve 10 × 10 pixellik bloklardan oluşan 100 × 100'lük bir ızgara. Tek blokluk bir reklam tuvalde gerçekten 10 × 10 pixel. Ziyaretçi o bölgeye yakınlaştırdığında tarayıcının büyütebileceği yalnızca bu 100 pixeldir; sonuç, büyümüş kareler.
Bunu çözmek için yüklediğin dosyadan tuval kopyasının yanında ikinci bir görsel daha üretiliyor. Bu yazı o ikinci görseli en iyi şekilde nasıl elde edeceğini ve tuvalin masaüstünde ve telefonda nasıl incelendiğini anlatıyor.
İki görsel: tuval kopyası ve yakın hâl
Görselini yüklediğinde sunucu şunları üretir:
- Tuval kopyası. Alanının tam pixel ölçüsünde bir PNG. 5 × 3 blok kiraladıysan 50 × 30 pixel. Tuvalde gördüğün budur.
- Yakın hâl. Aynı görsel, aynı yerleşimle, ama alanının 12 katına kadar çözünürlükte bir WebP. Ziyaretçi yakınlaştırdığında tuval kopyasının üstüne bu çizilir.
Yakın hâlin boyutunu üç sınır belirler:
- Alan ölçünün en fazla 12 katı,
- hiçbir kenarı 2.400 pixeli geçmeyecek şekilde,
- toplamda en fazla 4 milyon pixel.
Bir de en önemli kural: yakın hâl yüklediğin dosyanın taşıdığından büyük olamaz. Görsel büyütülerek netleşmez. Kaynağın alanının 2 katından küçükse yakın hâl hiç üretilmez ve yakınlaştıran ziyaretçi tuvaldeki pixelleri görür.
Birkaç örnek:
Alan (pixel) Blok En net sonuç için kaynak Yakın hâl
10 × 10 1 × 1 120 × 120 120 × 120
50 × 30 5 × 3 600 × 360 600 × 360
100 × 60 10 × 6 1200 × 720 1200 × 720
200 × 200 20 × 20 2000 × 2000 2000 × 2000 (4 MP sınırı)
400 × 100 40 × 10 2400 × 600 2400 × 600 (kenar sınırı)Pratik kural: görselini alanınla aynı oranda, alanının 12 katı ölçüde hazırla. Büyük alanlarda kenar ve toplam pixel sınırı daha önce devreye girer; tablodaki son iki satır bunu gösteriyor. Daha büyük bir dosya göndermek zarar vermez ama yakın hâli bu sınırların ötesine taşımaz.
Yükleme sınırları
- Dosya en fazla 5 MB.
- Çözünürlük en fazla 10000 × 10000 pixel; GIF ve AVIF için 4000 × 4000 (bu iki biçimi açmak sunucuya çok daha pahalı).
- Biçim PNG, JPEG, GIF, WebP ya da AVIF. Hangisini seçeceğin için biçimler yazısı.
- Kaynak, her iki kenarda da alanının en az dörtte biri olmalı. 50 × 30'luk bir alana 10 × 5'lik bir dosya yüklenemez.
- Kaynak alanından küçükse yükleme ekranı büyütüleceğini ve netlik kaybedeceğini önceden söyler.
- Hareketli GIF'lerin yalnızca ilk karesi kullanılır.
Yakın hâli moderatör de görüyor
Yakın hâl, tuval kopyasının gösteremediği ayrıntıları gösterir. Bu yüzden moderasyon ekranında küçük kopyanın yanında "Yakınlaştırınca görünen hâli" de durur ve ikisi birlikte incelenir. Küçükte seçilmeyen bir ayrıntı büyükte seçiliyorsa, o ayrıntı da kurallara uymak zorunda.
Yakın hâl yalnızca reklam yayındayken herkese açıktır. Kiralama bittiğinde ya da görsel yayından kaldırıldığında ziyaretçiler ona ulaşamaz.
Yakın hâli olmayan eski görseller
Bu özellik gelmeden önce yüklenmiş görsellerin yakın hâli yok ve sonradan üretilemez, çünkü o yüklemelerin orijinal dosyaları saklanmadı. Reklamının yakınlaştırınca net görünmesini istiyorsan görseli yeniden yüklemen gerekir. Yeni yükleme yeni bir sürüm olarak incelemeye gider.
Sığdır mı, Uzat mı — kırpma yok
Görselinin oranı alanınınkinden farklıysa yükleme ekranı iki ölçüyü birden gösterir ve nasıl yerleşeceğini sana seçtirir. Görsel kırpılmaz.
- Sığdır (varsayılan): görselin tamamı görünür, oranı bozulmaz. Artan kenarlar saydam kalır ve tuval o kenarlardan görünür. JPEG gibi saydamlığı olmayan bir dosyada da kenarlar saydam olur.
- Uzat: görsel alanın tamamını doldurur; oranı değiştiği için esner.
Seçtiğin yöntem yakın hâle de aynen uygulanır. Yakınlaştıran ziyaretçi tuvalde gördüğünün daha net hâlini görür, başka bir kompozisyon değil. Yükleme ekranındaki "Gerçek boyutta önizleme" de seçtiğin yönteme göre çizilir.
Boşluğun alanının ne kadarını yediğini doğru alanı seçmek yazısında sayıyla hesapladık. En iyi sonuç yine aynı: görseli baştan alanının oranında hazırla, iki seçeneğe de ihtiyacın kalmasın.
Tuval nasıl yakınlaştırılıyor
Ana sayfadaki tuval 8 kata kadar yakınlaştırılabilir:
- Düğmelerle: Yakınlaştır, Uzaklaştır ve Yakınlaştırmayı sıfırla düğmeleri 1×, 2×, 4× ve 8× arasında geçiş yapar.
- Masaüstünde: Ctrl (Mac'te Cmd) ile fare tekerleği ya da dokunmatik yüzeyde iki parmakla sıkıştırma, imlecin olduğu yere yakınlaştırır. Yakınlaştırılmamışken düz tekerlek sayfayı kaydırır.
- Telefonda: iki parmakla yakınlaştırır ve kaydırırsın. Tek parmak her zaman sayfayı kaydırır.
Yakın hâller 1,5 kat yakınlaştırmadan itibaren ve yalnızca ekranda görünen bölgedeki ve hemen çevresindeki reklamlar için yüklenir. Varsayılan görünümde fazladan hiçbir şey indirilmez; telefonda mobil veri boşuna harcanmaz. Yakın hâl yüklenene kadar tuval kopyası görünür, yüklenince yavaşça onun üstüne gelir.
Mercek: yakınlaştırmadan bakmak
Her reklam için tuvali yakınlaştırmak pratik değil. Ana sayfadaki tuvalde bu yüzden bir de mercek var.
Masaüstünde: fareyi tuvalin üstüne getirdiğinde imleç yuvarlak bir merceğe dönüşür ve altındaki bölgeyi büyütür. Büyütme, tek bir blok mercekte yaklaşık 44 ekran pixeli kaplayacak şekilde ayarlanır ve 3 ile 8 kat arasında kalır. Merceğin ortasındaki reklamın yakın hâli varsa mercekte o gösterilir; reklamın başlığı da merceğin altında yazar. Mercek tıklamaları engellemez, tıklama altındaki reklama gider.
Telefonda: tuvale parmağını koy ve kıpırdatmadan kısa bir süre basılı tut. Mercek parmağının üstünde açılır — parmağın onu kapatmasın diye — ve parmağını kaldırana kadar onu takip eder.
Telefonda hareketler birbirine karışmaz:
- Kısa dokunuş reklamın bayi kartını açar.
- Kaydırma sayfayı kaydırır. Parmak basılı tutma süresi dolmadan hareket ederse mercek açılmaz.
- İkinci parmak merceği iptal eder.
Tuval yakınlaştırılmışken ve bir bayi kartı açıkken mercek görünmez; o anda zaten yakından bakıyorsun.
Bayi kartında da aynı görsel
Tuvalde bir reklama tıklandığında açılan bayi kartının üst kısmında reklamın kendisi büyük olarak durur. Yakın hâl varsa orada da o kullanılır, yoksa tuvaldeki pixeller büyütülür. Telefonda kart ekranın altından açılır.
Yani yeterli çözünürlükte bir kaynak üç yerde birden fark yaratır: yakınlaştırmada, mercekte ve bayi kartında.
Kiralarken: bölge seçici
Küçük bir ekranda 100 × 100'lük ızgarada tek bir blok seçmek zordur. Kiralama sayfasında seçim ızgarasının üstündeki Bölgeler seçicisi bu yüzden var.
- Tuval bölgelere ayrılmıştır; bölgeler soldan sağa, yukarıdan aşağıya numaralanır.
- Her kutucukta o bölgenin ne kadarının boş olduğu yazar: "%42 boş" gibi, bölge tamamen doluysa Dolu. Kutucuğun altındaki yeşil çizgi de boş oranı gösterir.
- Bir kutucuğa bastığında seçim ızgarası o bölgeye yakınlaşır ve blokları rahat bir boyutta seçersin.
- Tüm tuval ızgarayı yeniden bütün tuvale döndürür. Izgarayı elle başka bir yere kaydırırsan kutucuğun seçimi kalkar.
Kutucuklardaki oranlar, ızgaranın boyadığı doluluk bilgisinden hesaplanır; biri boş derken öteki dolu göstermez. Yine de son sözü kiralama anında sunucu söyler: iki kişi aynı alanı aynı anda seçerse ne olduğunu bu yazıda anlattık.
Kısa özet
- Görselini alanınla aynı oranda, alanının 12 katı ölçüde hazırla; büyük alanlarda 2.400 pixel kenar ve 4 milyon pixel sınırını hesaba kat.
- Alanının 2 katından küçük bir kaynak yakın hâl üretmez.
- Dosya en fazla 5 MB ve 10000 × 10000 pixel (GIF ve AVIF için 4000 × 4000).
- Oran tutmuyorsa Sığdır ya da Uzat; görsel kırpılmaz.
- Masaüstünde fareyle, telefonda basılı tutarak mercekle bak.
- Kiralarken önce bölge kutucuğuna bas, sonra blokları seç.