01 08
Grafis Siap-Web
Sebagai desainer grafis, Anda mungkin sering diminta untuk mengirimkan gambar siap-web, seperti foto untuk situs web atau iklan spanduk. Alat "Save for Web" Photoshop adalah cara sederhana dan mudah untuk menyiapkan file JPEG Anda untuk web, membantu pertukaran antara ukuran file dan kualitas gambar.
CATATAN: Untuk tutorial ini, kami melihat menyimpan gambar JPEG . Alat Simpan untuk Web juga dibuat untuk menyimpan file GIF, PNG, dan BMP.
Apa yang Membuat Grafis "Web-Ready?"
- Resolusi adalah 72 dpi
- Modus warna adalah RGB
- Umumnya diperkecil dalam ukuran file untuk memuat halaman web lebih cepat
02 08
Buka Gambar
Untuk berlatih dengan alat "Simpan untuk Web", buka gambar di Photoshop; klik "File> Buka," telusuri gambar di komputer Anda, dan klik "Buka." Untuk keperluan tutorial ini, foto akan bekerja dengan baik, meskipun semua jenis gambar akan dilakukan. Ubah ukuran foto Anda menjadi ukuran kecil yang dapat Anda gunakan di situs web. Untuk melakukan ini, klik "Gambar> Ukuran Gambar," masukkan lebar baru di kotak "Dimensi Piksel" (coba 400) dan klik "OK."
03 dari 08
Buka Simpan untuk Alat Web
Sekarang mari kita asumsikan seseorang meminta Anda untuk mengirimkan foto ini, dengan lebar 400 piksel, siap untuk diposting di situs web. Klik "File> Save for Web" untuk membuka kotak dialog Simpan untuk Web. Luangkan waktu sejenak untuk menelusuri pengaturan dan alat yang berbeda di jendela.
04 dari 08
Mengatur Perbandingan
Di sudut kiri atas jendela Simpan untuk Web adalah serangkaian tab berlabel Original, Optimized, 2-Up, dan 4-Up. Dengan mengklik tab ini, Anda dapat beralih antara tampilan foto asli Anda, foto yang dioptimalkan (dengan pengaturan Simpan untuk Web yang diterapkan), atau perbandingan 2 atau 4 versi foto Anda. Pilih "2-Up" untuk membandingkan foto asli dengan yang dioptimalkan. Sekarang Anda akan melihat salinan sisi-sisi dari foto Anda.
05 dari 08
Setel Pratinjau Asli
Klik pada foto di sisi kiri untuk memilihnya. Pilih "Asli" dari menu Preset di sisi kanan jendela Simpan untuk Web (jika belum dipilih). Ini akan menempatkan pratinjau foto asli Anda yang tidak diedit di sisi kiri.
06 08
Setel Pratinjau yang Dioptimalkan
Klik pada foto di sisi kanan untuk memilihnya. Pilih "JPEG High" dari menu Preset. Anda sekarang dapat membandingkan foto yang dioptimalkan di sebelah kanan (yang pada akhirnya akan menjadi file akhir Anda) dengan dokumen asli Anda di sebelah kiri.
07 08
Edit Kualitas JPEG
Pengaturan yang paling penting di kolom kanan adalah nilai "Kualitas". Ketika Anda menurunkan kualitas, gambar Anda akan terlihat "muddier" tetapi ukuran file Anda akan turun, dan file yang lebih kecil berarti halaman web loading lebih cepat. Coba ubah kualitas ke "0" dan perhatikan perbedaan pada foto di kiri dan kanan, serta ukuran file yang lebih kecil, yang terletak di bawah foto Anda. Photoshop juga memberi Anda perkiraan waktu pemuatan di bawah ukuran file. Anda dapat mengubah kecepatan koneksi untuk waktu pemuatan ini dengan mengklik tanda panah di atas pratinjau foto yang dioptimalkan. Tujuannya di sini adalah untuk menemukan media yang bahagia antara ukuran file dan kualitas. Kualitas antara 40 dan 60 biasanya bagus, tergantung pada kebutuhan Anda. Coba gunakan level kualitas standar (misalnya JPEG Medium) untuk menghemat waktu.
08 08
Simpan Gambar Anda
Setelah Anda puas dengan foto Anda di sebelah kanan, klik tombol "Simpan". Jendela "Save Optimized As" akan terbuka. Ketik nama file , telusuri ke folder yang diinginkan di komputer Anda dan klik "Simpan." Anda sekarang memiliki foto siap-web yang dioptimalkan.