Edge Security Acceleration：Transformasi Gambar

Sebelum Anda mulai

Sebelum menggunakan transformasi gambar, perhatikan hal-hal berikut:

Batasan pada Gambar Sumber:

• Format gambar yang didukung: JPEG, JPG, PNG, WebP, BMP, GIF, TIFF, dan JPEG 2000.

• Ukuran gambar sumber tidak boleh melebihi 10 MB.

• Jumlah total piksel gambar sumber tidak boleh melebihi 16.777.216.

  Catatan

  Jika gambar sumber adalah gambar GIF, jumlah total piksel adalah jumlah semua frame. Anda dapat menggunakan alat seperti ImageMagick untuk menanyakan informasi frame dari gambar GIF.

Batasan pada Gambar yang Diproses:

• Jumlah total piksel gambar yang ditransformasikan tidak boleh melebihi 16.777.216.

• Jika Anda ingin mengonversi gambar yang ditransformasikan ke format WebP, jumlah total piksel gambar tidak boleh melebihi 16.777.216 piksel. Lebar atau tinggi tidak boleh melebihi 16.384 piksel. Jika gambar sumber adalah gambar dinamis, gambar statis akan dihasilkan ketika Anda mengonversi gambar sumber ke format WebP.

Aktifkan transformasi gambar

1. Di konsol ESA, pilih Situs Web dan klik nama situs web yang ingin Anda kelola.

2. Di panel navigasi di sebelah kiri, buka Speed and Network > Optimize > Speed Optimization.

3. Aktifkan Image Transformations. Kemudian, Anda dapat menambahkan parameter pengeditan gambar ke URL permintaan untuk mentransformasi gambar.

   Sebagai contoh, Anda dapat mengonversi gambar ke format lain dalam JavaScript dengan menulis metode pemrosesan URL.

   function updateImageUrl(format) {
     let baseUrl = "https://example.com/image_01";
     let newUrl = `${baseUrl}.png?image_process=format,${format}`;
     document.getElementById('imageElement').src = newUrl;
   }
   
   // Contoh panggilan untuk mentransformasi gambar ke format BMP
   updateImageUrl("bmp");
   
   // Transformasi gambar ke format lain, seperti JPG:
   // updateImageUrl("jpg");
   

image_process=format,${format} dalam kode sebelumnya adalah konfigurasi parameter pengeditan gambar. Untuk informasi lebih lanjut tentang parameter yang dapat dimodifikasi dan nilainya, lihat Metode Pengeditan Gambar.

Metode pengeditan gambar

Bagian berikut menjelaskan parameter pengeditan gambar yang didukung oleh ESA.

• Mengonversi Format Gambar

  Parameter: format

  Deskripsi: Mengonversi gambar ke format tertentu.

• Menyesuaikan Kualitas Gambar

  Parameter: quality

  Deskripsi: Menyesuaikan kualitas gambar.

• Memotong Gambar

  Parameter: crop

  Deskripsi: Memotong gambar.

• Mengubah Ukuran Gambar

  Parameter: resize

  Deskripsi: Mengubah ukuran gambar. Fitur ini hanya mendukung pengecilan ukuran gambar.

• Memutar Gambar

  Parameter:

  • auto-orient: secara otomatis memutar gambar.

  • rotate: memutar gambar ke orientasi tertentu.

  Deskripsi: Memutar gambar berdasarkan parameter orientasi, atau memutar gambar searah jarum jam berdasarkan sudut yang Anda tentukan.

• Mengubah Warna Gambar

  Parameter:

  • bright: kecerahan gambar.

  • contrast: kontras gambar.

  • sharpen: ketajaman gambar.

  Deskripsi: Menyesuaikan kecerahan, kontras, dan ketajaman gambar.

• Menambahkan Watermark

  Parameter: watermark

  Deskripsi: Menambahkan watermark gambar atau teks ke gambar.

• Menanyakan Informasi Gambar

  Parameter: info

  Deskripsi: Menanyakan informasi gambar, termasuk lebar, tinggi, format, dan kualitas.