Tumblr'da HTML’deki Resim Boyutu Nasıl Düzenlenir

Blog görüntüleriniz çok büyükse, kullanıcıların bunları görmek için kaydırma yapması gerekebilir. Görüntüleri çok küçük yapın ve blog ziyaretçileri onları fark etmeyebilir. Tumblr gibi blog siteleri için sayfalar oluşturan site tasarımcıları sık sık resimler çırpıyorlar, böylece düzeni geliştirip tarayıcı sayfalarına tam olarak sığabiliyorlar. Tumblr’ın HTML editörünü nasıl kullanacağınızı anladığınızda görüntü düzenleme programını kullanmadan da aynısını yapabilirsiniz.

Resim Ekleme

Tumblr blog gönderinize bir resim eklemek, yazınızı yazdığınız düzenleme kutusunun üstündeki "Resim Ekle" düğmesini tıklamak kadar kolaydır. Bu düğmeye tıkladığınızda, bir iletişim penceresi açılır ve Internet'te bulunan bir resmin URL'sini girmenize olanak sağlar. Pencerede, Boyutlar bölümünde görüntünün boyutlarını ayarlamanıza izin veren iki metin kutusu bulunur. "Ekle" yi tıkladığınızda, Tumblr resmi düzenleme kutusuna ekler.

Manuel Yeniden Boyutlandırma

Tumblr yayınınızdaki bir resmi yeniden boyutlandırmak için HTML kullanmak zorunda değilsiniz. Düzenleme kutusundaki bir görüntünün etrafında küçük tutamaçlar tıkladığınızda görünür. Görüntüyü büyütmek veya küçültmek için tutamaçlardan birini sürükleyin. Gönderi ve resmini istediğiniz zaman "Önizleme" yi tıklayarak önizleyebilirsiniz. Görüntü tutamaçlarını sürüklemek, resimleri hızlı bir şekilde yeniden boyutlandırmanıza yardımcı olur, ancak bu yöntemi kullanarak onlara kesin boyutlar vermek zordur. Görüntülere kesin yükseklik ve genişlik değerleri vermeniz gerektiğinde, HTML'yi kullanın.

Tumblr’ın HTML Düzenleyicisi

Düzenleme kutusunun üstündeki "HTML" düğmesini tıklayın; bir HTML editörü yazının HTML kodunu görüntüler. Gönderi bir resim içeriyorsa, editör aşağıda gösterilene benzer bir kod satırı görüntüler:

Bu, değeri resminizin URL'si olan bir src niteliğine sahip bir HTML img etiketidir. Bu değer "//www.Some_Site.com/image.jpg" dir. bu örnekte. Piksel olarak ifade edilen yükseklik ve genişlik değerlerini, resminizi yeniden boyutlandırmak istediğiniz değerlere değiştirin.

İpuçları

Yeni resim boyutunu beğenmiyorsanız, resmi seçmek için resmi tıklayın, "HTML" düğmesini tıklayın ve HTML editöründe yüksekliği ve genişliği güncelleyin. Ayrıca, editöre aşağıdaki kodu yapıştırarak gönderinize yeni bir görüntü ekleme seçeneğiniz vardır:

Soru işaretini Web'deki bir resmin URL'siyle değiştirin ve "X" ve "Y" değerlerini piksel cinsinden yükseklik ve genişlik değerleriyle değiştirin. Görüntüleri HTML kullanarak yeniden boyutlandırırken, görüntünün boyutu arttıkça görüntünün kalitesinin azaldığını unutmayın.