Artikel ini memberikan beberapa penjelasan mengenai bagaimana cara mengatur ukuran gambar dari link picasaweb/blogspot sehingga dapat dimunculkan sesuai keinginan dan juga untuk mengatur kecepatan loading blog.

Format ukuran gambar pada PicasaWeb Photo/Blogspot - MKR site | Berbagi Tanpa Batas, Blogger Tips, Widget, Template

Artikel ini memberikan beberapa penjelasan mengenai bagaimana cara mengatur ukuran gambar dari link picasaweb/blogspot sehingga dapat dimunculkan sesuai keinginan dan juga untuk mengatur kecepatan loading blog.

Format ukuran gambar pada PicasaWeb Photo/Blogspot

Format ukuran gambar pada PicasaWeb Photo/Blogspot

Kali ini saya sedikit menjelaskan bagaimana cara mengatur ukuran gambar dari picasaWeb photo/blogspot. Dengan cara ini kita dapat mempercepat pemanggilan gambar karena ukuran gambarnya telah dikecilkan / disesuaikan. Bila kita mengupload gambar di picasaWeb/blogspot photo ukuran lebar gambar maksimal 1600px tampil diwebsite/blog karena pada link gambar tersebut google sudah menetapkan ukuran maksimalnya yaitu pada tulisan s1600 pada link gambarnya.
Sebenarnya itulah mengapa ketika mengupload gambar di picasaWeb jika ukurannya 3000x2400px maksimal yang tampil dilayar hanya hingga lebar 1600px. Dari pada berlama-lama di intronya sekarang kita masuk dibagian intinya.

Format s320, s400, s600, s1600 dsb..

Pada format seperti ini akan menghasilkan ukuran lebar/tinggi gambar maksimal sesuai nilai setelah huruf s.
Misalnya untuk s320 artinya jika gambarnya dalam bentuk Landscape (mis:3000x2400) maka lebarnya yang menyesuaikan dengan nilainya yaitu maksimal lebar yang ditampilkan yaitu 320px maka jadinya 320x256.
Sedangkan jika gambarnya dalam bentuk Portrait (mis:3000x2400) maka tingginya yang menyesuaikan dengan nilainya yaitu maksimal tingginya yang ditampilkan yaitu 320px maka jadinya 256x320.

Contoh link:
Ukuran asli 3000x2400 menjadi 320x256
https://lh3.googleusercontent.com/-wvNgQDERQr4/TtNWNor5G3I/AAAAAAAABGk/K3VVhDOr7-8/s320/3000x2400.png
Ukuran asli 2400x3000 menjadi 256x320
https://lh4.googleusercontent.com/-BsqfRfV6JcI/UQ-wq3CJLHI/AAAAAAAAITk/SXElZeufBOw/s320/2400x3000.png

Contoh link diatas adalah contoh link gambar dari picasaWeb photo. Sedangkan bentuk pada blogspot seperti ini:
Ukuran asli 3000x2400 menjadi 320x256
http://3.bp.blogspot.com/-wvNgQDERQr4/TtNWNor5G3I/AAAAAAAABGk/K3VVhDOr7-8/s320/3000x2400.png
Ukuran asli 2400x3000 menjadi 256x320
http://4.bp.blogspot.com/-BsqfRfV6JcI/UQ-wq3CJLHI/AAAAAAAAITk/SXElZeufBOw/s320/2400x3000.png

NB: Perhatikan perbedaan link pada picasaweb dengan blogspot tersebut. Perbedaannya hanya pada penulisan domainnya dan juga pada picasaweb terdapat huruf lh dan dapat menggunakan protocol security (https).
Link dari gambar yang diupload lewat picasaweb dapat langsung dirubah menjadi link blogspot tetapi link yang diupload lewat blogspot tidak dapat dirubah menjadi link picasaweb.

Format w320, w400, w600, w1600 dsb..

Pada format seperti ini akan menghasilkan ukuran lebar gambar sesuai nilai setelah huruf w. Sehingga gambar dalam bentuk Landscape atau Portrait akan menghasilkan lebar yang sama.

Contoh link:
Ukuran asli 3000x2400 menjadi 320x256
https://lh3.googleusercontent.com/-wvNgQDERQr4/TtNWNor5G3I/AAAAAAAABGk/K3VVhDOr7-8/w320/3000x2400.png
Ukuran asli 2400x3000 menjadi 320x400
https://lh4.googleusercontent.com/-BsqfRfV6JcI/UQ-wq3CJLHI/AAAAAAAAITk/SXElZeufBOw/w320/2400x3000.png

Format h320, h400, h600, h1600 dsb..

Pada format seperti ini akan menghasilkan ukuran tinggi gambar sesuai nilai setelah huruf h. Sehingga gambar dalam bentuk Landscape atau Portrait akan menghasilkan tinggi yang sama.

Contoh link:
Ukuran asli 3000x2400 menjadi 400x320
https://lh3.googleusercontent.com/-wvNgQDERQr4/TtNWNor5G3I/AAAAAAAABGk/K3VVhDOr7-8/h320/3000x2400.png
Ukuran asli 2400x3000 menjadi 256x320
https://lh4.googleusercontent.com/-BsqfRfV6JcI/UQ-wq3CJLHI/AAAAAAAAITk/SXElZeufBOw/h320/2400x3000.png

Format s100-c, s200-c, s300-c, s400-c dsb..

Pada format seperti ini akan menghasilkan ukuran lebar dan tinggi gambar sesuai nilai setelah huruf s. Sehingga gambar dalam bentuk Landscape atau Portrait akan menghasilkan lebar dan tinggi yang sama. Serta gambar yang akan dihasilkan akan dipotong(crop) agar menjadi persegi.

Contoh link:
Ukuran asli 3000x2400 menjadi 320x320
https://lh3.googleusercontent.com/-wvNgQDERQr4/TtNWNor5G3I/AAAAAAAABGk/K3VVhDOr7-8/s320-c/3000x2400.png
Ukuran asli 2400x3000 menjadi 320x320
https://lh4.googleusercontent.com/-BsqfRfV6JcI/UQ-wq3CJLHI/AAAAAAAAITk/SXElZeufBOw/s320-c/2400x3000.png

Format s0

Pada format seperti ini akan menghasilkan ukuran gambar asli. Sehingga bila gambar yang diupload ukurannya 3000x2400 maka akan menghasilkan ukuran yang sama.

Contoh link:
Akan menghasilkan ukuran asli 3000x2400
https://lh3.googleusercontent.com/-wvNgQDERQr4/TtNWNor5G3I/AAAAAAAABGk/K3VVhDOr7-8/s0/3000x2400.png
Akan menghasilkan ukuran asli 2400x3000
https://lh4.googleusercontent.com/-BsqfRfV6JcI/UQ-wq3CJLHI/AAAAAAAAITk/SXElZeufBOw/s0/2400x3000.png

Format d

Pada format seperti ini akan muncul kotak save as atau dengan kata lain akan mendownload gambar ukuran asli.

Contoh link:
Akan mendownload gambar 3000x2400
https://lh3.googleusercontent.com/-wvNgQDERQr4/TtNWNor5G3I/AAAAAAAABGk/K3VVhDOr7-8/d/3000x2400.png
Akan mendownload gambar 2400x3000
https://lh4.googleusercontent.com/-BsqfRfV6JcI/UQ-wq3CJLHI/AAAAAAAAITk/SXElZeufBOw/d/2400x3000.png

Satank Mkr Beri Komentar
Bagikan kepada teman!
Garis

10 comments:

  1. wah, bisa dibayangin tuh sberapa besar servernya...

    BalasHapus
  2. oke mas ,
    Terima Kasih Mas ,
    makasih untuk trik ini ,
    boleh request gak mas ,

    Punya Usul bikin Widget Blog Roll Dengan 2 kolom tetapi mempunyai efek tersendiri...?
    kira" bisa gak mas..?
    salam super :) (p)

    BalasHapus
    Balasan
    1. maksud saya widget blog roll it seperti apa??

      Hapus
    2. terserah mas,
      pengennya sieh sperti punya mas ,
      ,
      heheheh :)

      Hapus
    3. itu hanya menggunakan CSS dengan efek transisi..

      Hapus
  3. Wah!? Baru tahu kalau bisa langsung didownload!!!!! Good! :D

    BalasHapus

Catatan:
Untuk menyisipkan kode, gunakan tag <i rel="pre">KODE ANDA DI SINI...</i>
Untuk menyisipkan gambar, gunakan tag <i rel="image">URL GAMBAR ANDA DI SINI...</i>
Untuk menyisipkan judul, gunakan tag <b rel="h3">JUDUL ANDA DI SINI...</b>
Untuk menyisipkan catatan, gunakan tag <b rel="quote">CATATAN ANDA DI SINI...</b>
Untuk menciptakan efek tebal gunakan tag <b>TEKS ANDA DI SINI...</b>
Untuk menciptakan efek huruf miring gunakan tag <i>TEKS ANDA DI SINI...</i>

Khusus untuk membalas komentar disarankan menggunakan tombol balas di samping komentar terkait dibandingkan menggunakan formulir komentar di bawah agar komunikasi lebih terstruktur. Karena mungkin, apa yang Anda tanyakan/katakan saat ini akan sangat bermanfaat bagi pembaca lain.

NB: Jangan menuliskan link aktif karena akan terhapus secara automatis.

Jika ingin menuliskan komentar yang keluar dari topik pada artikel ini silahkan kehalaman OOT (out of topic) dengan menekan tombol OOT di bawah

 
Design by MKR Copyright © 2012 ~ 2013 Powered by Blogger
TOP