Görseller

Panelin Görseller sekmesinden dosya yüklüyorsun. Yüklediğin her görselin yanında yazıya yapıştırabileceğin hazır Markdown kodu ve bir "Kopyala" düğmesi duruyor.

![açıklama](/media/abc123.webp)

Köşeli parantezin içindeki metin, görsel yüklenemediğinde görünen ve ekran okuyucuların sesli okuduğu açıklama. Boş bırakma; göremeyen biri için görselin tek karşılığı o.

Kabul edilen dosyalar

JPEG, PNG, WebP ve GIF. SVG kabul edilmiyor, çünkü bir SVG dosyasının içine JavaScript gizlenebiliyor; görsel gibi duran bir dosyanın okuyucunun tarayıcısında kod çalıştırması ihtimalini baştan kapattık.

Yüklerken ne oluyor

Küçültme. GIF dışındaki her görsel WebP'ye çevriliyor ve en fazla 1728 piksel genişliğe indiriliyor (zaten daha küçükse dokunulmuyor). Telefondan çıkan 4 MB'lık bir fotoğraf böylece birkaç yüz KB'a düşebiliyor: sayfan hızlı açılıyor, kotan da erken dolmuyor.
EXIF temizliği. Fotoğrafların içinde çekildiği yerin konumu, tarih ve cihaz modeli gizli olarak taşınır. Bunların hepsi siliniyor. Sadece yön bilgisi korunuyor, yoksa dikey çekilmiş fotoğraflar yan görünürdü.
Dosya adı. Yüklediğin dosyanın adı adreste görünmüyor; rastgele bir ad üretiliyor. Verdiğin ad sadece panelde, sana görünüyor. Böylece iban-ekran-goruntusu.png gibi bir ad kazara ele vermiş olmuyor.

Sınırlar

Sınır	Değer
Tek dosya (normal görsel)	10 MB
Tek dosya (GIF)	3 MB

GIF sınırının daha düşük olmasının sebebi: GIF'ler dönüştürülmüyor, diske olduğu gibi yazılıyor. Hareketli görüntü GIF olarak çok yer kapladığı için, küçültemediğimiz bir biçimde daha temkinli davranıyoruz.

Kaç görsel yüklediğini Görseller sekmesinin üstünde görebilirsin. Toplam alan hesap başına, blog başına değil: aynı hesapta iki blog açmak iki kat yer vermiyor. Pratikte bu alanı doldurmak zor, yüklediğin her görsel otomatik küçültülüyor. Yine de sonuna yaklaşırsan aynı satır uyarır; kullanmadığın görselleri silmen yeterli.

Köşeli parantezin içi: alt metin

Panelin verdiği kodda köşeli parantez boş duruyor (![](/media/...)). Oraya görselin ne olduğunu birkaç kelimeyle yazman iyi olur: ![kedi, pencere kenarında](/media/...).

İki işe yarıyor. Ekran okuyucu kullananlar görseli o metinden tanıyor. Bir de görsel herhangi bir sebeple yüklenemezse okuyucu boşluk yerine o metni görüyor.

Görseli küçük gösterme

Markdown'ın kendi resim söz diziminde genişlik ayarı yok. Tek bir görseli daha küçük göstermek istersen ham HTML yazabilirsin:

<img src="/media/abc123.webp" width="400">

Adres olarak, panelin verdiği koddaki parantezlerin içinde duran kısmı (/media/ ile başlayan) yazarsın. Yükseklik yazmıyorsun; tarayıcı en boy oranını kendisi hesaplıyor, böylece görsel hiçbir zaman ezilmiyor. Bu satır Markdown değil HTML, ama Markdown metninin içinde HTML de çalışıyor.

Görsel silme

Silinen görsel diskten de gidiyor. Ada o görselin hangi yazılarda kullanıldığını takip etmiyor: bir görsel birden çok yazıda ve sayfada kullanılabildiği için, silme kararını her zaman sen veriyorsun. Sildiğin bir görselin adresi yazılarında duruyorsa orada kırık bir resim kalır.

Dışarıdan görsel bağlama

Yazına başka bir sitedeki görselin adresini de yazabilirsin ama önerilmez: o görseli yükleyen sunucu, blogunu okuyan herkesin IP adresini görür. Bu, Ada'nın takipsizlik iddiasındaki bilinen tek açık, bkz. Verilerin nereye gittiği. Kendi yüklediğin görsellerde böyle bir sorun yok.