Belajar Mengubah Ukuran Gambar Web
Gambar web mengambil sebagian besar waktu unduh di sebagian besar halaman web. Tetapi jika Anda mengoptimalkan gambar web Anda, Anda akan memiliki situs web pemuatan lebih cepat. Ada banyak cara untuk mengoptimalkan halaman web. Satu-satunya cara yang akan meningkatkan kecepatan Anda adalah dengan membuat grafik Anda sekecil mungkin.
Aturan praktis yang baik adalah mencoba untuk menjaga gambar individu tidak lebih dari 12KB dan ukuran total halaman web Anda termasuk semua gambar, HTML, CSS, dan JavaScript seharusnya tidak lebih besar dari 100KB, dan secara optimal tidak lebih dari 50KB.
Untuk membuat grafik Anda sekecil mungkin, Anda perlu memiliki perangkat lunak grafis untuk mengedit gambar Anda. Anda bisa mendapatkan editor grafis atau menggunakan alat online seperti Photoshop Express Editor .
Berikut ini beberapa kiat untuk mengevaluasi gambar Anda dan membuatnya lebih kecil:
Apakah gambar dalam format yang benar?
Hanya ada tiga format gambar untuk web : GIF, JPG, dan PNG. Dan mereka masing-masing memiliki tujuan tertentu.
- GIF —Gunakan format GIF untuk gambar berwarna datar. Ini adalah gambar hanya dengan beberapa warna.
- JPG —Gunakan format JPG untuk gambar foto. Ini adalah gambar dengan jutaan warna.
- PNG —Gunakan format PNG jika Anda tidak membutuhkan gambar untuk ditampilkan di perangkat seluler. Mereka baik untuk warna datar dan gambar foto. Sebaiknya simpan gambar Anda sebagai PNG dan JPG atau GIF, lalu gunakan versi yang lebih kecil.
Apa dimensi gambarnya?
Cara mudah untuk membuat gambar Anda lebih kecil adalah dengan melakukan hal itu, membuatnya lebih kecil. Sebagian besar kamera mengambil foto yang jauh lebih besar dari rata-rata laman web yang dapat ditampilkan. Dengan mengubah dimensi ke suatu tempat di sekitar 500 x 500 piksel atau lebih kecil, Anda akan membuat gambar yang lebih kecil.
Apakah gambar dipangkas?
Hal berikutnya yang harus Anda lakukan adalah memastikan bahwa gambar dipotong sekencang mungkin. Semakin banyak Anda memotong gambar, semakin kecil ukurannya. Memotong juga membantu menentukan subjek gambar dengan menghapus latar belakang yang tidak relevan.
Berapa banyak warna yang digunakan GIF Anda?
GIF adalah gambar berwarna datar, dan mereka termasuk indeks warna yang ada dalam gambar. Namun, indeks GIF dapat menyertakan lebih banyak warna daripada yang sebenarnya ditampilkan. Dengan mengurangi indeks hanya warna pada gambar, Anda dapat mengurangi ukuran file .
Pengaturan kualitas apa yang diatur JPG Anda?
JPG memiliki pengaturan kualitas dari 100% ke 0%. Semakin kecil pengaturan kualitas, semakin kecil file yang akan dibuat. Tetapi berhati-hatilah. Kualitas memengaruhi tampilan gambar. Jadi pilih pengaturan kualitas yang tidak terlalu jelek, sambil tetap menjaga ukuran file tetap rendah.