Alıntı Resimleri Url ile Ekleyin

Bir Yastıkta sitesinde farkettiniz mi bilmiyorum uzun zamandır resimler büyük büyük ekleniyor. Daha önce büyük resim ekleme ile ilgili yazılar yazmıştım. Bu yazdığım biraz daha farklı bir yazı olacak.

Bazı arkadaşlarımız bunu kullanıyor biliyorum, bilmeyenler için anlatacağım gerçekten çok pratik.

Bilgisayarımızdan yüklediğimiz kendi resimler değil de mesela başka bir sitede görüp paylaştığınız resimleri blogunuzda nasıl yayınlıyorsunuz. Ben eskiden önce resmi bilgisayarıma kaydedip, sonra bloga yüklerdim. Bloga bilgisayardan resim eklediğimizde resim kotasını da doldurmuş oluyorduk. Bir Yastıkta'nın kotası %25 dolunca endişelenmeye başlamıştım ama şimdi hiç kotaya katkı yapmadan resim ekliyorum.

Şimdi alıntı yaptığımız resimleri nasıl eklediğimi anlatacağım. Bu türlü herhangi bir blogdaki yada sitedeki resimleri ekleyebiliyoruz.

Dün Bir Yastıkta'da da yer verdiğim Atölye Afra'dan bir resim ekleyelim.

Resmin üzerine gelip mouse ile sağ tıklayınca "Resmin Url sini kopyala" - Google Chrome da , "Kopyala" - Internet Explorer'da , "Resmin Adresini Kopyala" - Firefox da şeklinde kısayollar göreceksiniz. Bunu tıklıyoruz böylece adres kopyalanıyor. Aşağıdaki resimde de görülüyor.

Daha sonra blogumuzdan resim ekleye gelip url ile ekle bölümüne yapıştırıyoruz. Aşağıdaki resimde görülen yere.

Bundan sonrasını biliyoruz resim ekle deyince resim ekleniyor.

Ancak burada birkaç püf nokta var. Bu şekilde resim yüklemesi yaptığınızda resmin gözüken boyutu (eni boyu ) ne ise sizde de o görünüyor. Yukarıda birinci resimde görüldüğü üzere ben yazı içindeki resmin adresini kopyaladığımda aşağıdaki gibi küçük görünümü elde ettim.



Ancak bu durum zaten farklı değil. Bilgisayardan resim yüklediğimizde de bu en boyda resim yüklemiş oluyoruz amacımız büyük yüklemek.

Bunun için resmin üzerine tıkladığımızda yeni sayfada çıkan büyük resmin url sini kopyalamalıyız. Ya da url adresinde yazan tüm adresi de kopyalayabiliriz aynı şey. Aşağıda da büyük hali kopyalarken olan resim görünüyor.



Ancak şimdi büyük halini kopyaladığımızda ise resim eni boyu yine aynı gözükür ve eğer resim sizin yazı alanınızdan geniş ise resim taşar, aşağıda görüldüğü gibi.



Böyle taşmasını istemediğimiz için ben son olarak resmin html kodunda bir değişiklik yapıyorum. Mesela bu resmin kodlarına baktığımda width: 1024px; height: 1024px;" yazıyor. Sırasıyla genişlik ve uzunluğu belirtiyor bu ifade. Görüldüğü üzere genişlik ve uzunluk ikisi de 1024 px imiş. Benim yazı alanım maksimum 600 px resimlere izin veriyor. Dolayısıyla bu rakamları 600 ile değiştireceğim.



İşte şimdi 600*600 boyutunda güzel bir resim oldu. Bu konuda dikkat edilmesi gereken bir diğer husus da şu. Şansımıza bu resim kare imiş. Eni 600 yapınca boyu da 600 yapmak gerektiğini anladık. Ancak bazen kare olmayabiliyor ve mesela 785*650 gibi bir uzunluk olsun. Eni 600 yaptığımda boyunun ne olması gerektiğini hesaplamak matematik problemi gibi bişey. Önce oranı bul, sonra o oranda küçült vs. uzun iş. Bunun için çok kolay şekilde kodda yüksekliği silerek sorunu çözüyoruz.

Yani width: 1024px; height: 1024px;" kodunda height:1024; yazan yeri sileceğim. Sadece genişlik sınırı getireceğim. Ancak " işaretine dikkat onu silmiyoruz.

Bu şekilde yüksekliği sildiğimizde onun olması gereken yüksekliği ne ise kendini ayarlıyor ve resimde herhangi bir çarpılma olmadan görüntüleniyor.

Eğer yükleyeceğimiz resmin genişliği benim yazı alanımdan (benimki 600 px idi bu değerden) küçük ise hiç bir değişiklik yapmıyorum. Eğer küçük resimi (mesela 550px olsun genişliği olan resmi ) büyütürsek resim kalitesi bozulur flulaşır.

Bu şekilde alıntı resimler kotanıza sıfır katkı ile yükleyebilirsiniz. Tabi eğer orjinal adresteki resim silinirse sizin blogunuz da da görüntülenmeyecektir.