Tips Mempersiapkan Gambar untuk Web vs Cetak

JUDUL: Tips Mempersiapkan Gambar untuk Web vs Cetak

Oleh Art Director dan pendiri Pure Works Studio , Victoria Jordan
Ketika Anda memiliki stok foto yang bagus, Anda ingin memastikan bahwa kualitasnya tetap tinggi di mana pun foto itu muncul. Dalam tutorial ini, kita akan membahas persyaratan untuk format cetak dan web menggunakan foto luar biasa ini dari Mayer George Vladimirovich .

Untuk Cetak…

PrintRes1
PrintRes1

C. DPI standar untuk pencetakan adalah 300.

(Ada beberapa pengecualian, misalnya, saat menyiapkan file untuk papan reklame atau format besar lainnya, persyaratan DPI bisa lebih rendah. Dalam situasi tersebut, tanyakan spesifikasinya kepada produsen cetak Anda.)

A. Dimensi piksel menunjukkan tidak hanya lebar dan tinggi dalam piksel, tetapi juga jumlah ruang yang akan digunakan gambar, dalam hal ini, 219,7K

B. Ukuran dokumen menunjukkan dimensi terbesar di mana gambar Anda dapat ditampilkan.

Untuk Web…

WebRes
WebRes

A. Dimensi piksel dalam dialog ini jauh lebih kecil karena DPI yang lebih rendah. Jumlah ruang juga jauh lebih sedikit, 12,7K

B. Ukuran dokumen adalah ukuran terbesar di mana gambar Anda dapat ditampilkan.

C. DPI standar untuk web adalah 72.

Hal utama kedua yang harus diperiksa saat menyiapkan gambar adalah Mode Warna.

Untuk Cetak…

Mode Warna standar untuk mencetak adalah CMYK (Cyan, Magenta, Yellow, Black). (Gambar > Mode Warna)

Untuk Web

Mode Warna standar untuk web adalah RGB (Merah, Hijau, Biru).

Kompresi:

Untuk gambar cetak, selama Anda senang dengan warnanya, dll. Anda siap untuk pergi. Untuk web, ini menjadi sedikit rumit. Pada titik ini, Anda memiliki gambar pada dimensi, resolusi, dan mode warna yang tepat. Jika Anda ingin mengunggahnya ke situs web atau jika file tersebut akan berakhir sebagai spanduk web, Anda mungkin harus mengompresi gambar Anda lebih jauh. Misalnya, banyak situs web memerlukan spanduk web tidak lebih dari sekitar 30rb. Jika kita pergi ke Save For Web and Devices, kita akan mendapatkan dialog yang akan memberi kita kesempatan untuk menurunkan ukuran kita.

Pertama, kami mengubah ukuran gambar ke salah satu ukuran spanduk web standar (300px x 250px pada 72 DPI)

Spanduk Web
Spanduk Web

Mulailah dengan gambar yang Anda siapkan untuk Cetak, lalu ubah Resolusi menjadi 72 DPI. Jika kotak Resample Image (D.) dicentang maka pastikan Anda mengubah Pixel Dimensions kembali menjadi 300 width dan 250 height. Jika kotak tidak dicentang, dimensi piksel akan tetap sama secara otomatis.

Sekarang, buka Save for Web & Devices (File > Save for Web & Devices). Cara menyimpan ini memungkinkan Anda melihat efek berbagai kompresi gambar secara berdampingan.

SimpanUntuk
SimpanUntuk

Perhatikan perbedaan ukuran gambar (F.) dari gambar ke gambar. Yang terkecil di sini adalah 26.6K. Ukuran ini dapat bekerja untuk spanduk kami, tetapi jika Anda melihat lebih dekat…

Zoom1
Zoom1

Anda dapat melihat apa yang telah dilakukan kompresi terhadap kualitas gambar.
Mari kembali ke dialog Simpan untuk Web & Perangkat dan lihat apakah ada yang bisa kita lakukan.

SimpanUntuk2
SimpanUntuk2

Meningkatkan jumlah warna (G.) pasti membuatnya terlihat lebih baik, tetapi juga meningkatkan ukurannya.

SimpanUntuk3
SimpanUntuk3

Mengurangi gentar (H.) ( definisi gentar ) menghapusnya, tetapi sedikit membuat gambar menjadi piksel.

SimpanUntuk4
SimpanUntuk4

Meningkatkan Lossy (I.) ( definisi lossy ) sedikit menurunkannya cukup untuk membuat kita di bawah ukuran yang kita butuhkan. Dengan salah satu opsi ini, Anda akan kehilangan kualitas gambar. Triknya adalah bermain dengan pengaturan sampai Anda mendapatkan gambar yang terlihat memuaskan dengan ukuran yang benar.

Setelah Anda berada di sana, atur format dan pengaturan Anda ke preferensi Anda di dialog Simpan dan klik Simpan.

SimpanDialog
SimpanDialog

Bereksperimenlah dengan alat ini untuk mendapatkan file yang terlihat cantik dan memenuhi persyaratan produksi untuk proyek gambar apa pun yang sedang Anda kerjakan.

 Tag:

blog,indonesia,tips dan tutorial,tips desain,

Posting Komentar

Post a Comment (0)

Lebih baru Lebih lama