DPI apa yang harus digunakan untuk situasi apa?


30

Saya telah melihat kata 'DPI' muncul cukup banyak ketika saya mengekspor pekerjaan saya di Photoshop dan Illustrator. Meskipun saya tahu bahwa DPI adalah singkatan dari 'dots per inch', dan bahwa jika Anda memiliki DPI yang terlalu rendah pada suatu gambar, pixelasi berat terjadi jika Anda mencoba memperbesar, apa yang akan menjadi DPI optimal untuk situasi apa?

Misalnya (Situasi):

  • Mengekspor desain cetak A4
  • Tata letak situs web
  • Logo (Hanya situs web - Kira-kira lebih kecil dari SE Desain Grafis saat ini.)
  • Logo (Memperbesar ke atas dan ke bawah - Dari kartu nama ke spanduk besar.)

4
Saya pikir jawaban lain sudah dibahas, tetapi hanya untuk menambahkan bahwa secara teknis Anda harus berbicara tentang PPI (piksel per inci) ketika Anda berbicara tentang menyiapkan gambar. Dots per inch mengukur resolusi perangkat cetak Anda, dan bukan hal yang sama. Juga perlu dicatat bahwa istilah ini masih bertahan bahkan di mana metrik digunakan untuk yang lainnya (OK, dan poin untuk ukuran jenis).
e100

"Saya telah melihat kata 'DPI' muncul cukup banyak ketika saya mengekspor pekerjaan saya di Photoshop dan Illustrator." Dimana tepatnya? Bisakah Anda memberikan tangkapan layar?
e100

Setuju, tetapi 72 dpi untuk tata letak web adalah kesepakatan terbaik untuk ukuran font dalam pt dan px (dalam photoshop).
benoît

Jawaban:


19

Saya selalu berpikir DPI agak keliru ... Itu benar-benar hanya berlaku jika Anda mencetak gambar, jika tidak, baik, piksel adalah piksel. Untuk gambar di situs, sebenarnya tidak masalah, cukup dapatkan sebanyak mungkin, agar sesuai dengan ukuran yang diperlukan. Printer agak berbeda, tetapi sekitar 300 DPI biasanya merupakan aturan praktis yang baik untuk ukuran kertas yang lebih kecil.

Untuk Logos, saya berharap mereka sedang dirancang dalam program vektor, yang berarti DPI dapat disesuaikan dengan ukuran objek apa pun.


1
Saya tidak akan menganggapnya keliru (ini adalah titik-titik di atas kertas), tetapi Anda benar bahwa DPI hanya berlaku untuk pencetakan dan tidak ditampilkan di layar. Saya melakukan penjelasan yang cukup menyeluruh pada jawaban ini graphicdesign.stackexchange.com/questions/1760/…
jhocking


5

Khususnya pada PPI untuk web atau gambar di layar lainnya: 72PPI (atau 75, atau 96) adalah mitos.

Ya, ada gambar yang digunakan aplikasi untuk memutuskan berapa banyak piksel yang digunakan untuk membuat font yang ditentukan dalam poin, tetapi ini tidak memiliki relevansi dengan gambar, selain:

  • jika dokumen Photoshop Anda adalah 72ppi, tidak masalah jika unit font Anda disetel ke titik atau piksel, karena mereka akan memberikan hasil yang sama untuk nilai numerik apa pun. Ini mungkin sedikit lebih nyaman, tetapi benar-benar tidak masuk akal untuk menggunakan poin dalam gambar berbasis piksel. Ini seperti mencoba membuat spanduk web berukuran tepat 1,5 cm x 10 cm, atau halaman web berukuran tepat 12 ".

Satu-satunya situasi lain yang dapat saya pikirkan di mana PPI relevan adalah:

  • di mana Anda ingin mencetak tata letak layar pada ukuran yang sama akan muncul pada layar yang diberikan. Dalam hal ini, ya, Anda akan mengatur PPI gambar ke layar.

    Mengingat bahwa resolusi tampilan sangat bervariasi, ini hanya akan menjadi perkiraan terbaik untuk kelas perangkat tertentu, dan pada tampilan modern kemungkinan 100PPI atau lebih tinggi (jauh lebih tinggi pada iPhone 4). Tetapi jika Anda mendesain untuk satu perangkat, itu mungkin berguna.

(Saya pikir saya menemukan satu contoh lain di mana gambar harus disiapkan pada 100dpi ketika menggunakan MS Word untuk mengeluarkan email HTML, tapi saya benar-benar tidak ingin membahasnya lagi).


1
Mengenai iPhone Retina dan iPad Retina (dan mungkin Retina Mac): Apple mendefinisikan satu titik sebagai dua piksel, jadi poin memang penting, tetapi tidak dengan cara yang mungkin diminta oleh @JFW. Saya setuju dengan semua yang Anda katakan. Jika Anda ingin membuat hidup Anda lebih mudah, PSD web dan aplikasi harus 72PPI, tetapi sebagian besar tidak masalah.
Marc Edwards

3

Untuk foto yang dicetak pada pers offset, aturan praktisnya adalah Anda ingin resolusi foto menjadi dua kali dot pitch dari layar halftone. Misalnya, jika Anda memiliki layar 150lpi maka gambar Anda harus setidaknya 300dpi pada ukuran akhirnya.

Kebanyakan monitor LCD modern memiliki resolusi fisik sekitar 100dpi.

Untuk desain situs web Anda harus memiliki logo sebagai garis seni dalam beberapa format grafik vektor seperti SVG atau EPS. Kemudian, render sekitar 4x ukuran (yaitu jumlah piksel) yang Anda inginkan dan meledakkan latar belakangnya menjadi 4x ukuran. Gabungkan keduanya, dan sampel ulang file yang dihasilkan kembali ke ukuran. Ini akan memberi Anda logo anti-alias digabungkan ke latar belakangnya.


Ini kedengarannya menjanjikan, saya berharap itu lebih jelas dijelaskan apa yang dimaksud dengan "menggabungkan keduanya" dan "sampel ulang file yang dihasilkan kembali ke ukuran".
Kzqai

Dengan 'Gabungkan keduanya' Maksudku menggunakan photoshop atau editor gambar lainnya untuk menempelkan logo ke latar belakang. Gambar yang Anda miliki adalah 400% (sesuai instruksi dalam posting). Sekarang menyusutkan kembali ke 100% menggunakan resampling untuk antialias tepi logo.
ConcernedOfTunbridgeWells

2

Pertama, coba gunakan vektor saat Anda bisa (terutama untuk cetak). Vektor memiliki DPI 'tak terbatas'.

Ketika Anda menggunakan gambar bitmap dalam desain Anda, cobalah untuk menjaga DPI dan resolusi aslinya. Anda selalu dapat mengekspor produk jadi ke DPI yang diinginkan. Untuk cetak, ini sering 300 DPI, tetapi terkadang lebih.

Saat mengekspor untuk halaman web, Anda harus tahu seberapa besar hasilnya, dalam piksel (resolusi). Di Illustrator Anda dapat menentukan DPI dan ini akan mengubah resolusi gambar yang diekspor.


Membingungkan DPI dan PPI.
e100

1

Pertanyaannya valid, tetapi terlalu samar untuk dijawab dengan kekhususan apa pun. Secara umum, resolusi gambar yang Anda inginkan tergantung pada:

  • jenis gambar
  • ukuran potongan terakhir
  • jenis teknologi pencetakan yang digunakan
  • apa yang sedang dicetak
  • dll.

Satu jawaban spesifik adalah gambar web: tidak ada konsep DPI untuk gambar yang akan ditampilkan di layar. Anda hanya perlu berurusan dengan dimensi piksel.

Saat mencetak, Anda harus berurusan dengan hal-hal seperti jenis pencetakan (sablon akan resolusi lebih rendah daripada offset litografi, misalnya), jenis media (pencetakan pada kertas berlapis tanah biasanya akan menggunakan gambar DPI yang jauh lebih tinggi daripada mencetak pada kertas koran akan), jenis gambar (gambar yang dicetak dengan layar garis [seperti foto] tidak perlu memiliki resolusi setinggi yang diperlukan oleh seni garis), ukuran potongan terakhir (papan iklan tidak perlu resolusi yang sama dengan brosur mengkilap), dll.

Secara terang-terangan, foto biasanya diatur pada 300DPI. Garis seni di suatu tempat antara 600 dan 1200DPI. Pencetakan format besar biasanya 100DPI atau sekitar itu.

Perhatikan bahwa istilah dpi dan ppi terkadang digunakan secara bergantian. Secara teknis, kita biasanya harus menggunakan PPI ketika datang ke resolusi gambar untuk dicetak tetapi DPI telah lama digunakan juga. Cari DPI dan PPI di situs ini untuk melihat banyak diskusi tentang topik itu.


-1

Biasanya, saya menggunakan ini:

  • 72 DPI untuk semuanya untuk layar (terkadang 75 DPI juga). Dengan cara ini, versi cetak dari gambar ini akan jelek atau kecil. Berguna jika Anda ingin melindungi gambar Anda.
  • 150 DPI untuk cetakan berkualitas kecil (demo untuk cetakan di masa depan, situs web dll untuk klien)
  • 300 DPI (hingga 450) untuk hasil cetak berkualitas bagus tanpa resolusi tinggi.

Seperti yang telah disebutkan, gambar vektor cukup berguna. Pertama, karena beberapa printer profesional dapat menghasilkan dimensi apa saja dari ini menjadi kertas. Anda juga dapat mengekspornya dari 72 DPI untuk web ke 300 untuk dicetak dari sumber yang sama.


"72 DPI untuk semuanya untuk layar ... Dengan cara ini, versi cetak dari gambar ini akan jelek atau kecil." Maksud Anda dalam skenario di mana klien hanya mendapatkan salinan pratinjau tercetak, bukan file itu sendiri?
e100

Membingungkan DPI dan PPI.
e100

-1

Untuk mencetak foto, 300dpi sudah cukup. Untuk tipe atau tipografi apa pun, 600dpi adalah cara untuk melakukannya.

Tidak masalah di web, 72dpi tidak masalah di sana.


1
Membingungkan DPI dan PPI.
e100

-2

300 dpi adalah standar untuk proyek cetak (terutama untuk pencetakan offset).

Gambar vektor memiliki resolusi tidak terbatas, jadi lebih baik untuk melakukan penskalaan logo.

150 dpi biasanya digunakan untuk proyek cetak ekstra besar.

Tetapi ketika datang ke web, resolusi biasanya sekitar 72 dpi. Namun, ketika saya menginginkan kualitas logo yang lebih baik di situs web, ini masalah format file. Saya menggunakan png-24 yang memberikan kualitas yang lebih baik untuk logo, jpeg untuk foto apa pun.


Bingung DPI dan PPI; tidak ada alasan bagus untuk membuat gambar web pada DPI tertentu - Anda cukup membuat gambar pada dimensi piksel yang diperlukan.
e100

-3

Ketika saya bekerja di penerbit, aturannya setidaknya 600dpi untuk keperluan pencetakan dan 72dpi untuk gambar yang diformat untuk dimasukkan ke web.


2
Tidak ada alasan bagus untuk membuat gambar web pada DPI tertentu - Anda cukup membuat gambar pada dimensi piksel yang diperlukan.
e100

-5

96 DPI / PPI untuk web / layar. Apple menggunakan 72, tetapi Microsoft menggunakan 96, kebanyakan orang tidak tahu ini ...


Tidak ada alasan bagus untuk membuat gambar web pada DPI tertentu - Anda cukup membuat gambar pada dimensi piksel yang diperlukan. Nilai yang Anda bicarakan berkaitan dengan berapa banyak piksel yang digunakan untuk membuat font yang ditentukan dalam poin.
e100
Dengan menggunakan situs kami, Anda mengakui telah membaca dan memahami Kebijakan Cookie dan Kebijakan Privasi kami.
Licensed under cc by-sa 3.0 with attribution required.