Salah satu fungsi yang lebih penting yang ditawarkan Photoshop adalah fitur Simpan untuk Web / Perangkat .
Kenapa menggunakannya? Meskipun Anda hanya dapat menyimpan file Anda dalam metode standar, seperti File / Save As , fitur Save for Web / Devices melakukan tiga hal penting.
- Ini mengoptimalkan dimensi file (misalnya: 150 px X 150 px) memungkinkannya untuk masuk ke halaman web lebih bersih dan terlihat lebih baik dan kurang terdistorsi.
- Ini mengoptimalkan ukuran file (misalnya: 23 kb) memungkinkannya untuk mengunduh lebih cepat.
- Ini menyimpan dalam format RGB (atau monitor) sebagai lawan format CMYK (cetak).
Alat ini berfungsi dengan baik untuk menghasilkan ikon Twitter, foto profil Facebook, file produk, gambar blog, dan file sumber untuk favicons.
01 - Buka File Sumber Anda
Untuk memulai, Anda harus membuka File / Open untuk membuka file Anda. Bisa dalam format apa pun - jpg, gif, psd, png atau yang lainnya. Selama Photoshop dapat membukanya, Anda dapat menampilkannya untuk web.
02 - Menyimpan File Anda untuk Web
Kami akan melompat ke depan untuk menabung untuk Web, dengan asumsi Anda telah melakukan penyesuaian apa pun yang Anda butuhkan. Tentunya, jika Anda perlu mengedit gambar, lakukan yang pertama dan lanjutkan dengan langkah ini nanti.
Buka File / Simpan untuk Web / Perangkat dan klik. Ini adalah sekitar setengah jalan ke menu drop down.
Proses ini tidak mengubah file asli Anda sama sekali. Anda membuat file baru. Setelah Anda menyelesaikan tutorial ini dan kembali ke gambar asli Anda di Photoshop, Anda harus menyimpan file itu jika Anda telah mengubahnya. Penting untuk memberi nama gambar baru Anda berbeda dengan yang asli. Sering hanya menambahkan _web ke nama file akan bekerja dengan baik. (contoh: filename_web.jpg)
03 - Sesuaikan Perbandingan Lihat ke 2-Up
Tergantung pada pengaturan Anda, Anda mungkin perlu menyesuaikan tampilan di sini. Yang Anda inginkan adalah perbandingan gambar kiri dan kanan Anda. Sisi kiri akan menampilkan yang asli, kanan akan menunjukkan kualitas gambar pada pengaturan saat ini.
Jika Anda melihat di sepanjang bagian atas jendela, Anda akan melihat opsi berikut: Asli, Dioptimalkan, 2-Up, 4-Up. Untuk sebagian besar tujuan, 2-Up adalah apa yang Anda inginkan.
04 - Atur ukuran tampilan Anda menjadi 100%
Untuk memastikan Anda melihat pada 100%, periksa opsi di sudut kiri bawah layar.
Penting untuk diingat bahwa jika Anda melihat gambar Anda lebih tinggi dari 100% maka akan terlihat berbintik-bintik atau bahkan mungkin tidak terbaca. Selalu bekerja dengan gambar 100%.
05 - Pilih Dimensi File
Dimensi untuk web hampir selalu dalam piksel (px). Penting untuk menjaga proporsi tetap benar. Di samping kotak gambar adalah gambar kecil dari mata rantai. Apa yang dilakukan adalah skala lebar ketika Anda menyesuaikan tingginya. Misalnya, gambar berukuran 600px kali 400px. Jika Anda mengurangi lebar menjadi 300 piksel, file akan secara otomatis diskalakan ke ketinggian 200 piksel. Jika tidak dicentang, gambar akan terdistorsi.
Anda juga memiliki opsi untuk menskalakan gambar berdasarkan persentase.
06 - Pilih Jenis File untuk Ekspor
Dalam opsi ini, jenis file asli tidak masalah. Anda dapat memilih file apa pun yang Anda butuhkan.
Catatan: untuk memulai proses Anda harus mengklik gambar di sebelah kanan. Gambar harus dipilih untuk diproses.
Yang paling umum adalah jpg untuk web - ini adalah format file terkecil yang artinya dapat diunduh lebih cepat untuk pengunjung situs Anda. Jika Anda memiliki transparansi, pilih png-24. Jika Anda tidak tahu apa artinya transparansi Anda harus memilih jpg.
07 - Pilih Kualitas Gambar
Masing-masing dari tiga opsi jpg (Tinggi, Sedang, Rendah) memiliki pengaturan kualitas preset - yang semuanya dapat disesuaikan secara manual. Jika Anda melihat pada 100% Anda dapat memutuskan kualitas apa yang Anda butuhkan. Untuk menyesuaikan tingkat zoom, lihat Langkah 5. Gambar akan terlihat sama secara online seperti pada jendela pratinjau.
Jika Anda memilih sesuatu selain jpg, Anda dapat melewati langkah ini.
08 - Simpan File Anda
Setelah Anda melakukan penyesuaian yang diperlukan, Anda siap untuk menyimpan file. Klik "Simpan" dan pilih folder dan nama file yang Anda inginkan untuk gambar baru ini.
Selamat! File baru Anda siap digunakan secara online.