Blogger Image URL Yapısı ile Görüntüyü Düzenleme

Blogger kullanıcılarının, özellikle de Blogger geliştiricilerinin bilmesi gereken bir konudan bahsedeceğiz. Bloglarda kullanılan resimler büyük bir öneme sahiptir. Bu görüntülerin düzgün görünmesi hem şablonun görünümünü sağlıklı kılar hem de kullanıcı dostu olur. Bildiğiniz gibi blogger üzerinden yüklenen resimlere Blogger tarafından özel bir url yapısı verilir. Şimdi örnek bir url elde etmek için Blogger post oluşturmada yeni bir resim ekleyelim:
https://1.bp.blogspot.com/-LeqGT_JLBmo/Xmd0Xk5TlgI/AAAAAAAADPk/Hrmw_5Cpa74xPeCeu3xvEczZ_2ShAlfzgCLcBGAsYHQ/s320/Screenshot%2Bfrom%2B2020-02-23%2B11-11-32.png
Yüklenen resmin URL yapısı yukarıdaki gibi. Eğer tarayıcı çubuğuna girersek bu adresi, aşağıdaki gibi bir görüntü elde ederiz: Blogger'da Resimleri Manipule Etmek Ancak bu görüntü orijinal boyutu göstermemektedir. Tarayıcıda elde edilen görüntü 320x180 boyutunda bir görüntüdür. Oysa orijinal görüntü 1849x946 boyutlarındadır. Peki orijinal boyutu nasıl elde ederiz? Bunun için URL yapısından koyu şekilde yazılmış s320 değerini s1600 olarak değiştirmeliyiz.
https://1.bp.blogspot.com/-LeqGT_JLBmo/Xmd0Xk5TlgI/AAAAAAAADPk/Hrmw_5Cpa74xPeCeu3xvEczZ_2ShAlfzgCLcBGAsYHQ/s1600/Screenshot%2Bfrom%2B2020-02-23%2B11-11-32.png
Bu değişiklikten sonra tarayıcı çubuğuna yeni url'i girdikten sonra aşağıdaki gibi görüntünün kaliteli çözünürlükte karşımıza çıkacağı görülecektir: Blogger'da Resimleri Düzenlemek Aslında burada farkedileceği üzere resim boyutumuz 1849x946, oysa s1600 ayarı resmi 1600x900 boyutunda gösterdi. Yani tam orijinal boyutlarına uygun şekilde gösterilmemekte. 

Genişlik ve Yükseklik Ayarlama

Bir resmin genişlik değerini yine url yapısı içinden ayarlayabiliriz. Eğer resime 600px genişlik verilirse o boyutta genişlik olacaktır, yükseklik ise genişliğe bağlı oranla değişecektir. Bunu yapmak için s1600'u w600 olarak değiştirelim:
https://1.bp.blogspot.com/-LeqGT_JLBmo/Xmd0Xk5TlgI/AAAAAAAADPk/Hrmw_5Cpa74xPeCeu3xvEczZ_2ShAlfzgCLcBGAsYHQ/w600/Screenshot%2Bfrom%2B2020-02-23%2B11-11-32.png
Aynı şekilde yükseklik değerini de ayarlayabiliriz. Bunun için yapılması gereken w600 yerine h150 eklemek olacaktır. Genişlik ise belirlenen yüksekliğe bağlı olarak değişecektir.
https://1.bp.blogspot.com/-LeqGT_JLBmo/Xmd0Xk5TlgI/AAAAAAAADPk/Hrmw_5Cpa74xPeCeu3xvEczZ_2ShAlfzgCLcBGAsYHQ/h150/Screenshot%2Bfrom%2B2020-02-23%2B11-11-32.png
Aynı anda hem genişlik hem de yükseklik tanımlanabilir. Bunun için w600-h150 şeklinde eklemek yeterlidir:
https://1.bp.blogspot.com/-LeqGT_JLBmo/Xmd0Xk5TlgI/AAAAAAAADPk/Hrmw_5Cpa74xPeCeu3xvEczZ_2ShAlfzgCLcBGAsYHQ/w600-h150/Screenshot%2Bfrom%2B2020-02-23%2B11-11-32.png
Tabi bu durumda elde edilen görüntü 600px'dan daha büyük olmayacak ve 150px'den daha az bir yüksekliğe sahip olmayacak şekilde oranlı bir şekilde karşımıza çıkacaktır. Ancak kesin olarak 600x150 boyutunda bir resim oluşturmayacaktır. Bunu yapabilmek için kırpma özelliği kullanılabilir. Bunun için w600-h150-c şeklinde url içinde değişiklik yapabiliriz:
https://1.bp.blogspot.com/-LeqGT_JLBmo/Xmd0Xk5TlgI/AAAAAAAADPk/Hrmw_5Cpa74xPeCeu3xvEczZ_2ShAlfzgCLcBGAsYHQ/w600-h150-c/Screenshot%2Bfrom%2B2020-02-23%2B11-11-32.png
Elde edilen görüntü aşağıdaki gibi olacaktır:Blogger Resimleri Değiştirme Eğer resmin kare olarak kırpılmasını isterseniz yapmanız gereken değişiklik w600-c olmalıdır. Bu durumda görüntü aşağıdaki gibi olur: Blogger Resimleri Modifiye Etmek Kırpma işlemi görüntünün merkezi referans alınarak uygulanır. Kare yerine daire olarak da görüntü elde edilebilir. Bunun için yapılması gereken w600-cc ayarıdır. Elde edilen görüntü: Blogger Resimleri Editleme Ancak duruma göre kırpma işlemini farklı şekilde yapmak istenebilir. Örneğin, resimde önemli bir kısmı vurgulamak isteyebiliriz. Bunun için gerekli kısmı s600-p yapmak yeterli:
https://1.bp.blogspot.com/-LeqGT_JLBmo/Xmd0Xk5TlgI/AAAAAAAADPk/Hrmw_5Cpa74xPeCeu3xvEczZ_2ShAlfzgCLcBGAsYHQ/s600-p/Screenshot%2Bfrom%2B2020-02-23%2B11-11-32.png
p parametresini kullanılması durumunda Google Photos'un algoritması resmi inceleyecek ve resmin en uygun kısmını kırpacaktır. Elde edilen görüntü aşağıdaki gibi: Blogger Resimleri Kırpma

Hiç yorum yok:

Yorum Gönderme