500 KB adalah anggaran performa web
Sebagian besar formulir unggah tidak meminta 500 KB. Pengembang web yang meminta. Ini aturan praktis yang umum untuk gambar terberat di sebuah halaman, biasanya gambar besar di bagian atas, karena satu file itu sering menentukan seberapa cepat halaman terasa. Halaman yang sebagian besar berupa satu foto 3 MB dimuat lambat pada koneksi seluler; halaman yang memakai gambar 400–500 KB tampak sama dan dimuat dalam sebagian kecil waktunya.
Apa yang bisa ditampung 500 KB
Pada kualitas JPEG yang baik, 500 KB menampung sekitar 3–4 juta piksel untuk foto yang umum, misalnya 2000 × 1500. Itu lebih dari 1920 piksel layar Full HD, sehingga banner selebar penuh akan tampak tajam di sebagian besar layar. Foto wajah, produk, dan pemandangan semuanya bertahan baik di sini.
| Penggunaan | Lebar tampilan umum | Target yang masuk akal |
|---|---|---|
| Gambar hero selebar penuh | 1200–1920 px | 300–500 KB |
| Gambar artikel di dalam kolom | 600–800 px | 80–150 KB |
| Thumbnail dalam kisi | 200–400 px | 10–40 KB |
| Hero untuk layar berkepadatan tinggi | Hingga 2400 px | 500 KB atau sedikit lebih |
Ini aturan praktis yang umum, bukan standar. Angka yang tepat bergantung pada gambar dan seberapa bervariasi koneksi para pengunjung Anda.
Mengapa ini penting selain kecepatan
Mesin pencari memperhatikan seberapa cepat konten utama sebuah halaman muncul, dan di banyak halaman konten utama itu adalah gambar. Gambar hero yang lebih kecil membantu pengunjung dengan koneksi lambat, mengurangi biaya bandwidth jika Anda membayarnya, dan merupakan salah satu perbaikan termurah yang bisa Anda lakukan pada sebuah halaman. Mengompres juga pekerjaan sekali jalan: Anda melakukannya sebelum mengunggah, bukan pada setiap kunjungan.
Cara mengompres ke 500 KB
- Letakkan gambar di halaman ini. Target 500 KB sudah aktif.
- Jika Anda tahu selebar apa gambar akan ditampilkan, atur juga lebarnya. File asli 4000 piksel yang ditampilkan selebar 1200 menyia-nyiakan sebagian besar byte-nya.
- Unduh hasilnya dan lihat pada ukuran yang akan dilihat pengunjung. Jika tampak bersih di situ, Anda selesai.
- Ulangi untuk gambar lain di halaman itu, dengan target lebih kecil untuk gambar yang lebih kecil. Anda bisa memproses satu set sekaligus.
Selain ukuran file
- Pilih dimensi sesuai tata letak. File 500 KB karena terlalu banyak piksel itu boros; file 500 KB karena foto detail yang ukurannya tepat itu baik-baik saja.
- Pertimbangkan WebP. Kualitas visual yang sama biasanya 25–35% lebih kecil daripada JPG. Lihat ubah JPG ke WebP.
- Buang yang tidak Anda butuhkan. Encode ulang membuang metadata kamera dan lokasi, yang juga melindungi privasi Anda.
- Jangan memperbesar ke atas. Gambar kecil yang diregangkan ke ukuran lebih besar tampak lembut, berapa pun ukuran filenya.
Jika 500 KB masih terlalu longgar untuk keperluan Anda, 200 KB cocok untuk gambar produk dan konten. Untuk penjelasan lengkapnya, baca panduan tentang membuat gambar dimuat lebih cepat.