Optimasi gambar - Edge Security Acceleration - Alibaba Cloud Documentation Center

Edge Security Acceleration (ESA) menyediakan fitur transformasi gambar yang mengubah format atau kualitas gambar origin, memotong dan mengubah skalanya, lalu menyimpan hasilnya dalam cache. Hal ini meningkatkan kecepatan pengiriman gambar serta mengurangi back-to-origin traffic.

Catatan

Aturan optimasi gambar hanya berlaku untuk permintaan yang memenuhi kondisi yang ditentukan. Untuk optimasi gambar tingkat website, lihat Konfigurasikan transformasi gambar.

Kasus penggunaan

Dengan ESA image processing, node tepi ESA menangani seluruh proses transformasi dan caching tanpa memengaruhi server origin Anda.

Tabel berikut mencantumkan kasus penggunaan umum. Daftar ini tidak bersifat lengkap.

Kasus penggunaan	Deskripsi
Platform E-dagang	Memproses gambar dalam berbagai gaya untuk perangkat berbeda, sehingga mengurangi upaya pengeditan manual. Mengompres foto produk dan gambar yang diunggah pengguna untuk mengurangi ukuran file dan menekan biaya traffic. Menambahkan watermark untuk perlindungan hak cipta, branding, dan promosi.
Media sosial	Mengedit gambar agar memenuhi persyaratan pemrosesan standar untuk konten media sosial. Menambahkan watermark untuk melindungi konten pribadi dari penggunaan tanpa izin.
Pendidikan daring	Mengedit gambar agar memenuhi persyaratan pemrosesan standar untuk materi edukasi dan konten kursus. Menerapkan fitur kompresi berbeda untuk menyeimbangkan ukuran file dan kualitas visual dalam berbagai skenario.
Website sumber daya desain	Memproses gambar dalam berbagai gaya untuk perangkat berbeda, sehingga mengurangi upaya pengeditan manual. Untuk website yang bergantung pada gambar resolusi tinggi, gunakan optimasi otomatis untuk menerapkan kompresi tanpa kehilangan data secara visual, memaksimalkan pengurangan ukuran file tanpa menurunkan kualitas, serta meningkatkan kecepatan pemuatan.

Batasan

Batasan berikut berlaku saat menggunakan fitur pemrosesan gambar.

Batasan gambar asli:

Format gambar yang didukung meliputi JPEG, JPG, PNG, WebP, BMP, GIF, TIFF, dan JPEG 2000.
Ukuran gambar asli tidak boleh melebihi 10 MB.
Hasil perkalian lebar × tinggi tidak boleh melebihi 16.777.216 piksel.

Catatan
Untuk gambar GIF, total lebar × tinggi adalah jumlah dari semua frame. Anda dapat menggunakan alat seperti ImageMagick untuk melihat detail frame gambar GIF.

Batasan gambar hasil transformasi:

Hasil perkalian lebar × tinggi tidak boleh melebihi 16.777.216 piksel.
Saat mengonversi ke format WebP, hasil perkalian lebar × tinggi tidak boleh melebihi 16.777.216 piksel, dan baik lebar maupun tinggi tidak boleh melebihi 16.384 piksel secara individual. Jika gambar sumber berupa animasi, gambar tersebut akan menjadi gambar statis setelah dikonversi ke WebP.

Batasan pra-ambil cache:

Fitur transformasi gambar tidak berlaku untuk konten yang dipra-ambil ke cache. Selama proses pra-ambil cache, node ESA hanya melakukan origin fetch terhadap file gambar asli dan tidak melakukan transformasi gambar.

Buat aturan optimasi gambar

Di Konsol ESA, klik Websites. Di kolom Website, klik website target.
Di panel navigasi sebelah kiri, pilih Rules > Content Optimization.
Klik tab Image Optimization, klik Create Rule, lalu masukkan Rule Name.
Di bagian If requests match..., tentukan kondisi untuk mencocokkan permintaan pengguna yang masuk. Untuk informasi lebih lanjut, lihat Komponen ekspresi aturan.
Aktifkan Image Transformations.

Validasi transformasi

Permintaan asli

Permintaan example.com/bb.jpeg. Respons mengembalikan gambar dengan orientasi normal dalam format .jpeg.

Permintaan hasil transformasi

Konversi format: Untuk mengonversi gambar .jpeg ke .png, ubah URL permintaan menjadi example.com/bb.jpeg?image_process=format,png. Respons mengembalikan gambar dalam format .png.
Rotasi gambar: Untuk memutar gambar 90° searah jarum jam, ubah URL permintaan menjadi example.com/bb.jpeg?image_process=rotate,90. Respons mengembalikan gambar yang telah diputar 90° searah jarum jam.

Operasi pemrosesan gambar yang didukung

Catatan

Setelah Anda mengaktifkan optimasi gambar, tambahkan satu atau beberapa parameter pemrosesan ke URL permintaan untuk melakukan transformasi. Tabel berikut menjelaskan parameter yang didukung.

Fitur pemrosesan gambar	Parameter pemrosesan	Deskripsi
Konversi format	format	Mengonversi format gambar.
Konversi kualitas	quality	Menyesuaikan kualitas gambar.
Pemotongan gambar	crop	Memotong gambar sesuai ukuran yang ditentukan.
Penskalaan gambar	resize	Mengubah skala gambar sesuai ukuran yang ditentukan. Saat ini, hanya penskalaan mengecil (downscaling) yang didukung; penskalaan memperbesar (upscaling) tidak tersedia.
Rotasi gambar	Rotasi otomatis: auto-orient Rotasi tertentu: rotate	Memutar gambar secara otomatis berdasarkan metadata-nya, atau memutarnya searah jarum jam dengan sudut yang ditentukan.
Warna gambar	Kecerahan: Cerah Kontras: contrast Ketajaman: sharpen	Menyesuaikan kecerahan, kontras, dan definisi gambar.
Tambahkan watermark	watermark	Menambahkan watermark berupa gambar atau teks ke dalam gambar.
Dapatkan info	info	Mengambil informasi gambar, termasuk dimensi, format, dan kualitas.

Dokumentasi terkait

Fitur terkait aturan memiliki prioritas efektif, reentrancy, dan granularitas efektif yang berbeda-beda. Untuk detailnya, lihat Properti Fitur Terkait Aturan.