Format Gambar & Pengaturan Kompresi

Panduan sains kompresi 2 mode SmallPict (Lossy + Quality Slider vs Lossless), format AVIF/WebP, dan matriks tier WordPress.

Format Gambar & Pengaturan Kompresi

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

Buka menu 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:

┌─────────────────────────────────────────────────────────────────────────────┐
│                     2 MODE SEJATI DI SMALLPICT                              │
├─────────────────────────────────────────────────────────────────────────────┤
│ 1. MODE LOSSY (Kuantisasi Perseptual) + Quality Target Slider (50% - 95%)   │
│    • 75% - 80% (Default) : Kompresi standar web (hemat 75% - 85% ukuran)    │
│    • 85% - 90% (High-Fi) : Setara "Glossy" (ketajaman ekstra fotografi)    │
│    • 50% - 70% (Ekstrem) : Penghematan kuota maksimal untuk grid thumbnail  │
├─────────────────────────────────────────────────────────────────────────────┤
│ 2. MODE LOSSLESS (Bit-by-Bit Exact / Presisi Matematis)                     │
│    • 100% piksel utuh tanpa kompresi visual untuk logo brand & grafis.      │
└─────────────────────────────────────────────────────────────────────────────┘

1. Mode Lossy (Engine Kuantisasi Cerdas)

Menggunakan algoritma perseptual canggih berbasis libvips untuk membuang variasi warna frekuensi tinggi yang tidak dapat 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.

🎨 Pengiriman Format Generasi Terbaru

1. Format WebP (Kompatibilitas Global 97%+)

WebP didukung oleh lebih dari 97% browser modern di seluruh dunia.

  • Perilaku: Otomatis mengonversi file JPEG dan PNG yang diunggah ke format .webp.
  • Ketersediaan: Tersedia di semua paket (Free, Starter, Pro, Business).

2. Format AVIF (Kompresi Ekstrem Masa Depan)

AVIF (AV1 Image File Format) adalah standar format gambar generasi paling mutakhir, mampu memangkas ukuran file 20% hingga 40% lebih kecil lagi dibandingkan WebP pada kualitas visual yang sama tajamnya.

  • Dukungan Browser: Chrome, Firefox, Safari (iOS 16+ / macOS Ventura+), Edge, dan browser Android modern.
  • Perilaku: Diproses melalui Serverless Cloud Engine SmallPict dan disajikan dinamis ke browser yang mendukung.
  • Ketersediaan: Eksklusif di paket Pro dan Business.

📦 Matriks Kapabilitas Paket WordPress

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

Fitur & KapabilitasFree TierStarter TierPro TierBusiness Tier
Kuota Optimasi Bulanan20 MB500 MB1.0 GB1.5 GB
Bandwidth Pengiriman CDN-15 GB60 GB150 GB
Mode Engine KompresiLossy WebPLossy WebPLossy + LosslessLossy + Lossless
Transcoding Format AVIF✅ Aktif✅ Aktif
Bulk Historical Media Optimizer✅ Aktif✅ Aktif✅ Aktif
Mekanisme Pengiriman CDNDisk LokalManaged CDNCustom Branded CNAMECustom Branded CNAME
Cloud Vault Offload (S3 Storage)✅ (6 GB)✅ (10 GB)
1-Click Vault Restore ke Lokal✅ Aktif✅ Aktif
Antrean Cloud ServerlessStandardStandardFast PriorityUltra-Fast Priority

⚙️ 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 dengan vips_autorot() 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 via vips_icc_transform() 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.