indra21 Perkenalkan nama saya indra rani dwi putra. Saya seorang freelancer sekaligus sebagai penanggung jawab website maniac-developer.com dan beli-website.com

Membuat sistem auto crop dengan php

1 min read

Membuat sistem auto crop dengan php

Bismillah, Kali ini saya akan memberikan ilmu penting di sebuah website yaitu cara membuat sistem auto crop dengan php. Bagi sebuah developer expert ini mungkin sebuah hal yang sudah basi . tapi saya membuat ini untuk adik adik saya yang masih menuntut ilmu di dunia php 

Jadi buat anda yang masih baru di dunia programing , sangatlah penting untuk mengaktifkan fitur ini di website yang anda buat apalagi jika itu sebuah proyek (kecil maupun besar / pribadi maupun komersil) . 

Fitur ini sangatlah penting karena dengan adanya fitur ini akan sangat mempengaruhi kecepatan load website anda . mengapa , karena sebagian besar website yang lambat karena fitur image yang terlalu besar , sehingga 

  1. Sangat memakan resource pada hosting anda
  2. Sangat memberatkan website saat diload apalagi tidak memiliki fitur cookies , 
    Untuk fitur cookies sebaiknya anda baca di link ini . 
    http://maniac-developer.com/artikel/pemrograman/membuat-cookie-file-static-di-htaccess-menggunakan-metode-expired

Jadi singkatnya pertama tama anda wajib membuat htaccess untuk mempersingkat URL image anda nanti . berikut kode .htaccessnya . (Jika belum mengerti apa itu htaccess , anda bisa baca link diatas )


RewriteRule ^images/?$ crop.php [NC,L] 
RewriteRule ^images/([0-9-]+)/?$ crop.php?width=$1 [NC,L] 
RewriteRule ^images/([0-9-]+)/([0-9-]+)/?$ crop.php?width=$1&height=$2 [NC,L] 
RewriteRule ^images/([0-9-]+)/([0-9-]+)/(.*)/?$ crop.php?width=$1&height=$2&img=$3 [NC,L] 
RewriteRule ^small-img/?$ crop2.php [NC,L] 
RewriteRule ^small-img/(.*)/?$ crop2.php?img=$1 [NC,L] 

Disini saya memberikan 2 buah jenis URL pada htaccess yaitu "images/" dan "small-img" 

Masing masing akan kita buat kodenya

Sebelum kita lanjut , langsung saya bahas apa perbedaannya . Saya memiliki image yang besar seperti di url ini . http://maniac-developer.com/images/800/400/1912180323047622.jpg

  1. "Images/[0-9]/[0-9]/[*]" . artinya mengcrop image berdasarkan resolusi yang dimau . seperti di link ini 
    http://maniac-developer.com/images/500/300/1912180323047622.jpg
  2. "small-img/[*]" . berguna nanti untuk mengcrop image berdasarkan resolusi asli di bagi menjadi 2 . artinya memperkecil resolusi asli seperti di link ini 
    http://maniac-developer.com/small-img/1912180323047622.jpg

Langkah Membuat sistem auto crop

1.  Buat sebuah file crop.php di public_html atau di folder index anda . dan isikan kode di bawah ini 

Pada Variable $link ($link = "image/"; ) . silahkan anda ubah sesuai dengan directory image anda . 

dan kemudian anda buat lagi 1 buah file crop2.php berisikan kode di bawah ini 


Nah , Seperti itu potongan kode yang mungkin berguna untuk adik adik yang ingin mencrop image sebelum ditampilkan di sisi client/pengunjung . 

Adapun cara memanggilnya cukup menggunakan url ini "http://domainanda.com/images/300/200/namaimage.jpg"  untuk sistem crop resolusi yang dimau Dan 

"http://domainanda.com/small-img/namaimage.jpg"   untuk sistem auto crop 

Nah Bagaimana . cukup simple kan , Yuk bagikan postingan ini biar saya bisa memberikan ilmu yang lebih baik lagi . 

Terima kasih 

indra21 Perkenalkan nama saya indra rani dwi putra. Saya seorang freelancer sekaligus sebagai penanggung jawab website maniac-developer.com dan beli-website.com

Proteksi konten website anda dengan cepat

Bismillah , Kali ini saya akan memberikan sebuah plugin menarik dan gratis (bersyarat) untuk teman teman yang ingin mengamankan kontennya dari copy paste
indra21
1 min read

Mendeteksi Adblock di Browser Client Pakai Javascript

kali ini saya akan membagikan sedikit tips buat teman teman yang merasa risih dengan adanya plugin adblock pada browser . bagaimana tidak ?...
indra21
1 min read

Membuat Cookie File static di htaccess dengan metode…

Bismillah , Kali ini saya akan memberikan sedikit informasi mengenai bagaimana website kita tidak perlu meload dokumen seperti image , javascript dan css untuk...
indra21
2 min read

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *