Bagaimana Mengoptimalkan Gambar JPEG untuk gambar Web yang menarik perhatian Anda

Memiliki gambar yang eye-catching di situs Anda adalah salah satu cara terbaik untuk menarik penggemar iPhone dan iPad yang sadar akan gambar. Format JPEG adalah pilihan terbaik untuk mengoptimalkan gambar nada kontinu, seperti foto dan gambar dengan banyak warna atau gradien.

Bila Anda mengoptimalkan JPEG, Anda dapat membuat ukuran file lebih kecil dengan menerapkan kompresi. Semakin banyak kompresi, semakin kecil gambarnya, namun jika Anda memampatkan gambar terlalu banyak, gambarnya bisa terlihat mengerikan. Caranya adalah menemukan keseimbangan yang tepat.

Jika Anda memiliki foto digital atau gambar lain yang ingin Anda siapkan untuk web, ikuti langkah-langkah ini untuk mengoptimalkan dan menyimpannya di Photoshop (di Photoshop Elements atau Fireworks, prosesnya serupa walaupun Langkah spesifik mungkin berbeda):

1Dengan gambar terbuka di Photoshop, pilih File → Save for Web & Devices (atau File → Save for Web).

Kotak dialog Save for Web & Devices muncul.

2 Di pojok kiri atas kotak dialog, pilih 2-Up atau 4-Up untuk menampilkan beberapa versi gambar yang sama untuk perbandingan sisi-ke-sisi yang mudah.

Pengaturan 2-Up memungkinkan untuk melihat gambar asli di bagian atas dan preview gambar yang sama seperti yang akan muncul dengan pengaturan yang ditentukan di bagian bawah (jika Anda bekerja dengan gambar vertikal, pratinjau muncul berdampingan). Opsi 4-Up, sesuai namanya, menampilkan empat versi yang berbeda untuk perbandingan.

Gambar oleh seniman Amy Baur dan Brian Boldon, dari seni inplainsight.

3Di sisi kanan jendela, tepat di bawah Preset, klik panah kecil untuk membuka daftar drop-down Format File Optimal dan pilih JPEG.

Format JPEG adalah pilihan terbaik untuk mengoptimalkan gambar nada kontinyu, seperti foto dan gambar dengan banyak warna atau gradien.

4Mengatur kualitas kompresi.

Gunakan opsi preset Rendah, Menengah, Tinggi, Sangat Tinggi, atau Maksimum dari daftar drop-down. Atau gunakan slider tepat di bawah bidang Mutu untuk melakukan penyesuaian yang lebih tepat. Menurunkan kualitas akan mengurangi ukuran file dan membuat gambar diunduh lebih cepat, namun jika Anda menurunkan angka ini terlalu banyak, gambar akan terlihat buram dan bercak.

Photoshop menggunakan skala kompresi 0 sampai 100 untuk JPEG di jendela dialog ini, dengan 0 kualitas serendah mungkin (jumlah kompresi dan ukuran file terkecil) dan 100 kualitas tertinggi (paling sedikit kompresi dan ukuran file terbesar). Rendah, Sedang, dan Tinggi masing-masing mewakili nilai kompresi masing-masing 10, 30, dan 60.

5Tentukan pengaturan lain yang diinginkan (kualitas kompresi dan format file adalah pengaturan yang paling penting).

Misalnya, Anda dapat memilih kotak centang Progressive untuk menampilkan gambar secara progresif di browser web; Artinya, untuk menampilkannya terlebih dulu pada resolusi rendah, dan kemudian pada resolusi yang semakin tinggi saat mendownload hasilnya. (Beberapa browser tidak mendukung JPEG progresif.)

6Click Save.

Kotak dialog Save Optimized As akan terbuka.

7Masukkan nama untuk gambar itu dan simpan ke folder gambar di folder situs Anda.

Photoshop menyimpan gambar yang dioptimalkan sebagai salinan asli dan membiarkan dokumen asli terbuka di area kerja utama Photoshop.

Ulangi langkah ini untuk setiap gambar yang ingin Anda optimalkan sebagai JPEG.

Di bagian bawah pratinjau gambar di kotak dialog Save for Web & Devices, Photoshop menyertakan perkiraan waktu yang diperlukan agar gambar diunduh pada kecepatan koneksi yang ditentukan. Saat Anda menyesuaikan pengaturan kompresi, ukuran gambar berubah dan perkiraan download akan otomatis disesuaikan.

Anda dapat mengubah kecepatan koneksi yang digunakan untuk membuat perhitungan ini dengan mengklik panah kecil tepat di sebelah kanan kecepatan koneksi dan dengan menggunakan daftar drop-down untuk memilih opsi lain, seperti kecepatan kabel 256 Kbps untuk Cable Modem. Gunakan perkiraan ini sebagai panduan untuk membantu Anda menentukan seberapa banyak Anda harus mengoptimalkan setiap gambar.