Pengeditan gambar memungkinkan Anda mengubah gambar di edge CDN—seperti mengubah ukuran, memotong, mengonversi format, menambahkan Watermark, dan lainnya—tanpa mengubah file sumber. Konfigurasikan transformasi otomatis di Konsol, lalu terapkan transformasi sesuai permintaan dengan menambahkan parameter ke URL gambar.
Fitur pengeditan gambar Alibaba Cloud CDN, fitur pengeditan gambar DCDN, dan fitur Image Processing (IMG) Object Storage Service (OSS) merupakan tiga fitur terpisah. Fitur pengeditan gambar gratis hingga pemberitahuan lebih lanjut.
Prasyarat
Sebelum memulai, pastikan Anda telah memiliki:
Nama domain Alibaba Cloud CDN yang telah dikonfigurasi dan Berjalan
Akses ke Konsol Alibaba Cloud CDN
Aktifkan pengeditan gambar
Masuk ke Konsol Alibaba Cloud CDN.
Di panel navigasi kiri, klik Domain Names.
Pada halaman Domain Names, temukan nama domain yang ingin Anda kelola, lalu klik Manage di kolom Actions.
Di pohon navigasi sebelah kiri, klik Optimization.
Di bagian Image Editing, aktifkan Image Editing dan pilih minimal satu format gambar untuk dikonversi. Tabel berikut menjelaskan opsi konfigurasi.
Pengeditan gambar hanya aktif setelah Anda memilih minimal satu format gambar. Parameter pengeditan gambar berbasis URL hanya berlaku jika pengeditan gambar diaktifkan—jika tidak, parameter tersebut akan diabaikan.
Parameter Deskripsi Catatan Supported Image Formats Format gambar yang akan dikonversi. Pilih satu atau beberapa format. Wajib diisi. N/A Automatic Conversion to WebP Saat Header Acceptpada permintaan berisiimage/webp, CDN secara otomatis mengonversi gambar dari format lain ke WebP untuk caching. Contoh:Accept: image/webpRasio hit cache menurun sementara setelah diaktifkan dan pulih kembali setelah gambar dikonversi. Jangan aktifkan selama jam sibuk. Automatic Rotation CDN secara otomatis memutar gambar. Hanya berlaku untuk gambar yang membawa parameter auto-orient.Rasio hit cache menurun sementara setelah diaktifkan dan pulih kembali setelah gambar diputar. Jangan aktifkan selama jam sibuk. Automatic Compression Mengurangi ukuran file gambar tanpa mengubah resolusi, dimensi, atau format. Nilai yang valid: 0(dinonaktifkan) atau1–100(tingkat kompresi). Contoh:90mengurangi kualitas gambar menjadi 90% dari aslinya. Default:0.Hanya mendukung gambar JPEG dan WebP. Source Image Cache Saat sebuah gambar sumber memiliki beberapa versi hasil konversi, cache gambar sumber untuk mengurangi Permintaan asal. N/A 
Klik OK.
Konversi antar format gambar—misalnya, JPEG ke WebP, JPEG ke PNG, atau PNG ke WebP—dapat menghasilkan file yang lebih besar daripada aslinya karena format berbeda menggunakan algoritma kompresi yang berbeda. Untuk mengurangi ukuran file setelah konversi, atur parameter quality ke nilai yang lebih rendah.
Proses gambar menggunakan parameter URL
Setelah mengaktifkan pengeditan gambar, tambahkan parameter kueri image_process ke URL gambar apa pun untuk menerapkan transformasi sesuai permintaan.
Format URL:
http://example.com/image_01.png?image_process=action,param_value/action,param_value| Field | Deskripsi |
|---|---|
example.com | Nama domain yang dipercepat Anda |
image_01.png | Nama file gambar |
image_process | Kunci parameter kueri untuk pengeditan gambar |
action,param_value | Operasi dan nilainya. Pisahkan beberapa operasi dengan /. |
Contoh:
http://example.com/image_01.png?image_process=resize,w_200/rotate,90/format,webpURL ini menerapkan tiga operasi secara berurutan:
Ubah ukuran gambar menjadi lebar 200 px, dengan tinggi diskalakan secara proporsional untuk mempertahankan rasio aspek asli.
Putar gambar 90 derajat searah jarum jam.
Konversi gambar ke format WebP.
CDN menerapkan operasi sesuai urutan kemunculannya di URL. Output dari setiap operasi menjadi input untuk operasi berikutnya.
Parameter pengeditan gambar
Parameter berikut didukung. CDN menerapkan beberapa parameter sesuai urutan yang ditentukan di URL.
| Fitur | Parameter | Deskripsi |
|---|---|---|
| Konversi format gambar | format | Mengonversi gambar ke format tertentu. Contoh: format,webp |
| Sesuaikan kualitas gambar | quality | Menyesuaikan kualitas gambar. Contoh: quality,80 |
| Potong gambar | crop | Memotong gambar sesuai dimensi yang ditentukan. Contoh: crop,w_200,h_200 |
| Ubah ukuran gambar | resize | Mengubah ukuran gambar. Hanya mendukung pengurangan ukuran gambar. Contoh: resize,w_200 |
| Putar gambar | auto-orient | Memutar gambar secara otomatis berdasarkan metadata orientasi EXIF-nya. Contoh: auto-orient,1 |
| Putar gambar | rotate | Memutar gambar searah jarum jam ke sudut yang ditentukan. Contoh: rotate,90 |
| Ubah warna gambar | bright, contrast, sharpen | Menyesuaikan kecerahan, kontras, dan ketajaman. Contoh: bright,50 |
| Tambahkan Watermark | watermark | Menambahkan Watermark berupa gambar atau teks ke gambar. |
| Kueri informasi gambar | info | Mengembalikan metadata gambar: lebar, tinggi, format, dan kualitas. |