Salah satu pertanyaan umum ketika mengunggah gambar di Framer adalah pengaturan resolusi. Jika terlalu besar, kecepatan situs melambat, dan jika terlalu kecil, gambar bisa terlihat buram. Dalam artikel ini, kita akan mengeksplorasi opsi resolusi gambar yang disediakan oleh FramerFramer dan situasi apa saja yang sesuai untuk penggunaan setiap opsi.

Jenis Opsi Resolusi Gambar

Framer secara otomatis membuat beberapa versi resolusi ketika Anda mengunggah gambar, sehingga bisa menampilkan gambar yang paling sesuai dengan perangkat pengunjung. Pilihan dasar yang tersedia adalah sebagai berikut.

• Auto
  Ini adalah nilai standar yang diatur ketika Anda mengunggah gambar ke FramerFramer, di mana gambar diubah secara otomatis menjadi berbagai ukuran. Browser akan memilih ukuran optimal berdasarkan perangkat.

• Auto (Lossless)
  Opsi ini mempertahankan kualitas asli dari gambar, sehingga dapat menghindari masalah yang muncul dari proses kompresi seperti distorsi warna, pengurangan noise, dan fenomena banding. Namun, ukuran file dapat meningkat 5 hingga 10 kali lipat, yang dapat mempengaruhi kinerja.

• Small, Medium, Large
  Ukuran tetap masing-masing pada 512px, 1024px, dan 2048px. Opsi ini jarang digunakan dalam sebagian besar proyek dan dapat disembunyikan pada pembaruan di masa mendatang.

• Full
  Opsi ini mempertahankan ukuran unggahan asli. Misalnya, mengunggah gambar 6000px akan tetap 6000px bahkan di perangkat seluler, namun akan dikompresi secara dasar.

Memilih Opsi Resolusi Berdasarkan Situasi

• Sebagian besar kasus, gunakan Auto
  Opsi dasar yang paling seimbang antara kualitas dan kinerja.

• Ketika membutuhkan gambar berkualitas tinggi, gunakan Auto (Lossless)
  Ini bagus untuk area di mana detail gambar penting, tetapi waktu pemuatan bisa sedikit melambat.

• Ketika ingin mempertahankan ukuran asli secara pasti, gunakan Full
  Cocok untuk gambar latar besar yang tidak boleh diperkecil ukurannya, menjaga tetap asli.

• Ketika ukuran sudah ditentukan, gunakan Small/Medium/Large
  Hampir tidak diperlukan di situs web umum. Tidak direkomendasikan kecuali benar-benar diperlukan.

Penutup

Pilihan resolusi gambar tidak hanya berhubungan dengan tampilan layar yang baik tetapi juga mempengaruhi kinerja situs web dan pengalaman pengguna secara langsung. Dalam sebagian besar kasus, Auto sudah cukup, tetapi dalam situasi tertentu, menggunakan Auto (Lossless) atau Full bisa menangkap detail lebih baik, jadi perhatikan hal ini.

Untuk detail lebih lanjut, Anda dapat merujuk ke dokumen tentang cara mengoptimalkan gambar di Framer.

Tulisan ini diadaptasi dari konten ‘Opsi resolusi gambar’ di blog resmi Framer.