LUXEE HELPS
Foto Undangan Buram atau Terpotong? Ini Cara Mengganti & Memasang Foto Klien di Elementor!
📌 Apa itu Edit Foto di Elementor?
Edit foto di Elementor adalah proses mengganti gambar placeholder bawaan template Luxee dengan foto pre-wedding asli milik klien Anda. Langkah ini meliputi pengunggahan berkas gambar ke Media Library WordPress, pengaturan resolusi rendering, serta penyesuaian rasio aspek agar foto tampil proporsional di berbagai jenis layar ponsel.
Bayangkan Anda menerima file foto pre-wedding beresolusi super tinggi (Ultra HD) sebesar 8MB per file dari fotografer klien. Tanpa pikir panjang, Anda langsung mengunggah 10 file foto tersebut ke halaman galeri undangan. Hasilnya? Saat tamu membuka undangan digital menggunakan koneksi internet ponsel 3G/4G biasa, halaman galeri membutuhkan waktu 30 detik untuk terbuka, dan browser sering kali keluar secara paksa (crash) karena kehabisan RAM ponsel. Mengoptimalkan ukuran dan dimensi gambar adalah langkah wajib yang tidak boleh Anda lewatkan.
✨ Hal Penting dalam Optimasi Foto Undangan
- Rasio Aspek Konsisten: Menggunakan rasio gambar yang seragam (misal: 1:1 untuk kotak, atau 3:4 untuk vertikal) agar susunan grid galeri tetap sejajar dan rapi.
- Ukuran File Maksimal 500KB: Selalu kompresi foto klien sebelum diunggah agar loading halaman undangan melesat cepat.
- Pilihan Image Size (Elementor): Mengatur ukuran rendering gambar di Elementor ke resolusi yang sesuai (misal: pilih size Medium - 300x300 untuk avatar profil pengantin, tidak perlu memakai resolusi Full).
- Gaya Frame & Radius: Menambahkan efek kelengkungan sudut (Border Radius) pada foto agar tampilan visual terkesan modern dan lembut.
🛠️ Langkah Mengganti Foto di Elementor
Langkah 1: Memilih Elemen Gambar
Klik kiri pada area gambar placeholder yang ingin Anda ganti di editor Elementor. Panel pengaturan gambar di sisi kiri layar akan segera menampilkan pilihan berkas.
Langkah 2: Mengunggah & Memilih Berkas Baru
Klik kotak gambar di panel kiri tersebut untuk membuka jendela Select or Upload Media. Klik tab Upload Files, pilih file foto yang sudah dikompresi dari komputer Anda, lalu klik tombol Select setelah proses upload selesai.
Langkah 3: Menonton Video Langkah Mengganti Foto
Ikuti panduan visual cara mengunggah, memotong, dan mengoptimalkan penempatan foto klien Anda melalui video berikut:
Gunakan format gambar .webp untuk kompresi maksimal. Berkas WebP memiliki kualitas visual yang hampir sama dengan JPG, namun dengan ukuran file hingga 70% lebih kecil.
🔗 Modul Panduan Terkait
Langkah selanjutnya adalah mengedit tampilan slideshow galeri:
💡 Pertanyaan Sering Ditanya (FAQ)
Hal ini terjadi jika Anda meletakkan gambar pengantin sebagai Background Image dengan setelan posisi (Position) yang salah. Ubah pengaturan Position gambar latar belakang menjadi Center Center atau Top Center agar wajah pengantin tetap terlihat di layar portrait HP.
Cara termudah adalah memotong (crop) file gambar asli di komputer Anda menggunakan Canva/Photoshop dengan dimensi piksel yang sama persis (misal: keduanya disetel 800x1200 piksel) sebelum diupload ke WordPress.
Boleh. Anda dapat menginstal plugin gratis seperti Converter for Media atau Smush untuk secara otomatis mengubah gambar yang diunggah ke format WebP dan melakukan kompresi otomatis di belakang layar.