Pertama: apa itu CDN?
CDN (Content Delivery Network) adalah layanan yang menyimpan salinan file website Anda dan mengirimkannya ke pengunjung dengan cepat, biasanya dari server yang tersebar di banyak lokasi. Tujuannya mengurangi beban hosting utama dan mempercepat waktu muat.
CDN biasa mengirim file persis seperti aslinya. Jika Anda mengunggah foto 4 MB, CDN biasa akan mengirim foto 4 MB itu dengan cepat, tetapi tetap 4 MB.
Lalu, apa bedanya CDN gambar?
CDN gambar melakukan satu hal tambahan yang sangat penting: ia mengubah gambar sebelum mengirimnya. Dari satu file asli, CDN gambar bisa membuat versi dengan ukuran, format, dan kualitas berbeda, sesuai kebutuhan setiap halaman dan setiap browser.
Permintaannya biasanya ditulis langsung di link gambar. Contoh dengan Simpanan:
https://cdn.simpananawan.com/tr:w-600,f-auto/u/anda/foto.jpgLink ini berarti: ambil foto.jpg, ubah lebarnya menjadi 600 piksel, lalu kirim dalam format terbaik yang didukung browser pengunjung.
Cara kerja CDN gambar
- Penyimpanan. Anda mengunggah gambar asli sekali saja, dalam kualitas terbaik yang Anda punya.
- Permintaan. Halaman website meminta gambar lewat link yang berisi opsi ukuran dan format.
- Transformasi. Pada permintaan pertama, CDN membuat versi baru dari file asli sesuai opsi tersebut.
- Cache. Hasilnya disimpan, sehingga permintaan berikutnya untuk versi yang sama langsung dikirim tanpa diproses ulang.
- Pengiriman. Pengunjung menerima file yang jauh lebih kecil dari aslinya.
Manfaat CDN gambar
- Halaman lebih cepat. Gambar yang lebih kecil membuat halaman tampil lebih cepat, yang juga tercermin di Core Web Vitals seperti LCP. Detailnya ada di panduan cara kompres gambar untuk website.
- Format modern tanpa repot. AVIF dan WebP dikirim otomatis ke browser yang mendukung, tanpa Anda menyiapkan file terpisah. Lihat WebP vs AVIF.
- Satu file asli untuk semua ukuran. Thumbnail, banner, dan gambar responsif dibuat dari satu file. Ingin mengubah desain? Cukup ubah angka di link.
- Hosting lebih ringan. Gambar dikirim dari CDN, bukan dari hosting website Anda, sehingga ruang penyimpanan dan bandwidth hosting lebih hemat.
- Hemat waktu tim. Tidak ada lagi mengekspor lima versi dari setiap gambar secara manual.
Kapan Anda membutuhkan CDN gambar?
CDN gambar paling terasa manfaatnya jika:
- Website Anda punya banyak gambar, seperti toko online, portofolio, berita, atau katalog.
- Gambar diunggah oleh banyak orang yang tidak selalu mengecilkan gambarnya terlebih dahulu.
- Anda butuh ukuran yang berbeda untuk ponsel, tablet, dan desktop.
- Hosting Anda terbatas ruang atau bandwidth-nya.
Sebaliknya, untuk website kecil dengan beberapa gambar saja yang sudah dioptimalkan dengan baik, mengompres gambar secara manual mungkin sudah cukup.
Cara memilih CDN gambar
Pertanyaan yang sebaiknya Anda ajukan sebelum memilih layanan:
| Pertanyaan | Kenapa penting |
|---|---|
| Bisakah ukuran dan crop diatur lewat link? | Inilah inti CDN gambar. Tanpa ini, Anda tetap harus membuat versi manual. |
| Apakah format dipilih otomatis per browser? | Agar pengunjung mendapat AVIF atau WebP tanpa gambar rusak di browser lama. |
| Bagaimana dengan GIF animasi dan transparansi? | Beberapa layanan kehilangan animasi atau latar transparan saat mengonversi. |
| Apakah ada media library? | Tempat untuk mengunggah, mengatur folder, dan mencari file jauh lebih praktis daripada mengunggah lewat kode. |
| Jenis file apa lagi yang didukung? | Video, PDF, dan font sering dibutuhkan di tempat yang sama. |
| Apa batasannya, dan berapa biayanya? | Periksa batas ukuran file, penyimpanan, bandwidth, dan apa yang terjadi saat batas terlewati. |
Contoh: Simpanan
Simpanan adalah CDN gambar dan media library. Anda mengunggah file atau seluruh folder lewat library, lalu memakai link-nya dengan opsi seperti w-, h-, q-, dan f-auto. GIF animasi tetap bergerak, transparansi tetap terjaga, dan video, PDF, serta font bisa disimpan di tempat yang sama. Semua fitur ada di halaman fitur.
Pertanyaan umum
Apakah CDN gambar sama dengan hosting gambar?
Tidak persis. Hosting gambar hanya menyimpan dan mengirim file apa adanya. CDN gambar juga mengubah ukuran, format, dan kualitas gambar sebelum mengirimnya, sesuai permintaan di link.
Apakah CDN gambar membantu SEO?
Secara tidak langsung, ya. Google memakai kecepatan halaman, termasuk Core Web Vitals seperti LCP, sebagai salah satu sinyal pengalaman halaman. Gambar yang lebih ringan membantu halaman tampil lebih cepat.
Apakah gambar asli saya diubah?
Tidak. File asli tetap tersimpan utuh. Setiap versi yang lebih kecil dibuat terpisah dari file asli tersebut.