Motoblast.org – Halo mas dab, kali ini motoblast akan share artikel tutorial bagaimana mengecilkan ukuran file JPEG dengan baik dan benar di adobe photoshop untuk keperluan gambar di browser atau untuk ngeblog, atau untuk keperluan grafis lainnya tanpa merusak foto karena mengecilkan ukuran file JPEG yang tidak benar akan berimbas kepada kualitas gambar yang jelek, dan adobe photoshop bisa membuat file JPEG menjadi lebih bersahabat tidak besar, namun kualitas gambar yang terjaga, dan bagaimana menyeimbangkan ukuran file JPEG dengan kualitas gambar yang di hasilkan nantinya.

Save For Web adalah Fitur yang sangat bagus yang ada di adobe photoshop yang bisa memungkinkan kita untuk mendapatkan gambar dengan ukuran dan kualitas yang baik untuk mempertahankan JPEG, PNG atau GIF yang seimbang, Hal ini di lakukan dengan mengurangi kualitas dan  melepas metadata yang tidak di perlukan, dan Tutorial ini akan saya buat untuk berkonsentrasi secara khusus untuk file JPEG dan akan membantu anda dalam memahami bagaimana Save for web bekerja dengan baik sehingga hasil terbaik bisa sampean dapatkan sesuai dengan kebutuhan masbro

Baca juga :

1 Dasar Save for Web

Contoh bukalah gambar di software adobe photoshop, tidak perlu mengecilkan ukuran canvas nya, masbro hanya perlu memakai fitur Save for web pada dokumen gambar asli nya yang berukuran besar.

Hit File > Save For Web (Control-Alt-Shift-S)

Save For Web format and size

Anda akan melihat tampilan seperti diatas, silahkan fokuskan pandangan kalian ke bagian format JPEF dan ukuran atau image size yang saya lingkai hitam seperti gambar diatas, naah darisini kita akan mengubah image size nya menjadi 1000 dari yang semula adalah 2197 px X 1308 px,

Dengan menyimpan dalam save for web, kalian akan mendapatkan file yang lebih kecil karena akan di pakai untuk ukuran website agar web yang load gambar menjadi lebih ringan loadingnya,

setelah klik File > Save For Web (Control-Alt-Shift-S)-  pilih 2-Up  ( disamping Original dan Optimized ) – jelasnya lihat gambar dibawah ini.

2-up allows you to compare your original to your compressed picture

Anda akan melihat sendiri bahwa ada perbedaan warna biru, dan juga tentang warna jika anda klik atau centang sRGB maka Anda akan tahu warna Anda ditampilkan secara akurat seperti bagaimana mereka terlihat di internet.

Anda akan melihat bahwa ada bagian untuk Kualitas yang diatur ke Bicubic secara default. Ini umumnya pilihan terbaik karena lebih banyak piksel daripada yang lain, namun Anda akan tahu ada tiga pilihan untuk ini: Bicubic, Bicubic Sharper dan Bicubic Smoother. Menurut Adobe, Bicubic Sharper memberi Anda hasil yang lebih baik saat mengurangi ukuran gambar namun jika Anda tidak yakin, Bicubic saja tidak apa apa.

Di bawah kiri ada Preview, ada beberapa pilihan dan Monitor adalah defaultnya. Itu pada dasarnya seperti yang Anda lihat, tanpa kompensasi atau penyesuaian terhadap gamma. Anda dapat membolak-balik yang lain untuk melihat bagaimana orang dengan monitor lain melihat gambar Anda dan melakukan penyesuaian sesuai keinginan Anda

2. Balance JPEG Quality and File Size

Langkah selanjutnya adalah Anda akan menyadari bahwa di samping 2-Up ada 4-Up ( atas) . Ini benar-benar dapat membantu kita membandingkan sampel kualitas gambar

Kompare perbandingan gambar original dengan 3 gambar yang akan di kompress ukuran file gambarnya
Kompare perbandingan gambar original dengan 3 gambar yang akan di kompress ukuran file gambarnya

Ini menunjukkan yang asli di kiri atas (4.8MB), Kualitas Maksimum di kanan atas (808kb), Kualitas Tinggi di kiri bawah (489kb) dan Kualitas Menengah di kanan bawah (246kb). Setelah dioptimalkan maka akan mengurangi ukuran file sedikit juga.

Ini bisa sulit untuk membedakan perbedaannya pada ukuran dengan kualitas gambar jika dilihat dari gambar diatas, namun berikut ini jadi inilah rincian setiap tahap utama kualitas:

Save For Web compression comparison at each major stage

Jika anda lilhat, maka akan bisa dilihat bahwa perbedaan pada birunya langit dari maximum hingga low, kemudian ada untuk bagian bukit sampai ke low adalah perbedaan dari gambar tegas ke ngeblur tidak jelas karena kualitas gambar sudah di turunkan sampai kualitas low atau rendah. di kualitas medium sudah mulai benar benar kehilangan kualitas, dengan begini anda bisa menyeimbangkan ukuran dan kualitas mana yang di inginkan untuk website atau blogger anda, selain kualitas rendah, ada juga kualitas tinggi, semua bisa di sesuaikan dan ingat jika ingin di pakai untuk urusan ngeblog atau online, maka kualitas yang medium hingga low sangat bermanfaat mempercepat loading website atau loading blog anda.

semakin rendah maka gambar akan semakin mendapatkan distorsi gambar.

3. Preview in a Browser and Save

Preview your image in a web browser

Setelah anda mendapatkan hasil yang anda inginkan, sebelum menyimpannya, klik tombol preview pada kiri bawah untuk membukanya di dalam browser web anda agar bisa terlihat bagaimana nanti di load di website, setelah selesai, klik save dan baru bisa anda ganti nama file.

Kesimpulan

Menyimpan gambar anda untuk keperluan web sangat lah penting, jika anda ingin gambar anda di muat dengan cepat di browser, cepat loading, dan tidak memakan banyak waktu atau juga tidak memakan terlalu banyak space web anda terlebih lagi jika anda terbatas space ruang penyimpanan filenya,  apalagi di media social seperti facebook dan twitter tidak mengizinkan file berukuran besar, jika ingin gambar terlihat sangat bagus namun ukuran file bisa di kompromi atau kecil, maka fitur Save for Web ini akan menyempurnakan gambar di web dengan lebih baik, akurat dan bisa menyeimbangkan antara kompresi file dengan kualitas gambar. melakukan dengan save for web dengan benar akan bisa membuat gambar anda lebih tersimpan dengan bagus dan di simpan dalam space web lebih banyak lagi. loading cepat, blog anda juga bakal banyak pengunjung, dan blog anda akan cepat meroket hits dan trafiknya.

gambar menarik, blog jadi bagus.

motoblast.org < a

Leave a Reply