Tutorial Photoshop: Mengoptimalkan Gambar untuk Penggunaan Web

pengoptimalan gambar web

Tergantung tujuan foto-foto kami akan membutuhkan satu perlakuan atau lainnya. Ini tidak sama dengan mengkonfigurasi foto yang akan dicetak, ditampilkan pada proyektor digital, atau muncul di halaman web. Setiap media memiliki kekurangan, karakteristik atau kebutuhan yang berbeda. Oleh karena itu, perlu perhatian khusus pada jenis aspek ini, jika tidak, kualitas komposisi kami dapat dikurangi secara tidak langsung dan tanpa menyadarinya.

Dalam hal ini, kita akan melihat dalam tutorial berikut pengaturan yang ditawarkan Adobe Photoshop kepada kita untuk menyimpan gambar kita sedemikian rupa sehingga mereka memiliki perlakuan yang optimal untuk direproduksi di halaman web dan Internet. Lewat sini kami akan mencoba menemukan opsi termurah Dengan mempertimbangkan aspek-aspek seperti kualitas (pemotongan dan pikselasi) dan di sisi lain ukuran file, Anda sudah tahu bahwa ketika kami akan mengunggah foto atau file ke situs web kami harus menimbang sesedikit mungkin sehingga pengoperasian situs web kami jauh lebih gesit. Sangat menarik bahwa Anda mempertimbangkan opsi dasar ini, Anda sudah tahu bahwa kita harus berusaha menjaga semua detail yang ada di ujung jari kita.

Optimalisasi gambar JPEG

Untuk memulai kita akan memulai aplikasi kita dan mengimpor foto yang akan kita kerjakan, dalam hal ini gambar sedang dan dalam format JPEG.

optimasi-1

Untuk menyimpan foto ini dengan karakteristik yang sesuai untuk bekerja di web, kita harus pergi ke menu File> Save for Web… (kita juga dapat mengakses opsi ini melalui Alt + Shift + Ctrl + S).

optimasi-2

Kami akan mengklik tab bernama "empat salinan" di bagian atas kotak dialog Simpan untuk Web. Dengan melihat empat pengaturan berbeda dalam file, kita bisa mendapatkan ide bagus tentang pengaturan mana yang paling sesuai dengan tujuan kita. Menggunakan tampilan 4 salinan, beberapa versi gambar dapat ditampilkan di jendela gambar yang sama. Kami akan melakukan itu, kami akan menerapkan format yang berbeda dan kami akan melihat mana yang paling sesuai dengan klaim kami. Anda kemudian dapat menyesuaikan penetapan pengoptimalan untuk setiap versi gambar untuk memilih kombinasi penetapan terbaik.

optimasi-3

Dengan menggunakan menu drop-down Zoom level di kiri bawah kotak dialog, kami akan mengubah perbesaran menjadi 200% atau lebih sehingga kami dapat menganalisis foto kami dengan baik dan menghargai detail gambar.

optimasi-4

Kami akan menempatkan kursor mouse di atas versi kanan atas gambar (yang merupakan versi aktif yang ditunjukkan oleh batas paling gelap). Kursor akan berbentuk tangan, yang menandakan bahwa kita dapat menariknya untuk memindahkan gambar. Kami akan menyeret untuk mengubah posisi gambar sehingga kami menemukan area gambar yang paling sesuai, di mana kami menemukan jumlah nuansa dan kontras terbesar.

optimasi-5

Dari menu drop-down Preset di panel Optimized, kita akan memilih GIF 128 dengan Dither. Perhatikan bagaimana segera dalam versi gambar yang telah kita pilih (dalam hal ini kanan atas) telah ada perubahan yang membuat area yang lebih gelap lebih terlihat. Selanjutnya kita akan terus melihat pengaturan JPEG dan PNG di panel berikut.

optimasi-6

Kami akan mengklik versi kiri bawah gambar untuk memilihnya. Kami akan memilih versi JPEG Rendah di menu preset. Gambar akan tampak cukup pixelated dan kualitasnya tidak dapat diterima, terutama di area teks sangat terlihat. Kami akan mencoba meningkatkan kualitas gambar tanpa mendapatkan ukuran file yang tidak dapat diterima.

optimasi-7

Kami akan memilih JPEG High dari menu drop-down pengaturan lagi. Ini sangat meningkatkan kualitas gambar, tetapi juga menyebabkan peningkatan ukuran file yang signifikan.

optimasi-8

Akhirnya, opsi paling sukses adalah jalan tengah. Kami akan memilih JPEG Media dari menu drop-down Preset lagi. Kualitas gambar sekarang dapat diterima, sementara ukuran file jauh lebih kecil daripada versi JPEG High atau versi GIF.

optimasi-9

Terakhir kita akan memilih panel kanan bawah. Kami akan memilih PNG-8 128 dengan dithering dari menu drop down sekali lagi. Meskipun opsi ini memberikan ukuran file yang lebih kecil dari gambar asli, kualitas gambar tidak sebagus JPEG versi Medium, yang juga akan memiliki ukuran file yang lebih kecil.

optimasi-10

Terakhir kita akan mengklik versi JPEG, yaitu yang ada di kiri bawah. Di Panel yang Dioptimalkan (di sebelah kanan dialog) pastikan Progresif diaktifkan (ini akan menyebabkan gambar diunduh dalam beberapa lintasan, yang masing-masing meningkatkan kualitas gambar) dan klik Oke.

optimasi-11

Terakhir, di kotak dialog Save Optimized As, kami akan menggunakan nama asli dan klik Save. Dengan cara ini kami akan menyimpan versi JPEG dari file asli di folder yang diinginkan. Akhirnya kami akan menutup proyek ini tanpa menyimpan perubahan.


tinggalkan Komentar Anda

Alamat email Anda tidak akan dipublikasikan. Bidang yang harus diisi ditandai dengan *

*

*

  1. Penanggung jawab data: Miguel Ángel Gatón
  2. Tujuan data: Mengontrol SPAM, manajemen komentar.
  3. Legitimasi: Persetujuan Anda
  4. Komunikasi data: Data tidak akan dikomunikasikan kepada pihak ketiga kecuali dengan kewajiban hukum.
  5. Penyimpanan data: Basis data dihosting oleh Occentus Networks (UE)
  6. Hak: Anda dapat membatasi, memulihkan, dan menghapus informasi Anda kapan saja.