LUXEE HELPS
Foto Klien Buram atau Terpotong? Ini Trik Edit Template Image Pictures Parallax V1!
📌 Apa itu Edit Template Image Pictures Parallax V1?
Edit Template Image Pictures Parallax V1 adalah langkah mengganti berkas gambar contoh bawaan template dengan foto asli mempelai klien Anda. Di sini Anda mempelajari cara mengunggah berkas gambar, menyesuaikan rasio ukuran (crop), serta mengatur resolusi agar foto pre-wedding klien tampil tajam namun tetap ringan dimuat.
Klien Anda mengirimkan foto pre-wedding berukuran sangat besar (5MB per file) dengan rasio landscape melebar. Saat Anda memasukkannya langsung ke dalam bingkai foto potret (portrait) template Parallax V1, kepala mempelai terpotong aneh, dan website loading sangat lama ketika dibuka di HP tamu. Anda harus melakukan kompresi ukuran file terlebih dahulu, menyesuaikan rasio gambar menjadi portrait, lalu menyelaraskan letaknya di dalam widget Elementor agar visual tampak mempesona.
✨ Fitur & Keunggulan Manajemen Gambar Parallax V1
- Image Masking: Kemudahan memotong foto mempelai menjadi berbagai bentuk unik (lingkaran, daun, atau heksagonal) langsung dari editor Elementor.
- Z-Index Alignment: Memastikan posisi foto terpasang kokoh di bawah bingkai dekorasi (frame) agar ornamen membingkai foto dengan rapi.
- WebP Format Support: Sepenuhnya mendukung penggunaan format gambar WebP transparan untuk performa loading situs yang ultra-cepat.
🛠️ Langkah Mengganti & Edit Foto Mempelai
Langkah 1: Menyeleksi Widget Gambar (Image)
Buka kanvas editor Elementor Anda. Klik pada gambar placeholder foto mempelai pria, wanita, atau galeri yang ingin Anda ganti.
Langkah 2: Memilih & Mengunggah Foto Klien
Pada panel editor sebelah kiri, arahkan kursor ke tab **Content > Choose Image**. Klik **Select Files** untuk mengunggah foto pre-wedding klien Anda yang sudah dikompresi dari komputer ke Media Library WordPress.
Langkah 3: Mengatur Ukuran & Dimensi Gambar
Pada pilihan menu drop-down *Image Size*, setel ke opsi **Medium** atau **Large** (hindari opsi *Full* jika ukuran gambar asli di atas 2MB agar tidak memberatkan server).
Langkah 4: Melakukan Pemotongan (Crop) & Perataan Letak
Masuk ke tab **Style**. Sesuaikan nilai **Width** (Lebar) dan **Max Width** ke angka 100%. Untuk mempertahankan proporsi wajah, ubah opsi *Object Fit* ke posisi **Cover** agar foto tidak tampak gepeng.
Langkah 5: Menonton Video Kustomisasi Gambar
Saksikan demonstrasi cara mengganti foto mempelai, menata bingkai heksagonal, serta mengompres berkas foto pre-wedding secara visual pada video berikut:
Jangan pernah mengunggah foto pre-wedding dengan resolusi mentah hasil kamera fotografer profesional (di atas 3000px). Kompres foto Anda terlebih dahulu menggunakan aplikasi pengompres gambar online, setel lebar gambar maksimal **800px hingga 1200px**, dan simpan dalam format **WebP** di bawah **150KB** agar loading halaman undangan secepat kilat.
🔗 Modul Panduan Terkait
Langkah penting berikutnya yang harus dikerjakan setelah mengedit gambar:
💡 Pertanyaan Sering Ditanya (FAQ)
Hal ini disebabkan setelan *Object Fit* berada di posisi default. Segera ubah setelan *Object Fit* ke posisi **Cover** dan atur nilai *Object Position* ke **Center Center** atau **Top Center** agar wajah pengantin selalu berada di posisi tengah bingkai.
Tidak wajib. Anda bisa menggunakan format **JPG** atau **WebP** biasa untuk foto pre-wedding. Format PNG transparan hanya mutlak wajib digunakan untuk ornamen-ornamen dekoratif (seperti bunga melayang) agar latar belakangnya tidak memblokir foto.
Masuk ke tab **Style > CSS Filters**. Geser slider **Saturation** ke angka **0** untuk mengubah foto menjadi bernuansa hitam-putih klasik secara instan tanpa perlu mengedit gambar di Photoshop.