Cara Menggunakan Alat Simpan Photoshop untuk Web

2024 Pengarang: Abigail Brown | [email protected]. Terakhir diubah: 2023-12-17 06:51

Yang Perlu Diketahui

• Buka gambar di Photoshop. Pilih Gambar > Ukuran Gambar. Masukkan lebar baru, lalu pilih Pixels > OK.
• Pilih File > Simpan untuk Web dan Perangkat. Pilih tab 2-Up untuk melihat gambar asli dan yang dioptimalkan secara berdampingan.
• Ubah nilai Kualitas dan lihat hasilnya. Lakukan penyesuaian pada ukuran atau jenis file jika diperlukan. Pilih Simpan dan beri nama gambar baru.

Artikel ini menjelaskan cara menggunakan alat Save for Web Photoshop untuk mengoptimalkan gambar untuk digunakan di web. Informasi ini berlaku untuk Photoshop 20.0.10 dan yang lebih baru. Perintah dan opsi menu mungkin berbeda antar versi.

Cara Menyimpan untuk Web di Photoshop

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

Berikut cara menggunakan alat Simpan untuk Web di Photoshop untuk mendapatkan keseimbangan yang tepat antara kualitas gambar dan ukuran file untuk gambar Anda.

1. Buka gambar yang ingin Anda simpan di Photoshop.

2. Pilih Gambar > Ukuran Gambar. Atau, untuk PC, tekan Alt+Ctrl+I, untuk macOS, tekan Command+Option+I pada keyboard.

   

3. Di kolom Width, masukkan lebar baru, pilih Pixels, lalu pilih OK.

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

   

4. Pilih File > Ekspor > Simpan untuk Web (Legacy). Atau, gunakan pintasan keyboard: Alt/Option+Command+Shift+S.

   Di Photoshop versi lain, jalurnya adalah File > Export > Save for Web. Item tersebut dapat disebut Simpan untuk Web atau Simpan untuk Web dan Perangkat.

   

5. Di jendela Save for Web, buka Original, Optimized,2-Naik , dan 4-Naik 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.

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

   

6. Ubah nilai Kualitas. 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.

   

7. Ubah jenis file, jika perlu, ke JPEG, GIF, PNG-8, PNG-24, atau WBMP.

   

8. Ubah ukuran gambar, jika perlu. Masukkan lebar atau tinggi, atau skala dengan persentase.

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

   

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.

   

10. Jika sudah puas dengan fotonya, pilih Simpan.

    

11. Ketik nama untuk foto, lalu klik Simpan.

    

Apa yang Membuat Grafis Siap-Web?

Sebagian besar grafik web-ready memiliki karakteristik yang sama:

• Resolusi adalah 72 dpi.
• Mode warna adalah RGB.

• File diperkecil ukurannya untuk memuat halaman web lebih cepat.