Cara Menggunakan Alat Simpan Photoshop untuk Web

Desainer grafis, desainer web, dan lainnya yang membuat konten untuk web, juga membuat gambar siap-web seperti foto untuk situs web dan iklan spanduk. Sebelum mengunggah gambar-gambar ini, gambar-gambar tersebut dioptimalkan untuk diunduh dan ditampilkan dengan cepat di browser web.

Alat Simpan untuk Web di Photoshop adalah cara mudah untuk mempersiapkan file JPEG untuk web. Alat ini juga menyimpan file GIF, PNG, dan BMP. Berikut cara menggunakan alat Simpan untuk Web untuk mendapatkan keseimbangan yang tepat antara kualitas gambar dan ukuran file untuk gambar Anda.

Petunjuk dalam artikel ini berlaku untuk Photoshop 5.5 dan yang lebih baru. Perintah dan opsi menu mungkin berbeda antar versi.

Apa yang Membuat Grafis Siap-Web?

Sebagian besar grafik web-ready memiliki karakteristik yang sama:

  • Resolusi adalah 72 dpi.
  • Modus warna adalah RGB.
  • Ukuran file diperkecil untuk memuat halaman web dengan lebih cepat.

Cara Menyimpan untuk Web di Photoshop

Simpan untuk Web bukanlah alat, seperti tenda

, Pindah, atau Lasso Magnetik. Ini adalah cara untuk mengekspor file mentah ke dalam format yang dapat digunakan orang lain dengan mudah. Berikut cara menggunakannya untuk mengoptimalkan gambar.

  1. Buka gambar yang ingin Anda simpan di Photoshop.

  2. Pilih Gambar Ukuran gambar. Atau, tekan Alt/Option+Command+I pada keyboard.

    Gambar terbuka di Photoshop dengan opsi menu Ukuran Gambar disorot
  3. Dalam Lebar bidang, masukkan lebar baru, pilih Piksel, lalu pilih oke.

    Ubah ukuran foto menjadi ukuran kecil yang dapat digunakan di situs web.

    Kotak dialog Ukuran Gambar di Photoshop dengan jendela lebar dan tombol OK disorot
  4. Pilih Mengajukan > Simpan untuk Web dan Perangkat. Atau, gunakan pintasan keyboard: Alt/Option+Command+Shift+S.

    Di versi Photoshop lainnya, jalurnya adalah Mengajukan > Ekspor > Simpan untuk Web. Item tersebut dapat disebut Simpan untuk Web atau Simpan untuk Web dan Perangkat.

    Gambar terbuka di Photoshop dengan item menu Simpan untuk Web dan Perangkat disorot
  5. Dalam Simpan untuk Web jendela, pergi ke Asli, Dioptimalkan, 2-Up, dan 4-Up tab. Tab ini beralih antara tampilan foto asli, foto yang dioptimalkan dengan pengaturan Simpan untuk Web yang diterapkan padanya, atau perbandingan dua atau empat versi foto.

    Memilih 2-Up untuk membandingkan foto asli dengan foto yang dioptimalkan. Ini menunjukkan salinan gambar secara berdampingan.

    Jendela Simpan untuk Web & Perangkat di Photoshop dengan opsi 2Up disorot
  6. Mengubah Kualitas nilai. Saat Anda menurunkan kualitasnya, gambar terlihat lebih buram, dan ukuran file berkurang. File yang lebih kecil berarti memuat halaman web lebih cepat.

    Temukan media yang menyenangkan antara ukuran dan kualitas file. Kualitas antara 40 dan 60 adalah kisaran yang baik. Gunakan tingkat kualitas preset (JPEG Medium, misalnya) untuk menghemat waktu.

    Jendela Simpan untuk Web & Perangkat di Photoshop dengan penggeser kualitas dan preset yang disorot
  7. Ubah jenis file, jika perlu, ke JPEG, GIF, PNG-8, PNG-24, atau WBMP.

    Menu jenis gambar di jendela Simpan untuk Web Photoshop
  8. Ubah ukuran gambar, jika perlu. Masukkan lebar atau tinggi, atau skala dengan persentase.

    Klik kunci ikon untuk mengubah proporsi gambar. Jika tidak, masukkan lebar atau tinggi yang berbeda untuk mengubah nilai lainnya secara proporsional.

    Jendela Simpan untuk Web & Perangkat di Photoshop dengan area Ukuran Gambar dan Persen disorot
  9. Nilai di bawah pratinjau gambar menampilkan jenis file, ukuran, dan berapa lama gambar akan dibuka di situs web. Angka-angka ini diperbarui saat Anda membuat perubahan.

    Jendela Simpan untuk Web & Perangkat Photoshop dengan ukuran gambar dan jenis pembacaan disorot
  10. Saat Anda puas dengan fotonya, pilih Menyimpan.

    Jendela Simpan untuk Web & Perangkat di Photoshop dengan tombol Simpan disorot
  11. Ketik nama untuk foto, lalu klik Menyimpan.

    Simpan Sebagai kotak dialog di Photoshop dengan tombol Simpan disorot