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 & Kapabilitas | Free Tier | Starter Tier | Pro Tier | Business Tier |
|---|---|---|---|---|
| Kuota Optimasi Bulanan | 20 MB | 500 MB | 1.0 GB | 1.5 GB |
| Bandwidth Pengiriman CDN | - | 15 GB | 60 GB | 150 GB |
| Mode Engine Kompresi | Lossy WebP | Lossy WebP | Lossy + Lossless | Lossy + Lossless |
| Transcoding Format AVIF | ❌ | ❌ | ✅ Aktif | ✅ Aktif |
| Bulk Historical Media Optimizer | ❌ | ✅ Aktif | ✅ Aktif | ✅ Aktif |
| Mekanisme Pengiriman CDN | Disk Lokal | Managed CDN | Custom Branded CNAME | Custom Branded CNAME |
| Cloud Vault Offload (S3 Storage) | ❌ | ❌ | ✅ (6 GB) | ✅ (10 GB) |
| 1-Click Vault Restore ke Lokal | ❌ | ❌ | ✅ Aktif | ✅ Aktif |
| Antrean Cloud Serverless | Standard | Standard | Fast Priority | Ultra-Fast Priority |
⚙️ Otomasi Pipeline Backend (Under-the-Hood)
Seluruh gambar yang diproses oleh SmallPict otomatis mendapatkan optimasi cloud tingkat tinggi tanpa perlu pengaturan rumit:
- Safe Metadata Policy (Kepatuhan GDPR / UU PDP):
- Metadata teknis dan koordinat GPS kamera otomatis dihapus saat upload demi melindungi privasi pemilik situs dan pengunjung.
- Normalisasi Orientasi Otomatis:
- Mendeteksi tag EXIF rotasi dari kamera HP dan memutar matriks gambar dengan
vips_autorot()sebelum metadata dibuang (mencegah gambar terbalik/miring).
- Mendeteksi tag EXIF rotasi dari kamera HP dan memutar matriks gambar dengan
- 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.
- Memastikan seluruh profil warna (Adobe RGB, Display P3) dikonversi ke standar web sRGB via
- Proteksi Decompression Bomb:
- Dibatasi maksimal 8192×8192 px di level cloud server untuk mencegah eksploitasi memori server.
