[Tutorial] Cara resize gambar/image on the Fly (Images.weserv.nl API)
|Shares :

[Tutorial] Cara resize gambar/image on the Fly (Images.weserv.nl API)

Bagi webdeveloper biasanya ini sangat penting. Karena keterbasan waktu atau mungkin rescources , tidak ada salahnya menggunakan API yang sudah tersedia diluar sana.

Scenario 


  1. user anda upload image/gambar ke web anda (biasanya utk forum,tutorial etc)
  2. Ukuran gambar bisa sangat besar jadi perlu anda resize
  3. Anda tidak punya waktu buat skrip sendiri
  4. Butuh kapasitas hosting/server yg gede untuk nyimpen gambar nya
  5. Resize on the Fly gambar nya pake API dari Images.weserv.nl 

Parameter API

  1. ?url= (URL encoded) link ke gambar anda , tanpa http://
  2. &h= maximum height  gambarnya (optional)
  3. &w= maximum width gambarnya (optional)
    

   Contoh : 

        http://images.weserv.nl/?url=codetrash.com/assets/images/work/erp_2.png&h=30

       Link diatas di masukan ke tag img di html

      <img src="http://images.weserv.nl/?url=codetrash.com/assets/images/work/erp_2.png&h=200" />

   Maka hasil dari kode diatas adalah ( height 200 )





Cheeersss !!!

Tags : #tutorial


SHARES :


Budy K's Avatar

Sains & Teknologi Enthusiast, Software Developer. Check my profile!
> 75% komen akan dibalas. Mohon sabar ya. Simpan halaman ini dan cek kembali lagi

Comments

* Email will not be published


    Privacy .ToS .Contact Us
    © 2017 Teknosains