19 Ağustos 2009 Çarşamba

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.

28 yorum:

  1. hımmm birşey daha eklendi öğrenilecekler ksımına :)
    sağol canım :)

    YanıtlaSil
  2. Ben bu büyük resim olayını kavrayamadım ya :(

    YanıtlaSil
  3. tesekkurler canım .ıyı oldu bızlere bunu ogrettıgın.

    YanıtlaSil
  4. Büyük resimler bloglara yakışıyor ama metin kısmının okunulurluğunu azaltıyor.Bir Yastıkta gibi görsel öğelerin fazla kullanıldığı bloglar için bu bilgiler çok yardımcı olmuş GeCecim.

    YanıtlaSil
  5. "püf noktası" için teşekkürler ;)

    YanıtlaSil
  6. ah birde wordpress e göre anlatsan:)

    YanıtlaSil
  7. teşekkürler gece sayende öyle yararlı bilgiler öğreniyoruz ki iş uygulamaya kalıyor ...emeğine sağlık...

    YanıtlaSil
  8. sevgili gece bende öyle bir seçenek yok?? expolorer var birde bir derdim var nete girme hızım gayet normal lakin blogumu açtıgımda 7/8dk döndükten sonra açılıyor..bazende hiç açılmıyor hata kodu veriyor.çok sinir bi durum.yarımcı olursan çokk sevinirim

    YanıtlaSil
  9. Merhaba Ge-Ce ciğim,

    Pek beğendim yazını.Bir şey daha öğrenmiş olduk sağol.

    Sevgiler*

    YanıtlaSil
  10. Merhabalar sevgili gece;
    böyle bilgiler veriyorsun ya bize harika oluyor. Bundan sonra ben de deneyeceğim. Ama adreste silinirse blogda da resmin silinmesi kötüymüş ya. Ama nette başak bir sayfada kendi oluşturduğumuz bir fotoğraf sitesine falan eklersek öyle bir sorun kalmaz sanırım. Çok teşekkürler yeniden. Sevgiler

    YanıtlaSil
  11. süper birşey kota dolmadan da bir sürü resimlere sahip olacabileceğiz.

    YanıtlaSil
  12. bunları üşenmeden paylaşman çok güzel,çok teşekkürler...

    YanıtlaSil
  13. Çok çok çok teşekkür ederim bu güzelim bilgi içinde öptümmmmm!!!

    YanıtlaSil
  14. Süpersin:) Bende buna benzer bi şeyler yapıyordum ama bazı püf noktaları kaptım teşekkürler denemeye çalışım bakim:))

    YanıtlaSil
  15. işte bu süper bir paylaşımdı...
    kocaman kocaman teşekkürler...

    YanıtlaSil
  16. Faydalı gecem, ben sana "faydalı" lakabını boşunamı taktım ;)

    foto büyütme işini biraz meşakkatlide olsa halletmiştim ama bilmeyenler için çok faydalı olduğuna eminim.
    eline sağlık canım
    :)

    YanıtlaSil
  17. Bu yorum bir blog yöneticisi tarafından silindi.

    YanıtlaSil
  18. @cocuklacocuk bu oktayı hiç düşünmemiştim ama genelde benim bildiğim hostinglerde upload limitli download limitsiz oluyor en azından benimkinde öyle, ve hosting firmaları kendi şirketlerinden download alırlarsa bunlar popülaritesini arttırıyor sitelerinin memnun oluyorlar yani

    YanıtlaSil
  19. Çok hoş bir çalışma olmuş.

    YanıtlaSil
  20. Biz de veri trafiğini artırmış ve kotamızı aşmıştı farkedene kadar ay bitti extra ödedik o ayı.

    YanıtlaSil
  21. merhaba canım,çok faydalı oldu bunu öğrenmem çokçok sağol:)
    ben sana birşey sormak istiyoruö
    benim kardeşimin blogu va www.myroyal.wordpress.com oraya googleden reklam aldık ama kodu yapıştıramıyoruz:( hiç birşey çıkmıyor .. yardımcı olabilirmisin acaba wordpresse nasıl reklam yerleştiricez??

    YanıtlaSil
  22. nezamandır şu url gözüme takılıyordu ama cesaret edemiyordum,sağol..;)

    YanıtlaSil
  23. anim benim ayni bu yazdiginiz sorun oldu nasil düzelte bilirim eski kayitlarimin bir kismini silmeme ramen hala resim yükleyemiyorum.hatami nasil yaptigimi hatiYorum Gönder


    Bağlantı Oluştur

    Önceki Kayıt Ana Sayfa
    Kaydol: Kayıt Yorumları (Atom) rliyorum

    Baglanti olustura tikladim ve soru isaretine yatiyi silip kekrar url yi girdim sorun ozaman basladi Yardiminizi nütfen bekliyorum simdiden tesekkürler

    YanıtlaSil
  24. http://xpv.in/cetirizine/cetirizine-bexal-bijsluiter
    [url=http://xpv.in/amoxil/amoxil-400mg]pregnant women with alcohol or drug abuse[/url] pharmacy jobs in nashville tennessee [url=http://xpv.in/quinapril/quinapril-side-effects]quinapril side effects[/url]
    viagra dosing http://xpv.in/ramipril/ramipril-and-kidney-failure
    [url=http://xpv.in/cipro/cipro-increased-menstrual-flow]ga law possession of counterfit drugs[/url] drug dealler 4 [url=http://xpv.in/amoxil/amoxil-cause-high-blood-pressure]amoxil cause high blood pressure[/url]
    aas pharmacy service llc http://xpv.in/relafen/relafen-lawsuit
    [url=http://xpv.in/celexa/online-consultation-celexa]quality generics pharmacy[/url] comical drug abuse skits [url=http://xpv.in/reglan/reglan-dose-prior-to-golytely]reglan dose prior to golytely[/url] eckerds pharmacy nj [url=http://xpv.in/quinapril/quinapril-a239]quinapril a239[/url]

    YanıtlaSil
  25. night watch racing game http://xwm.in/auto/free-auto-pogo auto insurance ri
    [url=http://xwm.in/car-racing/video-game-racing-chair]mercedes benz c230 vehicle[/url] automobile reliability repair ratings [url=http://xwm.in/oldsmobile/jim-fresard-oldsmobile-service]jim fresard oldsmobile service[/url]
    automobile loan http://xwm.in/chopper/chopper-building-101
    [url=http://xwm.in/car-racing/summit-racing-reno]zebenowski volkswagen[/url] t8 auto sales ohio [url=http://xwm.in/radiator/water-base-wall-radiator]water base wall radiator[/url]
    used mercedes and lexus in chicago illinois http://xwm.in/chrysler/chrysler-voyager-2000-propane-powered
    [url=http://xwm.in/chopper/chopper-cross]automobile lemon law[/url] mercedes sprinter vans uk [url=http://xwm.in/car-racing/horse-racing-new-orleans]horse racing new orleans[/url]

    YanıtlaSil
  26. farmingdale multiplex movie theater [url=http://moviestrawberry.com/films/film_back_to_gaya/]back to gaya[/url] hot chocolate movie torrent link http://moviestrawberry.com/easy-downloads/letter_T/?page=11 movie cocowalk
    movie theatres in coloarado springs [url=http://moviestrawberry.com/films/film_time_bandits/]time bandits[/url] harry potter movie contest http://moviestrawberry.com/films/film_the_kid_i/ house the movie
    mars movie [url=http://moviestrawberry.com/films/film_a_time_to_kill/]a time to kill[/url] who played moon doggie in the movie gidget
    free movie downloading [url=http://moviestrawberry.com/films/film_dune_70/]dune 70[/url] order of the phoenix downloads free movie http://moviestrawberry.com/films/film_riff_raff/ american history x movie posters
    horrer movie pics [url=http://moviestrawberry.com/films/film_t_a_c_t_i_c_a_l_/]t a c t i c a l [/url] movie deiting http://moviestrawberry.com/countries/?page=113 movie previews and trailer

    YanıtlaSil
  27. movie mobile themes [url=http://moviestrawberry.com/films/film_what_about_bob/]what about bob[/url] nineteen eightyfour movie http://moviestrawberry.com/hqmoviesbyyear/year_2008_high-quality-movies/?page=23 xxxholic movie
    french movie 5x2 song at end of movie [url=http://moviestrawberry.com/films/film_being_erica/]being erica[/url] anchorman movie cast http://moviestrawberry.com/films/film_tokyo_zankoku_keisatsu/ free movie paris hilton
    bloodrayne movie download [url=http://moviestrawberry.com/films/film_the_lone_chipmunks/]the lone chipmunks[/url] hot movie 5min
    epic movie official site [url=http://moviestrawberry.com/films/film_warning_sign/]warning sign[/url] free movie wav mp3 ringtones http://moviestrawberry.com/films/film_timequest/ hyde park movie theater
    amateur teen sex movie [url=http://moviestrawberry.com/films/film_motogp/]motogp[/url] untouchables movie http://moviestrawberry.com/films/film_national_treasure_book_of_secrets/ animated movie backgrounds

    YanıtlaSil