Membuat 썸네일 Gambar Dengan Codeigniter 4

튜토리얼 kali ini akan membahas bagaimana membuat gambar 썸네일 menggunakan codeigniter 4.Thumbnail di web sendiri adalah gambar asli yang diperkecil agar proses loading lebih cepat.Apalagi jika gambar asli kita memiliki ukuran yang besar.

Ada dua fungsi yang bisa digunakan pertama fit dan kedua crop.


Menggunakan Fungsi Fit

Pada fungsi fit terdapat tiga 매개변수:

fit(int $width, int $height = null, string $position = 'center')


  • $width untuk lebar dari gambar
  • $height untuk tinggi gambar
  • $position untuk menentukan mulai dari bagian mana gambar dipotong.Ada beberapa pilihan : '상단-좌측', '상단', '상단-우측', '좌측', '중앙', '우측', '하단-좌측' ', '하단', '오른쪽 하단'.

  • <?php namespace App\Controllers;
    class Thumbnail extends BaseController
    {
        public function index()
        {
            $thumbnail = \Config\Services::image()
            ->withFile(ROOTPATH.'public/uploads/gambar.jpg')
            ->fit(100, 100, 'center')
            ->save(ROOTPATH.'public/uploads/thumb/gambar.jpg');
        }
    }
    


    Pada kode diatas kita memangil fungsi\Config\Services::image() dari Codeigniter 4, withFile adalah lokasi dari file gambar asli kita, fit untuk mengcrop gambar, save untuk menyimpan hasil ke lokasi yang baru.


    Menggunakan Fungsi 작물

    Terdapat 6 매개변수 파다 균류 작물:

    crop(int $width = null, int $height = null, int $x = null, int $y = null, bool $maintainRatio = false, string $masterDim = 'auto')
    


  • $width untuk lebar dari gambar
  • $height untuk tinggi gambar
  • $x titik awal pixel dari kiri gambar untuk mulai di crop.
  • $y titik awal pixel dari atas gambar untuk mulai di crop.
  • $maintainRatio defaulnya false,jika true akan mempertahakan 종횡비 dari gambar asli.
  • $masterDim menentukan bagian mana yang tidak tersentuh jika $mainRatio bernilai true.Nilainya bisa : '너비', '높이', '자동'.

  • Gunakan 자르기 지카 위치 awal 자르기 tidak ada di 위치 fungsi fit diatas.

    <?php namespace App\Controllers;
    class Thumbnail extends BaseController
    {
        public function index()
        {
            $ukuranCrop = 50;
    
            $info = \Config\Services::image()
                ->withFile(ROOTPATH.'public/uploads/gambar.jpg')
                ->getFile()
                ->getProperties(true);
    
            $xOffset = ($info['width'] / 2) - ($ukuranCrop / 2);
            $yOffset = ($info['height'] / 2) - ($ukuranCrop / 2);
    
            $thumbnail = \Config\Services::image()
                        ->withFile(ROOTPATH.'public/uploads/gambar.jpg')
                        ->crop($ukuranCrop, $ukuranCrop, $xOffset, $yOffset)
                        ->save(ROOTPATH.'public/uploads/thumb/gambar.jpg');
        }
    }
    


    Misalnya kita ingin mencrop dari tengah-tengah gambar dengan menggunakan 자르기 seperti yang dilakukan pada fungsi fit sebelumnya.Proses akan lebih ribet,kita perlu mendapatkan dulu 정보 dari gambar asli agar mendapatkan posisi

    Bisa dilihat kita harus menggunakan rumus seperti yang digunakan di $xOffset untuk mendapatkan posisi center dari x.Jauh lebih ribet padahal dengan fungsi fit kita cukup panggil position center.

    $xOffset = ($info['width'] / 2) - ($ukuranCrop / 2);
    


    Dari dua metode untuk membuat 썸네일 diatas, fit lebih kami sarankan karena lebih mudah penggunaanya.Gunakan 자르기 hanya jika benar-benar membutuhkan titik awal kiri dan atas yang spesifik.

    Sekian tutorial kali ini,jika ada pertanyaan bisa ditanyakan.Jika tidak yasudah.

    좋은 웹페이지 즐겨찾기