Format Gambar & Pengaturan Kompresi

SmallPict memberikan kendali penuh berbasis sains kompresi citra modern atas bagaimana aset media dioptimalkan, ditranskodekan, di-downscale, dan disajikan kepada pengunjung situs Anda.

Buka menu Pengaturan → SmallPict di bilah navigasi WordPress Anda untuk mengonfigurasi opsi di bawah ini.

Sains Kompresi: 2 Mode Sejati + Quality Slider

Berbeda dengan plugin lain yang menciptakan istilah marketing buatan (seperti "Glossy"), SmallPict berpegang teguh pada sains kompresi citra digital murni dengan dua mode fundamental:

1. Mode Lossy (Engine Kuantisasi Cerdas)

Menggunakan kuantisasi perseptual untuk membuang variasi warna halus yang sulit dibedakan oleh mata manusia.

• Quality Target Slider (50% – 95%):
  • 75% – 80% (Standar Rekomendasi): Nilai ideal untuk 95% website. Menghasilkan pengurangan ukuran file 70% hingga 85% dengan kualitas visual yang tetap sangat tajam di layar Retina / High-DPI.
  • 85% – 90% (High-Fidelity / Kualitas Fotografi): Mempertahankan detail tekstur mikro secara maksimal. Ini setara dengan mode yang di beberapa plugin disebut sebagai "Glossy".
  • 50% – 70% (Efisiensi Tinggi): Dikhususkan untuk website portal bertrafik tinggi dan thumbnail grid seluler.
• Ideal untuk: Foto produk e-commerce, banner hero, foto artikel blog, dan media upload pengguna.

2. Mode Lossless (Cloud Engine Presisi Piksel)

Mempertahankan setiap piksel gambar secara matematis tanpa kompresi warna visual sedikit pun (bit-exact). Optimasi dilakukan melalui restrukturisasi tabel entropi, kompresi Deflate/Zopfli, dan pembersihan metadata non-esensial.

• Penghematan: Rata-rata 15% hingga 35%.
• Ideal untuk: Logo brand perusahaan, grafik vektor, ikon, tipografi teks, screenshot antarmuka, dan arsip dokumen medis/legal.
• Ketersediaan: Tersedia di paket Pro dan Business.

Format output per paket

Format yang dihasilkan SmallPict bergantung pada paket Anda.

1. WebP (semua paket)

WebP didukung oleh lebih dari 97% browser yang digunakan saat ini.

• Cara kerja: Gambar JPEG dan PNG yang diunggah dikonversi ke .webp.
• File asli: Pada paket Free dan Starter, file hasil konversi menggantikan file asli di Media Library. SmallPict tidak menyimpan salinan file asli Anda, jadi simpan cadangan sendiri jika Anda mungkin membutuhkannya. Unggahan hanya berada di penyimpanan sementara terenkripsi selama diproses dan dihapus dalam 24 jam.
• Ketersediaan: Free, Starter, Pro, dan Business. Pada paket Free, WebP adalah satu-satunya format output.

2. AVIF native (Starter)

AVIF (AV1 Image File Format) biasanya 20% hingga 40% lebih kecil daripada WebP pada kualitas visual yang sama.

• Dukungan browser: Chrome, Firefox, Safari (iOS 16+ / macOS Ventura+), Edge, dan browser Android terbaru.
• Cara kerja: Di paket Starter Anda memilih satu format output, WebP atau AVIF. File hasil konversi menggantikan file asli; tidak ada format kedua yang dibuat. Maksimal 10 MB per file.

3. Smart Next-Gen: AVIF dengan fallback WebP (Pro dan Business)

• Cara kerja: SmallPict membuat file AVIF dan file WebP lalu menyajikannya melalui elemen <picture>. Browser yang mendukung AVIF memuat AVIF, browser lain memuat WebP.
• File asli: File asli tetap berada di server Anda sebagai fallback terakhir untuk browser yang tidak mendukung kedua format. Aktifkan pengaturan opsional Cloud Offload untuk juga menyimpan file asli di penyimpanan cloud SmallPict yang terenkripsi dan menyajikan gambar dari CDN SmallPict. Jika dibiarkan nonaktif, semuanya tetap di server WordPress Anda.
• Batas: Maksimal 20 MB per file pada paket Pro dan 45 MB per file pada paket Business. Pro dan Business juga menggunakan antrean prioritas, serta CDN terkelola saat Cloud Offload aktif.

Ambang Batas Dimensi Gambar Maksimum (Kebijakan Downscale)

Foto hasil jepretan kamera smartphone dan DSLR modern (misalnya foto mentah 48MP hingga 200MP berukuran 6000×4000 piksel ke atas) kerap berbobot 5MB hingga 25MB+. Menyajikan foto mentah berukuran 6000 piksel di halaman web memperlambat pengalaman pengguna seluler, memboroskan kuota hosting, dan merusak skor Google Core Web Vitals (Largest Contentful Paint - LCP).

SmallPict secara otomatis menurunkan skala gambar yang terlalu besar ke ambang batas proporsional sebelum kompresi cloud:

Pilihan Ambang Batas Resolusi

• 1600 px (Standar Rekomendasi): Keseimbangan terbaik untuk 95% website. Memberikan ketajaman kristal di layar Retina/High-DPI sekaligus memangkas drastis ukuran file (contohnya foto mentah 6000×3651 piksel berbobot 2.1MB turun menjadi di bawah 100KB dalam format WebP).
• 1920 px (Full HD): Resolusi standar Full HD untuk sisi terpanjang. Sangat cocok untuk banner hero lebar dan gambar sampul artikel.
• 2048 px (2K Quad-Standard): Resolusi ketajaman tinggi untuk portofolio fotografi, galeri arsitektur, dan studio kreatif.
• 2560 px (QHD / Standar Inti WordPress): Selaras dengan ambang batas bawaan WordPress big_image_size_threshold.
• Dinonaktifkan (0 px): Melewati pembatasan dimensi dan mempertahankan ukuran mentah tanpa perubahan (hanya disarankan untuk arsip cetak fotografi resolusi tinggi).

Integrasi & Arsitektur

• Hook WordPress Core: Terhubung langsung ke filter big_image_size_threshold WordPress untuk memproses gambar di tahap paling awal.
• Resampling Kualitas Tinggi: Pemrosesan cloud menggunakan kernel Lanczos3 untuk mencegah distorsi dan menjaga ketajaman garis tepi selama proses downscaling.
• Dukungan API & SDK: Dapat dikonfigurasi penuh via parameter max_dimension dan max_width.

Matriks Kapabilitas Paket WordPress

Dashboard SmallPict di WordPress beradaptasi secara dinamis sesuai kapabilitas paket lisensi yang terhubung:

Otomasi Pipeline Backend (Under-the-Hood)

Seluruh gambar yang diproses oleh SmallPict otomatis mendapatkan optimasi cloud tingkat tinggi tanpa perlu pengaturan rumit:

1. Safe Metadata Policy (Kepatuhan GDPR / UU PDP):
   • Metadata teknis dan koordinat GPS kamera otomatis dihapus saat upload demi melindungi privasi pemilik situs dan pengunjung.
2. Normalisasi Orientasi Otomatis:
   • Mendeteksi tag EXIF rotasi dari kamera HP dan memutar matriks gambar sebelum metadata dibuang (mencegah gambar terbalik/miring).
3. Harmonisasi Color Space (sRGB):
   • Memastikan seluruh profil warna (Adobe RGB, Display P3) dikonversi ke standar web sRGB untuk mencegah pergeseran warna di berbagai browser.
4. Proteksi Decompression Bomb:
   • Dibatasi maksimal 8192×8192 px di level cloud server untuk mencegah eksploitasi memori server.