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
- Sangat memakan resource pada hosting anda
- Sangat memberatkan website saat diload apalagi tidak memiliki fitur cookies ,
Untuk fitur cookies sebaiknya anda baca di link ini .
http://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
- "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 - "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
