PNG atau JPG atau GIF: Memilih Jenis File Gambar yang Tepat untuk Situs Anda

Saat ini, dua format file gambar yang paling umum adalah JPG dan PNG. Sepintas, JPG mungkin terlihat persis seperti gambar yang sama yang disimpan sebagai file PNG. Mampu memilih JPG untuk PNG saat menyimpan file juga membuatnya tampak seperti keduanya dapat dipertukarkan, sama selain dari huruf yang digunakan dalam ekstensi.

Menurut W3Techs, JPG dan PNG keduanya digunakan lebih dari format file lain, dengan PNG hanya digunakan sedikit lebih sering.

Ada perbedaan nyata antara file JPG dan PNG, dan Anda harus tahu mana yang harus dipilih saat menggunakan gambar online. Jenis file dapat memengaruhi penempatannya di halaman web Anda, kualitas tampilannya, dan apakah memperlambat waktu pemuatan atau tidak. Jika Anda ingin menyertakan animasi di situs web atau umpan media sosial Anda, Anda juga ingin tahu sedikit tentang file GIF dan perbedaannya dari JPG dan PNG.

Berlangganan Saluran Youtube Kami

Kompresi Lossless dan Lossy

Tujuan mengompresi gambar adalah untuk menghemat ruang – gambar yang lebih kecil lebih mudah untuk dipindahkan dan disimpan. Gambar besar memakan banyak ruang digital dan dapat memperlambat pemuatan halaman web. Secara umum, beberapa data dihapus dari gambar saat dikompresi.

Ada dua jenis kompresi: lossless dan lossy. Untuk memahami salah satu perbedaan mencolok antara JPG dan PNG, Anda memerlukan pengenalan kedua jenis kompresi ini.

Kompresi Tanpa Rugi

Gambar berisi informasi yang berlebihan. Kompresi lossless menghapus data yang berlebihan, tetapi juga memberi tahu komputer berapa banyak data yang berlebihan dan bagaimana membangun kembali gambar. Ukuran file diperkecil untuk menghemat ruang, tetapi seluruh file juga dapat direkonstruksi dari file terkompresi. Saya suka contoh ini dari Make Use Of. Ini adalah representasi yang sengaja disederhanakan tentang bagaimana kompresi lossless menghapus informasi tanpa benar-benar mengubah struktur:

Kompresi Rugi

File MP3 adalah contoh bagus dari kompresi lossy. Mereka tidak berisi semua audio yang ada dalam rekaman asli; suara yang tidak bisa atau hampir tidak bisa didengar manusia dihilangkan. Ini mirip dengan cara kerja kompresi gambar yang hilang. Ketika sebuah gambar dikompresi, informasi dihapus untuk selamanya, bukan hanya sementara; Anda tidak dapat memulihkan data yang dihapus. Setiap kali sebuah gambar diedit dan/atau disimpan kembali, itu akan kehilangan lebih banyak data, yang mengurangi kualitasnya.

JPG

JPG (atau JPEG) adalah singkatan dari Joint Photographic Experts Group. Ekstensi file dapat berupa .jpg atau .jpeg. Ekstensi ini adalah hal yang sama dan file akan berfungsi dengan cara yang sama. Versi Windows awal hanya dapat memproses file dengan tiga huruf, jadi JPEG disingkat menjadi JPG. Saat Anda melihat foto di situs web atau platform media sosial, kemungkinan besar Anda melihat JPG.

Berikut adalah fitur dan manfaat JPG:

• Biasanya digunakan untuk foto, bukan grafik.
• Pilihan terbaik untuk tangkapan layar game, film, dan konten serupa.
• Gambar disimpan pada latar belakang putih atau kosong (tidak transparan).
• Ukuran file lebih kecil dari PNG.
• Waktu muat halaman lebih cepat dan pengalaman pengguna yang lebih baik.
• Kompresi lossy, tetapi rasio kompresi dapat disesuaikan – Anda dapat memilih seberapa banyak gambar akan dikompresi.
• Pengeditan dan penyimpanan ulang akan menurunkan kualitas, meskipun Anda mungkin tidak menyadarinya tergantung pada jumlah penyimpanan dan tempat gambar ditampilkan.

Algoritme JPG menemukan piksel yang memiliki warna atau nilai yang sama dan memblokirnya menjadi ubin. Sementara JPG mendukung jutaan warna, gambar akhir akan memiliki warna yang lebih sedikit daripada aslinya (seperti trek audio itu). Beginilah cara gambar yang lebih kecil dibuat, tetapi juga menghasilkan data yang hilang yang tidak dapat Anda pulihkan. Namun, JPG tidak memperhitungkan bagaimana orang melihat kecerahan, sehingga dapat mempertahankan kecerahan bahkan ketika menjatuhkan info warna, yang menghasilkan gambar berkualitas tinggi.

PNG

PNG adalah singkatan dari Portable Network Graphic. Ekstensi filenya adalah .png. Saat Anda melihat logo merek di situs web, kemungkinan besar Anda melihat PNG.

Berikut adalah fitur dan manfaat PNG:

• Biasanya digunakan untuk ilustrasi dan jenis grafik lainnya.
• Pilihan terbaik untuk ilustrasi, diagram detail, dan tangkapan layar aplikasi.
• Gambar disimpan di latar belakang transparan – letakkan di situs web Anda tanpa mengganggu apa pun di sekitarnya.
• Dukungan untuk berbagai warna dan skala abu-abu.
• Anda dapat mengubah warna file PNG, seperti jika Anda ingin memperbarui logo Anda.
• Semakin sedikit warna yang digunakan, semakin kecil file yang bisa menyusut.
• Kompresi tanpa rugi.

Menyimpan Foto sebagai PNG

Meskipun Anda akan menyimpan foto sebagai file JPG sebagian besar waktu, ada beberapa kasus di mana Anda ingin menyimpannya sebagai PNG:

• Anda membutuhkan gambar dengan kualitas setinggi mungkin – PNG menjual lebih banyak detail daripada JPG.
• Anda akan mengedit dan menyimpan foto beberapa kali. Setelah selesai mengedit, Anda dapat menyimpan foto sebagai JPG untuk membatasi ukuran.
• Foto juga memiliki teks – JPG akan secara nyata mengurangi kualitas teks.
• Anda memerlukan foto untuk memiliki latar belakang transparan – misalnya, mungkin Anda menggunakan salah satu foto Anda sebagai logo Anda.

GIF

GIF adalah singkatan dari Graphics Interchange Format. Ekstensi filenya adalah .gif. Saat Anda melihat video animasi pendek yang berulang, kemungkinan besar Anda melihat GIF.

Berikut adalah fitur dan manfaat GIF:

• Ini adalah satu-satunya jenis file dari ketiganya yang mendukung animasi.
• Pilihan terbaik untuk grafik sederhana.
• Rentang warna terbatas.
• Lebih kecil dari JPG karena akomodasi warna yang terbatas.
• Kompresi tanpa rugi.

Plugin WordPress untuk Kompresi

Untuk mengompresi gambar untuk situs WordPress, Anda dapat menggunakan perangkat lunak, alat berbasis browser, atau plugin. Beberapa orang tidak menggunakan plugin karena mereka tidak ingin beban tambahan di server mereka atau khawatir tentang masalah kompatibilitas, atau mereka tidak ingin melalui langkah ekstra untuk membuat cadangan. Namun, jika Anda ingin merampingkan proses Anda, plugin bisa sangat efisien.

Berikut adalah beberapa hal yang perlu diingat tentang menggunakan plugin WordPress untuk kompresi:

• Anda tidak perlu mengunggah gambar setelah Anda mengubah ukurannya – itu sudah ada di perpustakaan media WordPress Anda.
• Banyak plugin memiliki pengaturan yang memungkinkan Anda mengoptimalkan selama unggahan, menghapus langkah lain dari proses.
• Bahkan jika dua plugin kompresi mengatakan mereka melakukan hal yang sama, mereka akan memiliki pengaturan, pro dan kontra sendiri. Anda mungkin harus bermain-main dengan beberapa untuk menemukan keseimbangan rasio kompresi dan kualitas yang tepat.
• Versi gratis dari plugin kompresi terdengar menarik pada awalnya, tetapi hasil kompresi mungkin terlihat jelek, jadi Anda harus memutakhirkan jika Anda menginginkan gambar berkualitas lebih tinggi.
• Beberapa plugin sulit untuk dipasang dan diatur, sementara yang lain akan bekerja dengan sempurna di luar kotak.
• Fitur tambahan membuat beberapa plugin lebih menarik daripada yang lain. Misalnya, ShortPixel memiliki opsi glossy, hasil imbang yang pasti untuk fotografer profesional. Imagify akan menyimpan gambar asli Anda di folder terpisah, yang berarti Anda dapat memulihkannya kapan saja.

Pikiran Akhir

Mengetahui bagaimana Anda akan menggunakan gambar Anda adalah langkah pertama untuk menentukan jenis file yang akan dipilih. Pada akhirnya, tujuannya adalah untuk menggunakan file sekecil mungkin sambil mempertahankan kualitas sebanyak yang diperlukan untuk tujuan – gambar yang dilihat di situs web akan ditampilkan di halaman yang lebih besar daripada gambar yang dilihat di Instagram, jadi Anda memerlukan kualitas menjadi lebih tinggi untuk membuat ketidaksempurnaan kurang terlihat. Untuk foto-foto yang Anda akan sedih kehilangan, gunakan sistem cadangan untuk menyimpan aslinya – jika Anda tidak sengaja mengompres terlalu banyak, Anda akan memiliki cara untuk memulai kembali.

Perlu menemukan lebih banyak gambar untuk situs web Anda? Unsplash adalah salah satu tempat favorit saya untuk fotografi stok gratis. Lihat artikel kami menggunakan gambar Unsplash di WordPress dalam satu klik.