Cara Mengurangi Ukuran JPEG dan File Gambar Lainnya

Gambar yang Anda gunakan di situs web Anda adalah salah satu elemen terpenting. Anda tidak hanya ingin memiliki citra yang menarik secara visual, tetapi Anda juga tidak ingin gambar tersebut terlalu besar sehingga memperlambat waktu buka situs Anda. Salah satu alasan utama situs akan tertinggal adalah karena gambar yang disertakan di dalamnya belum diubah ukurannya untuk kinerja situs yang optimal.

Pada artikel ini, kita akan mengeksplorasi metode manual untuk mengurangi ukuran gambar di Photoshop termasuk mengubah jenis file, mengubah ukuran, dan mengompresi file menggunakan fungsi Save for Web. Jika mereka mencari sesuatu yang lebih otomatis, kami juga akan melihat beberapa plugin dan opsi berbasis web.

Berlangganan Saluran Youtube Kami

Mengubah Jenis File

"Ukuran File" untuk file gambar mengacu pada jumlah piksel per inci. Umumnya, semakin banyak piksel per inci, semakin banyak informasi yang disimpan file, dengan demikian, semakin besar ukurannya.

Dua jenis file yang paling umum untuk gambar adalah JPG dan PNG.

• PNG – Grafik Jaringan Portabel – Jenis file ini banyak digunakan untuk file grafik seperti logo, ikon, ilustrasi, dan teks. Saat diedit di aplikasi pengeditan foto seperti Photoshop, file-file ini tidak kehilangan banyak data saat Anda memanipulasi atau mengompresnya. Mereka disebut sebagai "lossless" karena alasan ini. File-file ini cenderung berukuran lebih besar karena alasan ini.
• JPEG – Joint Photographic Experts Group – Ini adalah jenis file paling umum yang akan Anda temukan untuk sebagian besar gambar di internet. Jenis file ini dapat mengelola jutaan warna, dapat dikompresi dengan tinggi sambil mempertahankan kualitas. Ini disebut sebagai "lossy" karena proses mengompresinya menghilangkan piksel dari gambar.

Jenis file mana pun dapat berfungsi. Yang mana yang Anda pilih sangat bergantung pada situs Anda, jumlah dan jenis foto yang Anda pilih untuk digunakan.

Berikut adalah contoh foto. Format aslinya adalah sebagai file JPG.

Saya menggunakan perintah File>Save As di Photoshop dan memilih format PNG dan menyelesaikan fungsi save.

Ketika saya mengubah jenis file, ukuran file berubah dari 646 MB menjadi 1,3 KB. Seperti disebutkan di atas, file PNG biasanya lebih besar, jadi untuk jenis gambar ini dengan banyak warna dan detail, Anda mungkin lebih baik tetap menggunakan versi JPEG untuk memastikan waktu pemuatan yang lebih cepat. Jika Anda tahu gambar Anda harus dapat diskalakan lebih besar tanpa kehilangan resolusi, gunakan versi PNG.

Perhatikan bahwa ada banyak format file lain yang tersedia. Saya telah fokus pada JPEG dan PNG karena mereka adalah yang paling populer.

Mengubah Ukuran Manual di Photoshop

Di Photoshop, Anda dapat menggunakan fungsi Image>Image Size untuk mengubah ukuran gambar Anda secara manual. Alatnya terlihat seperti ini:

Anda dapat melihat Ukuran Gambar dan Dimensi piksel saat ini dicatat di bagian atas alat. Penyesuaian apa pun yang Anda lakukan di sini akan mengubah ukuran.

Fit To adalah daftar drop-down yang memiliki ukuran preset dan pengaturan piksel.

Jika saya memilih opsi pertama dalam daftar itu untuk menyesuaikan dimensi dan piksel per in (ppi), saya dapat melihat bagaimana ukuran file akan berubah.

Anda dapat bereksperimen dengan pengaturan ini untuk menentukan apakah ukuran standar dari drop-down akan berfungsi, atau jika Anda perlu mengubah opsi lebar, tinggi, atau resolusi secara manual untuk mendapatkan ukuran yang Anda butuhkan.

Simpan untuk Fungsi Web

Save for Web berbeda dari Save As karena opsi web menghapus metadata (detail tentang jenis dan asal gambar) dari file sebelum disimpan. Fungsi ini khusus ditujukan untuk gambar yang akan ditampilkan di internet, sehingga bisa menjadi cara yang sangat cepat untuk mengubah ukuran dengan tetap menjaga kualitas.

Temukan opsi Simpan untuk Web dengan menavigasi ke File> Ekspor> Simpan untuk Web:

Saat jendela Simpan untuk Web terbuka, Anda akan melihat manfaat lain dari fungsi ini. Jika Anda memilih tab 2-up di bagian atas, Anda dapat melihat perbandingan gambar asli secara berdampingan dengan gambar yang diubah.

Dari sini, gunakan preset di sudut kanan atas untuk memilih format JPG dan sesuaikan kualitasnya sesuai keinginan. Setelah membuat perubahan, Anda dapat melihat apakah file baru Anda memenuhi standar kualitas atau tidak melalui pratinjau gambar, dan Anda dapat memvalidasi perubahan ukuran file dengan melihat data di bawah setiap gambar:

Perhatikan bahwa Anda juga dapat mengubah ukuran dengan menggunakan bidang lebar dan tinggi di sudut kanan bawah. Karena artikel ini secara khusus membahas pengubahan ukuran, kami tidak membahas opsi lain yang ditampilkan di layar Simpan untuk Web, tetapi Anda dapat membaca di sini untuk informasi lebih detail.

Alat Pengoptimalan Gambar WordPress

Photoshop adalah pilihan yang bagus jika Anda ingin memutar tombol sendiri untuk mengurangi ukuran file gambar sendiri. Jika Anda mencari sesuatu yang lebih otomatis untuk membantu mengubah ukuran gambar Anda, ada sejumlah opsi plugin WordPress yang dapat membantu. Berikut adalah daftar beberapa opsi populer dan deskripsi singkat tentang manfaatnya:

Imagify – Optimalkan semua gambar Anda sekaligus, ubah ukuran dengan mudah, dan pulihkan foto ke versi aslinya saat dibutuhkan. Itu juga terjangkau. Plugin ini gratis untuk diunduh dan mencakup 20 MB ruang file. Pilihan lainnya adalah $5 per bulan untuk 500MB dan $10 per bulan untuk ruang tak terbatas.

ShortPixel – Tidak ada batasan ukuran file dan satu kunci API untuk beberapa situs memungkinkan pemanfaatan yang bagus untuk plugin ini. Mereka juga menawarkan paket satu kali dan bulanan untuk fleksibilitas anggaran.

Optimole – Untuk berorientasi data, Optimole menawarkan dasbor tempat Anda dapat meninjau statistik pengoptimalan. Paket gratis mereka memungkinkan 5.000 pengunjung per bulan dan bandwidth tidak terbatas.

Untuk perbandingan yang lebih lengkap dari opsi ini dan beberapa lainnya, lihat artikel ini.

Sumber Daya Web untuk Pengoptimalan Gambar

Jika Anda membutuhkan waktu dan/atau uang, ada banyak alat pengoptimalan gambar online gratis.

Compressjpg memungkinkan Anda mengunggah banyak file dan mengubah ukurannya sekaligus. Ini juga memiliki fitur yang akan mengonversi foto format HEIC iPhone ke JPEG. Situs serupa lainnya adalah Tinypng serta Image Compressor.

Canva Pro adalah situs populer lainnya yang tidak hanya mengubah ukuran tetapi juga memungkinkan Anda mendesain dan menganimasikan gambar, serta memformatnya untuk penggunaan web atau media sosial. Tata letaknya intuitif dan mudah digunakan.

Membungkus

Jangan meremehkan pentingnya mengoptimalkan gambar Anda. Situs yang lambat tidak hanya mematikan pemirsa, mereka juga tidak mendapatkan daya tarik di pencarian Google. Pemuatan cepat, gambar yang tajam dapat memberikan sedikit tambahan yang membedakan situs Anda dari yang lain. Situs yang dioptimalkan akan membuat pengunjung kembali lagi.

Apakah Anda menggunakan salah satu dari metode ini untuk mengubah ukuran gambar Anda? Jika tidak, menurut Anda mana yang akan Anda coba terlebih dahulu? Beritahu kami di komentar!

Gambar Unggulan melalui Prihanto Edi / shutterstock.com